') // replace \n chars with
') //replace
tags with literals return d; }, getURIString:function(encodedString){ // if you need something more robust talk to tim var decoded = TZ.filters.getRawString(encodedString); decoded = unescape(decoded); return encodeURI(decoded); } }; /* * Usage: * DynamicContentLoader.createPopup("loginPopupWindow", "login_popup.html", true, 623, 225) * DynamicContentLoader.load('myDiv', "myContent.html") * DynamicContentLoader.createDiv("myDiv","myContent.html") */ // workaround IE8 to disable cache for now. Will test real solution with Chandra --timm //$.ajaxSetup({cache:false}); var DynamicContentLoader = { addMask: function(){ $('body').append(''); var maskHeight = $(document).height(); $('#modalPopupMask').css({ 'width': '100%', 'height': maskHeight }); $('#modalPopupMask').fadeTo("slow", 0.3); }, removeMask: function(){ $('#modalPopupMask').fadeOut(250, function(){ $('#modalPopupMask').remove(); }); }, /* * Load all dynamic content into element 'id'. * Note that non-dynamic content (not enclosed in the dynamic blocks) is ignored. * * The tags searched for here are arbitrary, but must match those inserted by the dynamic.X templates. */ load: function(id, contentURL, type, callback){ var params = { 'id': id }; /* URL params (retrieved on the ERB side by $request) */ $.get(contentURL, params, function(data) { /* CSS*/ var cssBlocks = data.split(/<\/?CSS_BLOCK>/m); var combinedCss = ""; for (i = 1; i < cssBlocks.length; i += 2) combinedCss = combinedCss + cssBlocks[i]; $("#" + id + "_css").remove(); $("\n").appendTo("head"); /* Insert HTML*/ var htmlBlocks = data.split(/<\/?HTML_BLOCK>/m); var combinedHtml = ""; for (i = 1; i < htmlBlocks.length; i += 2){ combinedHtml = combinedHtml + htmlBlocks[i]; } if(type == 'append'){ $('#' + id).append(combinedHtml); }else if(type=='prepend'){ $('#' + id).prepend(combinedHtml); }else{ $('#' + id).html(combinedHtml); } /* Evaluate Embedded Javascript*/ var jsBlocks = data.split(/<\/?JAVASCRIPT_BLOCK>/m); for (i = 1; i < jsBlocks.length; i += 2) $.globalEval(jsBlocks[i]); // // Re-do initialization that was done for all components on the main page // TZ.social.parse(); // required to translate XFBML in dynamic content (already run on the main page) $('[tooltip]').tooltip(); // set up any Tool Tips (for elements with a tooltip= attribute) //call any callback provided if(callback!=null) callback(); }); }, createDiv: function(id, contentURL, callback){ $('').appendTo("body"); DynamicContentLoader.load(id, contentURL, 'replace', callback); }, appendToDiv: function(id, contentURL, callback){ DynamicContentLoader.load(id, contentURL, 'append', callback); }, prependToDiv: function(id, contentURL, callback){ DynamicContentLoader.load(id, contentURL, 'prepend', callback); }, /* * Called twice for each popup. Once for width and once for height to make sure it is centered * on the page according to where the scrollbars are. */ calculateProperPosition: function(scrollPosish, windowMeasurement, popupMeasurement) { var windowMidpoint = Math.floor(windowMeasurement/2); var popupMidpoint = Math.floor(popupMeasurement/2); if (windowMidpoint - popupMidpoint > 0) { return windowMidpoint - popupMidpoint + scrollPosish; } else { return scrollPosish; } }, /* * Create a centered Popup on the page by appending a
tag to the body of the current page
* and dynamically loading it with the given URL.
*
* afterLoadedCallback (optional) is called after the DIV has been loaded onto the page.
* Set up any desired event handlers here.
*/
createPopup: function(id, contentURL, modal, width, height, draggable, afterLoadedCallback){
if (draggable === undefined) draggable = false; // off by default per request by Design Team, Kristine, Tim, and Satya -Brent 2010-10-02
if (modal === undefined)
modal = false;
var top = this.calculateProperPosition($(window).scrollTop(), $(window).height(), height);
//375 px are added to avoid overlapping the ads with the popup
var left = this.calculateProperPosition($(window).scrollLeft(), $(window).width(), width);
var divParams = 'id="' + id + '" style="position:absolute; left:' + left + 'px; top:' + top + 'px; height:' + height + 'px; width:' + width + 'px;z-index:150;"';
$popup = $('');
$popup.appendTo("body");
DynamicContentLoader.load(id, contentURL, 'replace', function() {
//hide overlap stuff
TZ.popupHandler.hideOverlapStuff();
//make the popup draggable... sent as a callback to the load function
//so that the draggable call happens on the full size popup.
if(draggable == true) $popup.draggable();
if (modal) {
DynamicContentLoader.addMask();
}
// Call the completion callback so the caller can perform any desired initialization
if (afterLoadedCallback) afterLoadedCallback($popup);
});
},
/*
* Remove a popup.
*/
removePopup: function($popup){
DynamicContentLoader.removeMask();
if ($popup.hasClass('basePopUp')) {
$popup.parent().remove();
} else {
$popup.remove();
}
TZ.popupHandler.showOverlapStuff();
}
};
/*
* Share Bar Handler
$(function(){
var $shareBar = $('.share_bar').eq(0).detach();
$('[name=share_bar]').append($shareBar);
$shareBar.show();
}); */
/*
* CheckBoxes Handler
*/
$('.checkbox').live('click',function() {
if ($(this).hasClass('checkbox_checked'))
$(this).removeClass('checkbox_checked');
else
$(this).addClass('checkbox_checked');
});
/*
* Text area max-char limit
$(function(){
$('[limit-chars]').keydown(function(){
var maxChars=$(this).attr('limit-chars');
if($(this).val().length > maxChars){
$(this).val($(this).val().substr(0, maxChars));
}
});
});
*/
/*
* Make textareas grow Facebook style jQuery plugin
*/
(function(a){
a.fn.autoResize = function(j){
var b = a.extend({
onResize: function(){
},
animate: true,
animateDuration: 150,
animateCallback: function(){
},
extraSpace: 0,
limit: 500
}, j);
this.filter('textarea').each(function(){
var c = a(this).css({
resize: 'none',
'overflow-y': 'hidden'
}), k = c.height(), f = (function(){
var l = ['height', 'width', 'lineHeight', 'textDecoration', 'letterSpacing'], h = {};
a.each(l, function(d, e){
h[e] = c.css(e)
});
return c.clone().removeAttr('id').removeAttr('name').css({
position: 'absolute',
top: 0,
left: -9999
}).css(h).attr('tabIndex', '-1').insertBefore(c)
})(), i = null, g = function(){
f.height(0).val(a(this).val()).scrollTop(10000);
var d = Math.max(f.scrollTop(), k) + b.extraSpace, e = a(this).add(f);
if (i === d) {
return
}
i = d;
if (d >= b.limit) {
a(this).css('overflow-y', '');
return
}
b.onResize.call(this);
b.animate && c.css('display') === 'block' ? e.stop().animate({
height: d
}, b.animateDuration, b.animateCallback) : e.height(d)
};
c.unbind('.dynSiz').bind('keyup.dynSiz', g).bind('keydown.dynSiz', g).bind('change.dynSiz', g)
});
return this
}
})(jQuery);
/*
* Popup
*/
TZ.popup = {
addMask:function() {
$('body').append('');
var maskHeight = $('body').height();
var maskWidth = $('body').width();
$('#modalPopupMask').css({'width':maskWidth,'height':maskHeight});
$('#modalPopupMask').fadeTo("slow",0.3);
},
removeMask:function() {
$('#modalPopupMask').fadeOut(1000,function(){$('#modalPopupMask').remove();});
}
}
$('.validation_error').live("keydown click change",
function(event){
var $textContainer = $(event.currentTarget);
if($textContainer.hasClass('radiobutton'))
{ var name = '[name="'+$textContainer.attr('name')+'"]';
$textContainer = $(name);
}
$textContainer.removeClass('validation_error').removeAttr('tooltip').tooltip('destroy');
}
);
/*
* Form Check Count
*/
TZ.checkCount = {
setUp:function(){
$('.countCheck').remove();
$('.checkLength').each(function(index,element) {
$(this).before(')!');
// Action = s1-s2-s3
s1 = Util.capitalize(s1);
s2 = Util.capitalize(s2);
s3 = Util.capitalize(s3);
var action = s1 + (s2?'-'+s2:'') + (s3?'-'+s3:'');
Analytics._postMsg(['_trackEvent', category, action, label || undefined, intVal || undefined]); // params must be undefined if not set
},
/**
* Called when Facebook "Like" button is clicked.
*/
like: function (url) {
Analytics.social('facebook', 'like', url);
},
/**
* Call to track any social interaction (not just the FB Like button).
*/
social: function (network, action, url) {
Analytics._postMsg(['_trackSocial', network, action, url]);
},
/**
* Helper function to post the messages OR display a debug message if DEBUG is turned on.
*/
_postMsg: function (dataArray) {
if (!(Analytics.DEBUG && Debug.notify('Analytics', dataArray.join(', '), Analytics.DEBUG_USER, 7000)))
_gaq.push(dataArray);
}
};
(function($)
{
$.fn.vid = function()
{
var c = {
// required
type : 'youtube', // String - defines the service, possible values are: youtube, vimeo, dailymotion, 1click2fame; for anymore, just fork the project or email me.
videoId : '4wGR4-SeuJ0', // String - defines the unique video identifier
// optional
autoPlay : false, // Boolean - defines whether to autoplay the video or not
loop : false, // Boolean - defines whether to loop the video or not
hq : true, // Boolean - defines whether to play the highest quality version, so HD or HQ, rather than SD
chromeless : false, // Boolean - defines whether to use the chromless player for youtube only
resize : true // Boolean - defines whether you want the player to resize dynamicly to its parent's size
};
if ( arguments[ 0 ] )
{
$.extend( c, arguments[ 0 ] );
}
this.each( function()
{
var e = $( this );
var h = '';
var v = { };
switch ( c.type )
{
case 'youtube':
h += 'youtube.com/' + ( c.chromeless ? 'apiplayer' : 'v/' + c.videoId ) + '?enablejsapi=1&version=3&autoplay=' + ( c.autoPlay ? '1' : '0' ) + '&loop=' + ( c.loop ? '1' : '0' ) + ( c.hq ? '&hd=1' : '' );
break;
case 'vimeo':
h += 'vimeo.com/moogaloop.swf?clip_id=' + c.videoId + '&js_api=1' + ( c.hq ? '' : '&hd_off=1' );
break;
case 'dailymotion':
h += 'dailymotion.com/swf/' + c.videoId + '?enablejsapi=1&autoplay=' + ( c.autoPlay ? '1' : '0' );
break;
case '1click2fame':
h += '1click2fame.com/flash/Player.swf?videoID=' + c.videoId + '&autoPlay=' + c.autoPlay;
break;
}
e.flash({
swf : 'http://' + h,
height : e.height(),
width : e.width(),
flashvars : v
});
if ( c.resize )
{
$( this ).parent().resize( function()
{
var ts = [ $( 'object', e ), $( 'embed', e ) ];
$( ts ).each( function()
{
$( this ).attr( 'height', e.height() );
$( this ).attr( 'width', e.width() );
});
})
}
});
return this;
};
})(jQuery);
// Including the jQuery SWFObject plugin by Jonathan Neal: http://jquery.thewikies.com/swfobject/
(function ($, flash) {
var createAttrs = function (obj) {
var aEach,
aArray = [];
for (aEach in obj) {
aArray.push(aEach + '="' + obj[aEach] + '"');
}
return aArray.join('');
};
createParams = function (obj) {
var aEach,
bEach,
aArray = [],
bArray;
for (aEach in obj) {
if (typeof obj[aEach] == 'object') {
bArray = [];
for (bEach in obj[aEach]) {
bArray.push([bEach, '=', encodeURIComponent(obj[aEach][bEach])].join(''));
}
obj[aEach] = bArray.join('&');
}
aArray.push([''].join(''));
}
return aArray.join('');
};
expressInstallIsActive = false;
var Plugin = navigator.plugins['Shockwave Flash'] || window.ActiveXObject;
if (!Plugin)
$[flash] = function () { return {
available: false,
version: 0,
hasVersion: function () { return false; },
create: function () {}
}};
else
$[flash] = (function () {
var flashVersion = '0,0,0',
flashVersion = Plugin.description || (function () {
try {
return (new Plugin('ShockwaveFlash.ShockwaveFlash')).GetVariable('$version');
}
catch (eIE) {}
}());
flashVersion = flashVersion.match(/^[A-Za-z\s]*?(\d+)[\.|,](\d+)(?:\s+r|,)(\d+)/);
return {
available: flashVersion[1] > 0,
activeX: !Plugin.name,
version: {
major: flashVersion[1] * 1,
minor: flashVersion[2] * 1,
release: flashVersion[3] * 1
},
hasVersion: function (version) {
var versionCompare = this.version,
major = 'major',
minor = 'minor',
release = 'release';
version = (/string|number/.test(typeof version)) ? version.toString().split('.') : version || [0, 0, 0];
version = [
version[major] || version[0] || versionCompare[major],
version[minor] || version[1] || versionCompare[minor],
version[release] || version[2] || versionCompare[release]
];
return (version[0] < versionCompare[major]) || (version[0] == versionCompare[major] && version[1] < versionCompare[minor]) || (version[0] == versionCompare[major] && version[1] == versionCompare[minor] && version[2] <= versionCompare[release]);
},
expressInstall: 'expressInstall.swf',
create: function (obj) {
if (!$[flash].available || expressInstallIsActive || !typeof obj == 'object' || !obj.swf) {
return false;
}
if (obj.hasVersion && !$[flash].hasVersion(obj.hasVersion)) {
obj = {
swf: obj.expressInstall || $[flash].expressInstall,
attrs: {
id: 'SWFObjectExprInst',
height: Math.max(obj.height || 137),
width: Math.max(obj.width || 214)
},
params: {
flashvars: {
MMredirectURL: location.href,
MMplayerType: ($[flash].activeX) ? 'ActiveX': 'PlugIn',
MMdoctitle: document.title.slice(0, 47) + ' - Flash Player Installation'
}
}
};
expressInstallIsActive = true;
}
else {
obj = $.extend(
true,
{
attrs: {
height: obj.height || 180,
width: obj.width || 320
},
params: {
wmode: obj.wmode || 'opaque',
flashvars: obj.flashvars
}
},
obj
);
}
return '';
}
};
}());
$.fn[flash] = function (args) {
if (typeof args == 'object') {
this.each(
function () {
var test = document.createElement(flash);
test.innerHTML = $[flash].create(args);
if (test.childNodes[0]) {
this.appendChild(test.childNodes[0]);
}
}
);
}
else if (typeof args == 'function') {
this.find('object').andSelf().filter('object').each(
function () {
var elem = this,
jsInteractionTimeoutMs = 'jsInteractionTimeoutMs';
elem[jsInteractionTimeoutMs] = elem[jsInteractionTimeoutMs] || 0;
if (elem[jsInteractionTimeoutMs] < 660) {
if (elem.clientWidth || elem.clientHeight) {
args.call(this);
}
else {
setTimeout(
function () {
$(elem)[flash](args);
},
elem[jsInteractionTimeoutMs] + 66
);
}
}
}
);
}
return this;
};
}(jQuery, 'flash'));
$('.sized_image').live('hover',function(){
$('[tooltip]').tooltip();
});
TZ.getImageDiv = function(imageId,divClass,dimension,format,scaleSize,alt){
var profile = '';
var dim = dimension;
if(dimension === undefined) dim = 2500;
if(format === undefined) format = "jpg";
if(scaleSize === undefined) scaleSize = false;
if(alt === undefined) alt = 'IMG';
var rdim = dim;
if (dim < 150){
rdim = 25 * (Math.floor(dim/25) + 1)
} else{
rdim = 50 * (Math.floor(dim/50) + 1)
}
var url;
if(imageId[0] == '@') profile = 'profile/';
if(rdim > 1000) url = "http://starstyler.gala.de/images/"+ profile + imageId + ".jpg";
else url = "http://starstyler.gala.de/images/" + profile + "R"+ rdim + "H"+ rdim + "W/" + imageId + "." + format;
var style;
if(dimension === undefined || scaleSize == true) style = '';
else style = "style='width:" + dim + "px;height:" + dim + "px;'";
var x = "![](" + url + ")
");
};
TZ.needsFlash = {
show: function() {
$('body').prepend($("#needFlashAdProtector, .needFlash").slideDown("slow"));
},
hide: function() {
$('.needFlash, #needFlashAdProtector').slideUp('slow');
}
};
/*
* TimeSince
* Converts a JS date into a string like:
* - 7 seconds ago
* - about a minute ago
* - 12 minutes ago
* - about 25 minutes ago
* - 2 days and 14 hours ago
* - 2 months ago
* - 25 minutes from now
* - nearly a year from now
*
* Brent (2011-04-07)
*/
TZ.time = {
ABOUT_STR : "",
YESTERDAY: "yesterday", // set to null to turn off yesterday display
UNITS_MINUTES:1,
UNITS_HOURS: 2,
UNITS_DAYS: 3,
UNITS_WEEKS: 4,
UNITS_MONTHS: 5,
UNITS_YEARS: 6,
UNITS_MAX: 6,
unitStr: ["second", "minute", "hour", "day", "week", "month", "year"],
unitSecs: [1, 60, 3600, 24 * 3600, 24 * 3600 * 7, 30 * 24 * 3600, 365.25 * 24 * 3600],
monthNameAbbr: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
percentAbout : .10, // used to find initial units, as well as to label as "about"
_localUtcCorrection : 0, // updated when available after RPCReady
localDate: function(serverTimestamp){
return new Date((serverTimestamp + TZ.time._localUtcCorrection) * 1000);
},
serverTimestamp: function(date){
return Math.floor(date.getTime()/1000 - TZ.time._localUtcCorrection);
},
toUnitsStr: function (val, units) {
var pl = ''
if (val != 1)
pl = 's'
else
val = (units == TZ.time.UNITS_HOURS) ? "an" : "a"
return val + " " + TZ.time.unitStr[units] + pl
},
toString: function (val, units, extra, isFuture) {
var self = TZ.time;
var agoStr = '';
if (units == self.UNITS_DAYS && val == 1 && self.YESTERDAY)
agoStr = self.YESTERDAY;
else
agoStr = self.toUnitsStr(val, units) + extra + (isFuture ? " from now" : " ago")
return agoStr
}
}
/**
* Local clock correction (if not synchronized exactly with a time server).
*/
TZ.events.addEventListener("RPCReady", function(){
function updateTimeCorrection () {
TZ.rpc.serverTimeOffset(function (localUtcCorrection) {
TZ.time._localUtcCorrection = localUtcCorrection
});
}
setInterval(updateTimeCorrection, 60000); /* sync #secs offset with server every minute */
updateTimeCorrection(); // sync now
})
/**
* timeSince
*
* @param pPartialThreshold - a unit threshold: 0=disable, all units >= threshold may be split into their next-lower units
* (3="X days and Y minutes", as well as, "X years and Y months")
* @param pDisplayDateThreshold - display date, instead of "time ago" if > 0 && <= UNITS_MAX
*/
TZ.time.timeSince = function (pDate, pRoundMinutesGreaterThan, pDisplayApprox, pPartialThreshold, pDisplayDateThreshold) {
Debug.assert(pDate, "missing TimeSince timestamp!", "brentf")
if (pPartialThreshold == 0 || typeof(pPartialThreshold) == 'undefined')
pPartialThreshold = TZ.time.UNITS_MAX + 1;
else
pPartialThreshold = Math.max(pPartialThreshold, TZ.time.UNITS_MINUTES)
var doRoundMinutes = typeof(pRoundMinutesGreaterThan) != "undefined"
if (typeof(pDisplayDateThreshold) == 'undefined' || pDisplayDateThreshold == 0)
pDisplayDateThreshold = TZ.time.UNITS_MAX + 1
//
// Delta from original UTC timestamp
//
var now = new Date()
var utcOffset = now.getTimezoneOffset() * 60 // offset in seconds
var secs = ((now - pDate) / 1000.0) | 0
if (!pDate)
return "" // not ready, yet, for some reason
//Debug.log("Time Zone Offset = {0}, timestamp={1}".format(utcOffset/3600, pDate.getTime()));
//Debug.log('TimeSince: pDate = ' + pDate + ', minutes = ' + (secs/60));
//
// Future
//
var isFuture = false
if (secs < 0) // account for truncation above, so don't get "1 second from now" when should be "0 secs"
{
secs *= -1
utcOffset *= -1
isFuture = true
//Debug.error("Future Value in Comments! secs=" + secs + " utcOffset=" + utcOffset + " delta=" + (secs - utcOffset), "brentf")
}
//secs -= utcOffset
// secs = (2*24*3600) + (14*3600) // DEBUG
//
// Units - find largest units that fit
//
var units = TZ.time.unitSecs.length - 1
var m = (1- TZ.time.percentAbout) // use next unit value, if close
while (secs < m*TZ.time.unitSecs[units] && units > 0)
--units
var exactVal = secs / TZ.time.unitSecs[units]
var val = Math.round(exactVal)
//
// Date - convert to date if > threshold
// 20 May
// 20 May 2010 (show year if not this year)
//
if (units >= pDisplayDateThreshold)
{
var sep = ' '
var dateStr = pDate.getDate() + sep + TZ.time.monthNameAbbr[pDate.getMonth()]
if (pDate.getFullYear() != now.getFullYear())
dateStr = dateStr + sep + pDate.getFullYear()
return dateStr;
}
// Minute Rounding (if > 15 mintes)
if (units == TZ.time.UNITS_MINUTES && doRoundMinutes && exactVal > pRoundMinutesGreaterThan) {
val = Math.floor((4 + exactVal) / 5) * 5
if (val >= 60) {
val = 1
++units
}
}
// Split/Inexact ("X days and Y hours" or "about X minutes")
var approx = '',
extra = '',
frac = exactVal - (exactVal|0),
fracAbs = Math.abs(exactVal - val); // dist up or down, depending upon Round of val above
if (fracAbs >= TZ.time.percentAbout) {
if (fracAbs > .20 && units >= pPartialThreshold) { // split
val = exactVal | 0; // truncate, rather than use rounded value
var extraVal = Math.round(frac * TZ.time.unitSecs[units] / TZ.time.unitSecs[units - 1]);
extra = " and " + TZ.time.toUnitsStr(extraVal, units - 1);
}
else if (pDisplayApprox)
approx = TZ.time.ABOUT_STR;
}
var agoStr = TZ.time.toString(val, units, extra, isFuture);
if (agoStr != TZ.time.YESTERDAY)
agoStr = approx + agoStr
//Debug.info(agoStr + " <-- " + secs, "brentf")
return agoStr;
}
//
// Setup
//
listenerId = TZ.events.addEventListener ("RPCReady", function () {
TZ.events.removeEventListener("RPCReady", listenerId);
Debug.note("widget.TimeSince SETUP", "brentf", "green");
setInterval(function(){ timesince_update15('timesince-15') }, 15000); // 15 sec updates
setInterval(timesince_update5m, 5*60000); // 5 min updates
setInterval(timesince_update1hr, 60*60000); // every hour
});
//
// Initialization
//
function timesince_init () {
var srcClass = 'timesince-init';
$('.'+srcClass).each$(function(i, e) {
var $e = this,
date = timesince_getDate($e),
secs = ((new Date() - date) / 1000.0) | 0,
mins = secs / 60;
// Set initial content before timer kicks in
$e.html(TZ.time.timeSince(date, 15, false, 0, TZ.time.UNITS_MONTHS));
// Remove init, add update every X seconds
var dstClass = 'timesince-15';
if (mins >= 60)
dstClass = 'timesince-1hr';
else if (mins >= 5)
dstClass = 'timesince-5m';
$e.switchClass(srcClass, dstClass); // remove init, add update every X seconds
});
};
//
// Updates
// The following three should use a common function. Got them close to becoming one.
//
function timesince_update15 (srcClass) {
timesince_init(); // pick up any new ones, if this function wasn't called explicitly by user of timesince tags
$('.'+srcClass).each$(function(index, e) {
var $e = $(e),
date = timesince_getDate($e),
secs = ((new Date() - date) / 1000.0) | 0,
mins = secs / 60;
$e.html(TZ.time.timeSince(date, 15, false, 0, TZ.time.UNITS_MONTHS));
// Adjust update time by changing classes
if (mins >= 60)
$e.switchClass(srcClass, 'timesince-1hr');
else if (mins >= 5)
$e.switchClass(srcClass, 'timesince-5m'); // remove init, add update every 15 seconds
});
};
function timesince_update5m () {
$('span.timesince-5m').each$(function(index, e) {
var $e = $(e),
date = timesince_getDate($e),
secs = ((new Date() - date) / 1000.0) | 0,
mins = secs / 60;
$e.html(TZ.time.timeSince(date, 15, false, 0, TZ.time.UNITS_MONTHS));
// Adjust update time by changing classes
if (mins >= 60)
$e.switchClass('timesince-5m', 'timesince-1hr');
});
};
function timesince_update1hr () {
$('span.timesince-1hr').each$(function(index, e) {
var $e = $(e),
date = timesince_getDate($e);
$e.html(TZ.time.timeSince(date, 15, false, 0, TZ.time.UNITS_MONTHS));
});
};
/**
* Date accessor caches date in a jQuery data element for faster access
*/
function timesince_getDate ($e) {
var date = $e.data('timestamp');
if (!date) { // cache initially, and re-cache if disappeared (can happen if element is moved out of the DOM temporarily)
date = TZ.time.localDate(parseInt($e.data('utime')));
$e.data('timestamp', date);
}
return date;
};
$.fn.checkBoxVal = function(value) {
if (value != null) {
if(value)
$(this).addClass('checkbox_button_selected');
else
$(this).removeClass('checkbox_button_selected');
} else {
return $(this).hasClass('checkbox_button_selected');
}
};
$('.checkbox_button').live('click',function() {
if ($(this).hasClass('checkbox_button_selected')) {$(this).removeClass('checkbox_button_selected');$(this).removeClass('checkbox_button_selected_hover');}
else $(this).addClass('checkbox_button_selected');
TZ.events.dispatchEvent('content_changed',this);
});
$('.checkbox_button').live('mouseenter',function() {
if ($(this).hasClass('checkbox_button_selected')) $(this).addClass('checkbox_button_selected_hover');
else $(this).addClass('checkbox_button_hover');
});
$('.checkbox_button').live('mouseleave',function() {
$(this).removeClass('checkbox_button_selected_hover');
$(this).removeClass('checkbox_button_hover');
});
$(function () {
TZ.rpc.setup();
});
/*
* TZTrendsRotator
* This class has a corresponding erb called TrendBar, styling applies to both
*/
TZTrendsRotator = function(itemLength) {
this.init(itemLength);
}
$.extend(TZTrendsRotator.prototype, {
itemLength:0,
count:0,
allTrends:[],
spinTimer:null,
init:function (itemLength) {
var instance = this;
this.itemLength = itemLength;
this.count = Math.floor( 1000 / this.itemLength);
var sortPos = 0;
var trend_count = $('.trend_item').length;
for(var i=0;i rtn.max) rtn.max = left;
});
return rtn;
},
removeExtras:function() {
var instance = this;
$('.trend_item').stop( false, false);
$('.trend_item').each(function( item, el) {
var pos = $(el).position();
if (pos.left < 0 || pos.left > (instance.itemLength * (instance.count))) {
$(el).remove();
}
});
},
addTopics:function(amount){
var el;
var pos;
var i;
if(amount < 0){
for(i=0;i 0) ? p.max+this.itemLength*i : p.min-this.itemLength*(this.count-i+1);
$(el).css('left',pos+"px");
var cel = $(el).clone();
$(cel).appendTo("#trend_scroll_section");
$(cel).click(function() {
//$(cel).animate({ 'backgroundColor':'#d3eaf0' },50).animate({ 'backgroundColor':'#000' },650);
});
}
},
scrollTrends:function( amount) {
this.removeExtras();
this.addTopics(amount);
/* first build a proper offset list*/
var dist = (amount > 0) ? (this.getPositions().max - (this.itemLength * (this.count-1))) : this.getPositions().min;
$('.trend_item,.trend_item_show').animate({left:"-=" + dist +"px"},1000);
},
spinIt:function() {
$('#trending_bar .right_btn').click();
},
resetSpinner:function() {
try { clearTimeout(this.spinTimer); } catch (arg) {}
this.spinTimer = setTimeout(this.spinIt ,30000);
}
});
$(function(){
TZ.trendsR = new TZTrendsRotator(210);
});
TZ.follow = {
// This manager works against objects with class 'follow_elem'
// Each such element should have data-account_id='@foo' defined, where foo is the accountId of the user to follow
// TODO: split out the element view code from the model logic here
// timm
isSetup:false,
following:null,//hash of followed names, key is the account name
callingRPC:false,
setup: function(){
if(TZ.follow.following) TZ.follow.setupEach();//use cache if available
else {
if(TZ.rpc.loggedIn) {
TZ.follow.callingRPC= true; // otherwise run RPC and cache results
TZ.rpc.createRPC("GetMyFollows",{},function(followedAccountIds) {
TZ.follow.callingRPC= false;
TZ.follow.following = {};
$.each(followedAccountIds,function(index,value){
TZ.follow.following[value] = true;
})
TZ.follow.setupEach(); // got results now process
}, function(errorObject) {
TZ.follow.callingRPC= false;
});
}
}
if(TZ.follow.isSetup) return;
TZ.follow.isSetup = true;
TZ.events.addEventListener("loginStatusChange",function(){
if(TZ.rpc.accountId == '') {
TZ.follow.following = {}; //we are logged out so no one is followed
TZ.follow.setup();
}
else {
TZ.follow.following = null;// setting to null forces the rpc to rerun
TZ.follow.setup();
}
});
},
setupEach: function(){
$('.follow_elem').each(function(element) {
TZ.follow.prepare($(this));
});
},
prepare: function(followButton) {
var accountId = TZ.follow.getId(followButton);
if(!accountId) return;
if (accountId != TZ.rpc.accountId) {
TZ.follow.checkFollowing(followButton);
} else {
$(followButton).hide();
$(followButton).unbind();
}
},
getId: function(followButton){
var accountId = $(followButton).data("account_id");
if (accountId == undefined) {
Debug.log("error cannot follow without an accountId", "jonchristensen");
return '';
}
return accountId;
},
checkFollowing: function(followButton) {
if(TZ.follow.isFollowing(followButton)) TZ.follow.showUnfollowButton(followButton);
else TZ.follow.showFollowButton(followButton);
},
isFollowing:function(followButton){
var accountId = TZ.follow.getId(followButton);
return (TZ.follow.following[accountId] == true)? true: false;
},
showFollowButton: function(followButton) {
$(followButton).text("");
$(followButton).removeClass("following");
$(followButton).show();
$(followButton).unbind();
$(followButton).click(function() {
TZ.follow.checkSignedIn(this); return false;
});
},
showUnfollowButton: function(followButton) {
$(followButton).addClass("following");
$(followButton).show();
$(followButton).unbind();
$(followButton).click(function() {
TZ.follow.unfollow(followButton); return false;
});
},
checkSignedIn: function(followButton) {
if (TZ.rpc.username != "") TZ.follow.follow(followButton);
else TZ.popupHandler.loadSignInRequiredPopup();
},
follow: function(followButton) {
if(TZ.rpc.loggedIn) {
var accountId = TZ.follow.getId(followButton);
TZ.rpc.createRPC("FollowAccount",{accountId:accountId},function(responseObj) {
TZ.follow.showUnfollowButton(followButton);
TZ.follow.following[accountId] = true;
TZ.follow.setup();//force refresh
}, function(errorObject) {
});
} else
{
TZ.popupHandler.loadSignInRequiredPopup();
}
},
unfollow: function(followButton) {
var accountId = TZ.follow.getId(followButton);
TZ.rpc.createRPC("UnfollowAccount",{accountId:accountId},function(responseObj) {
TZ.follow.showFollowButton(followButton);
delete TZ.follow.following[accountId];
TZ.follow.setup();//force refresh
}, function(errorObject) {
});
}
};
TZ.follow.setup();
$('.gallery_row_item').live('click',function(e){
if(e.altKey) {
var currentTopicId = $(this).data('topicid');
TZ.popupHandler.loadTopicManagementPopup(currentTopicId);
}
}
);
$.fn.simpleDropDownVal = function(value) {
if (value != null) {
//$(this).find('p').text(value);
//$(this).find('p').attr('name',value);
} else {
var val = $(this).find('p').text();
if (val.toUpperCase() == 'SELECT ONE')
val = "";
return val;
}
};
if (!TZ.simpleDropDown)
{
TZ.simpleDropDown = {
setUp : function() {
$('div.simple_drop_down').live('click',
function() {
$(this).toggleClass("ssd_selected");
$(this).toggleClass("dropdown_shadow"); // breaks in IE - Brent & Satya 2011-04-17
if ($(this).hasClass("ssd_selected"))
$('.options_selected', this).show();
else
$('.options_selected', this).hide();
$(this).addClass("ssd_hover");
}
);
$('div.simple_drop_down').live('mouseenter',
function() {
$(this).addClass("ssd_hover");
}
);
$('div.simple_drop_down').live('mouseleave',
function() {
$(this).removeClass("ssd_hover");
$('div.simple_drop_down').removeClass("ssd_selected");
$('div.simple_drop_down').removeClass("dropdown_shadow");
$('.options_selected', this).hide();
}
);
},
value : function (id) {
var val = $(id + ' p').text();
if (val.toUpperCase() == 'SELECT ONE')
{
val = "";
}
return val;
},
name : function (id) {
var val = $(id + ' p').attr('name');
return val;
},
reset: function(id){
$(id).find('p').text('SELECT ONE');
$(id).find('p').attr('name','');
TZ.events.dispatchEvent($(id).data('changeHandler'),$(id).find('p'));
},
changeValue: function(id, value) {
$(id + ' p').text($("#dropdown_" + value).text());
$(id + ' p').attr('name',value);
}
}
TZ.simpleDropDown.setUp();
}
/*
* taaz.messageBubble
*
* Depends:
* jquery.ui.core.js
* jquery.ui.widget.js
*/
(function( $ ) {
'use strict';
$.widget( "taaz.messageBubble", {
options: {
direction: 'left',
bodyClass: ''
},
_create: function() {
this.body = $("").addClass(this.options.bodyClass);
this.body.append(this.element.contents());
this.element.append("")
.append("")
.append(this.body)
.append("");
this.element.addClass('taaz-ui-messageBubble');
this._setOption( "direction", this.options.direction );
},
widget: function() {
return this.element;
},
destroy: function() {
var originalContents = this.body.contents();
this.element.empty().append(originalContents);
$.Widget.prototype.destroy.call( this );
},
_setOption: function( key, value ) {
$.Widget.prototype._setOption.apply( this, arguments );
if ( key === "direction" ) {
this.element.removeClass('taaz-ui-messageBubble-direction-left taaz-ui-messageBubble-direction-right').addClass('taaz-ui-messageBubble-direction-'+value);
}
}
});
}( jQuery ) );
(function ($) {
$.fn.checked = function() {
return $(this).is(":checked")
};
})(jQuery);
(function($){
$.widget("taaz.checkbox", {
options : {
checkboxChecked: "check",
checkboxUnchecked: "empty",
radioChecked: "radioCheck",
radioUnchecked: "radioEmpty"
},
_create: function() {
var self = this;
if (!self.element.is(":radio,:checkbox")) return false;
if (self.element.is(":radio")) self.radioGroup = $("input:radio[name='"+self.element.attr('name')+"']")
else self.radioGroup = false;
self.element.wrap(''); // put hidden input element and following label in here
self.wrapper = self.element.parent();
self.wrapper.addClass('taaz-ui-state-default').addClass("taaz-ui-checkbox");
var e = self.element, w = self.wrapper;
function onMouseOut() { if (!e.is(':disabled')) w.removeClass("taaz-ui-state-hover") }
function onMouseOver() { if (!e.is(':disabled')) w.addClass("taaz-ui-state-hover") }
function onMouseDown() { if (!e.is(':disabled')) w.addClass("taaz-ui-state-active") }
function onMouseUp() { if (!e.is(':disabled')) w.removeClass("taaz-ui-state-active") }
function onBlur() { if (!e.is(':disabled')) w.removeClass("taaz-ui-state-focus") }
function onFocus() {
if (!e.is(':disabled')) {
if (self.radioGroup) self.radioGroup.not(self.element).removeClass("taaz-ui-state-focus");
w.addClass("taaz-ui-state-focus");
}
}
function updateState(evt) {
self.wrapper[self.element.is(':focus') ? 'addClass' : 'removeClass']('taaz-ui-state-active');
if (self.radioGroup) {
self.radioGroup.each(function(i,el) {
var checkState = el.checked;
$(el).parent().addClass(self.iconClass(checkState)).removeClass(self.iconClass(!checkState));
});
} else {
var checkState = self.element[0].checked;
self.wrapper.addClass(self.iconClass(checkState)).removeClass(self.iconClass(!checkState));
}
if (evt) evt.stopPropagation();
}
function initState() {
self.wrapper[self.element.is(':focus') ? 'addClass' : 'removeClass']('taaz-ui-state-active');
var checkState = self.element[0].checked;
self.wrapper.addClass(self.iconClass(checkState)).removeClass(self.iconClass(!checkState));
}
function iconClick() {
if (!e.is(':disabled')) {
self.element[0].checked = !self.element[0].checked;
self.element.triggerHandler('click');
}
}
initState();
self.wrapper.click(iconClick).hover(onMouseOver,onMouseOut).mousedown(onMouseDown).mouseup(onMouseUp);
self.element.click(updateState).focus(onFocus).blur(onBlur);
self._setOption('disabled',self.element.is(':disabled'));
},
check: function() {
if (!this.element[0].checked) this.wrapper.click();
},
uncheck: function() {
if (this.element[0].checked) this.wrapper.click();
},
checked: function(bool) {
if (bool === undefined) return this.element[0].checked
bool ? this.check() : this.uncheck();
},
destroy: function() {
//unbind events?
this.wrapper.replaceWith(this.element);
$.Widget.prototype.destroy.apply(this, arguments);
},
_setOption: function(key, value) {
$.Widget.prototype._setOption.apply(this, arguments);
if (key === "disabled") {
if (value) {
this.element.attr("disabled","disabled");
this.wrapper.removeClass("taaz-ui-state-focus taaz-ui-state-hover taaz-ui-state-active");
this.wrapper.addClass('taaz-ui-checkbox-disabled taaz-ui-state-disabled')
} else {
this.element.removeAttr("disabled");
this.wrapper.removeClass('taaz-ui-checkbox-disabled taaz-ui-state-disabled')
}
}
},
iconClass: function(state) {
return this.radioGroup ?
"taaz-ui-icon-" + this.options[state?"radioChecked":"radioUnchecked"] :
"taaz-ui-icon-" + this.options[state?"checkboxChecked":"checkboxUnchecked"];
}
});
})(jQuery);
/*
* taaz.spinner
*
* Depends:
* jquery.ui.core.js
* jquery.ui.widget.js
*/
(function( $ ) {
'use strict';
$.widget( "taaz.spinner", {
options: {
message : '',
duration : -1,
overlay : true,
eventName : undefined,
callback : function(){},
timeoutCallback : function(){},
progressMessageInterval : 6000,
progressMessages: [
'Waiting...',
'Still waiting...',
'Tick tock...',
'Please check your internet connection.'
]
},
//Init
_create: function() {
this._enable();
},
//Public
isSpinning : function() {
return this.options.spinning;
},
stop:function(message,callback) {
if (message) {
this._setOption('message',message);
this._setOption('callback',callback || this.options.callback);
this._setOption('duration',1500);
} else {
this.destroy();
}
},
success:function(message,callback) {
this.stop(message,callback);
return this._trackTime('success');
},
failure:function(message,callback) {
this.stop(message,callback);
return this._trackTime('failure');
},
widget: function() {
return this.element;
},
destroy: function() {
this._disable();
$.Widget.prototype.destroy.call( this );
},
// Private;
_enable: function() {
this.progressMessageIndex = -1;
this.timeStart = +new Date();
this._setOption('spinning',true);
this.spinnerElement = $('');
if (this.options.overlay) this.spinnerElement.prepend('');
this.messageElement = $('').addClass('taaz-ui-spinner-message');
this.spinnerElement.append(this.messageElement);
this.element.data('taaz-ui-spinner-oldPosition',this.element.css('position'));
this.element.addClass('taaz-ui-spinner-container');
this.element.append(this.spinnerElement);
this._setOption( "duration", this.options.duration );
this._setOption( "message", this.options.message );
this._setOption( "eventName", this.options.eventName );
this._progressMessage();
},
_disable: function() {
this._setOption('spinning',false);
this.spinnerElement.remove();
this.element.removeClass('taaz-ui-spinner-container');
this._callback();
},
_trackTime: function(label) {
this.timeEnd = +new Date();
this.timeSpent = this.timeEnd - this.timeStart;
return this.timeSpent;
},
_progressMessage: function() {
var self = this, o = self.options;
setTimeout(function(){
// If we are no longer spinning, return
if (!self.isSpinning()) return
// If our message was set by the user, not by this method, return
if (o.message instanceof jQuery ||
o.message &&
o.message.length > 0 &&
o.message != o.progressMessages[self.progressMessageIndex]
) return;
// If we are out of progress messages, call our timeoutCallback
if (!o.progressMessages[++self.progressMessageIndex]) return self._timeoutCallback();
self._setOption('message', o.progressMessages[self.progressMessageIndex]);
self._progressMessage()
},o.progressMessageInterval)
},
_callback: function() {
return this.options.callback.apply(this.element,[this._trackTime()]);
},
_timeoutCallback: function() {
return this.options.timeoutCallback.apply(this.element,[this._trackTime('timeout')]);
},
_setOption: function( key, value ) {
var self = this;
if ( key === "duration" ) {
if (value > 0) setTimeout(function(){self._disable();self._callback},value);
} else if ( key === "message" ) {
if (value === '' || value == undefined) {
this.messageElement.html('');
} else if (typeof value === "string") {
this.messageElement.html(""+value+"");
} else {
//jQuery object, hopefully. Otherwise, boom!
this.messageElement.empty().append(value);
}
} else if ( key === 'eventName') {
value = value || this.element.attr('id') || 'untitled';
}
$.Widget.prototype._setOption.apply( this, [key,value] );
}
});
}( jQuery ) );
$('.email_share').live('click',function(){
email_button$=$(this);
var email_url="email_popup.html?type="+ email_button$.data('type') + "&topicId=" + email_button$.data('topicid') + "&shareUrl=" + email_button$.data('shareurl');
if (email_button$.data('subject').length>0) {
email_url=email_url + "&subject=" + email_button$.data('subject');
}
if (email_button$.data('subcategory')!='') {
var email_url=email_url + "&subcategory="+email_button$.data('subcategory');
}
if (email_button$.data('message')!='') {
var email_url=email_url + "&message="+email_button$.data('message');
}
DynamicContentLoader.createPopup("emailPopup",email_url , true, 410, 440);
});
$('#print_share').click(function(){
DynamicContentLoader.createPopup("print_undefined_popup", "print_popup.html?type=undefined&topicId=&width=700&minHeight=400&maxHeight=800", true, 700, 650);
});
/*
if ('true' == $('div.left_share_bar div.share_bar').attr('scrollFixed')) {
$(document).scroll(function(){
var top = $(document).scrollTop();
(top >= 280)? $('.left_share_bar').addClass('fixed_at_28x80') : $('.left_share_bar').removeClass('fixed_at_28x80');
});
}
*/
TZ.attach = {
maxCaption:60,
container: null,
clickToAttach:function(container){
//Debug.log("clickToAttach: " + $(container).attr("id"), 'igortz');
TZ.attach.container = container;
var group = $('[name="'+$(container).attr('name')+'"]');
var currentContainerIndex = $(group).index($(container));
var slots = this.getEmptySlots(group,currentContainerIndex);
var imageHeight = $(container).height();
TZ.popupHandler.loadAttachImagePopup(function(url,dataObject) {
//Debug.log("loadAttachImagePopup", 'igortz');
var currentContainer = slots[0];
$(currentContainer).find('.attachItemDefault').hide();
$(currentContainer).find('.attachItem').show();
var image = TZ.getImageDiv(dataObject.objectId,'image_double_border',imageHeight,'jpg');
$(currentContainer).find('.mainPhoto').remove();
if ($(currentContainer).find('.mainPic').length > 0) {
divImage = $("").tooltip({data:'Click to Change'});
if ($(currentContainer).hasClass('attachContainer_large')) {
divImage.css("right", "-2px");
} else {
divImage.css("right", "-5px");
}
image.find('img').before(divImage);
}
image.tooltip({data:"Click to Change"});
if ($(container).hasClass('attachContainer_large')) {
$(container).find('.attachItem').css('margin-right', "1px");
} else {
$(container).find('.attachItem').css('margin-right', "3px");
}
$(currentContainer).find('.attachItem .sized_image').remove();
var imageContainer = $(currentContainer).find('.attachItem');
image.appendTo(imageContainer);
removePhotoLink = $("").tooltip({data:"Click to Remove"});
image.after(removePhotoLink);
$(currentContainer).find('.removePhoto').show();
$(currentContainer).data('dataObject',dataObject);
TZ.events.dispatchEvent('content_changed',this);
});
},
clickToRemove:function(container){
TZ.attach.resetAttach(container);
},
isMakeover: function(imageData) {
if (imageData.imageId != imageData.objectId) {
return true;
} else {
return false;
}
},
resetAttach:function(container){
$(container).removeData('dataObject');
$(container).find('.inner_photo').remove();
$(container).find('.attachItemDefault').show();
$(container).find('.mainPhoto').remove();
$(container).find('.removePhoto').remove();
$(container).find('.attachItem').attr('style', null);
$(container).find('.sized_image').remove();
if ($(container).find('.mainPic').length > 0) {
mainPhotoDiv = $("").tooltip({data:"Click to attach a photo or makeover"});
$(container).find('.attachItem').append(mainPhotoDiv);
}
},
resetGroupAttach: function(group){
$.each($('div.' + group),
function(index, value){
TZ.attach.resetAttach(value);
});
},
getEmptySlots:function(group,offset)
{
if(offset == undefined) offset = 0;
var slots = [];
if(typeof(group)=='string') group = 'div.' + group;
$.each($(group),
function(index, value){
try{
var imageId = $(value).data('dataObject').imageId;
}
catch(err){
var imageId = undefined;
}
if((imageId == undefined && index > offset ) || index == offset)
{
slots.push(value);
}
}
);
return slots;
},
count:function(group,offset){
var count = 0;
if(offset == undefined) offset = 0;
if(typeof(group)=='string') group = 'div.' + group;
var aGroup = $(group).slice(offset);
$.each( aGroup,
function(index, value){
try{
var imageId = $(value).data('dataObject').imageId;
} catch(err){
var imageId = undefined;
}
var caption = $(value).find('.textAreaComponent').textAreaVal();
if(imageId != undefined || caption != '' && caption != undefined ){
count += 1;
}
}
);
return count;
},
validateAttach:function(group,min){
if (min == undefined) min = 1
var lengthErrors = [],
validationErrors = [];
group = typeof group === 'string' ? $('div.' + group) : $(group);
group.each(function(index, value){
var el = $(value),
imageId = el.data('dataObject') && el.data('dataObject').imageId,
caption = $.trim(el.find('.textAreaComponent').textAreaVal());
if (!imageId && !caption) {
validationErrors.push({
field : el.find('.attachItemDefault'),
errorMessage : 'Please attach a caption or photo.',
useMyMsgAsTooltipText : true
},{
field : el.find('textarea'),
errorMessage : 'Please attach a caption or photo.',
useMyMsgAsTooltipText : true
});
}
if (caption.length > TZ.attach.maxCaption) {
lengthErrors.push({
field : el.find('textarea'),
errorMessage : 'Please limit your caption to 60 characters. You have ' + caption.length + ' characters.',
useMyMsgAsTooltipText : true
});
}
});
// 2 validation errors tracked per component
var numOk = group.length - (validationErrors.length / 2);
if (numOk < min) {
return $.merge(validationErrors.slice(0,(min - numOk)*2),lengthErrors)
} else {
return lengthErrors
}
},
value : function (id) {
var val = $(id).data('dataObject');
return val;
},
getGroupImages : function (group) {
if(typeof(group)=='string') {
group = 'div.' + group;
}
var ids = [];
$.each($(group),
function(index, value){
try{
var dataObject = $(value).data('dataObject')
var imageId = dataObject.imageId;
}
catch(err){
var imageId = undefined;
}
var caption = $(value).find('.textAreaComponent').textAreaVal();
if(imageId != undefined || caption != '' && caption != undefined )
{
ids.push({index:index,dataObject:dataObject,caption:caption});
}
}
);
return ids;
},
setFirstImage: function(group,image){
container = $('div.' + group).eq(0);
var dataObject = $(image).data('dataObject');
if(dataObject != undefined){
$(container).find('.attachItemDefault').hide();
$(container).find('.attachItem').show();
if ($(container).hasClass('attachContainer_large')) {
$(container).find('.attachItem').css('margin-right', "1px");
} else {
$(container).find('.attachItem').css('margin-right', "3px");
}
Debug.log($(container).height(),'jpdiaz');
var image = TZ.getImageDiv(dataObject.objectId,'',$(container).height(),'jpg');
$(container).find('.attachItem .sized_image').remove();
image.appendTo($(container).find('.attachItem'));
removePhotoLink = $("").tooltip({data:"Click to Remove"});
image.after(removePhotoLink);
$(container).data('dataObject',dataObject);
$(container).find('.attachItem .removePhoto').show();
image.addClass('image_double_border');
$(container).find('.mainPhoto').remove();
if ($(container).find('.mainPic').length > 0) {
mainPhotoDiv = $("").tooltip({data:'Click to Change'});
if ($(container).hasClass('attachContainer_large')) {
mainPhotoDiv.css('style','right:-2px');
} else {
mainPhotoDiv.css('style','right:-8px');
}
image.find('img').before(mainPhotoDiv);
}
} else {
this.resetAttach(container);
}
},
setGroupImages : function(group,images){
TZ.attach.resetGroupAttach(group);
if(typeof(group)=='string') group = 'div.' + group;
$.each($(images),
function(index, value){
var currentContainer = $(group).eq(index);
$(currentContainer).find('.attachItemDefault').hide();
$(currentContainer).find('.attachItem').show();
var imageHeight = $(currentContainer).height();
var image = TZ.getImageDiv(value.dataObject.objectId,'image_double_border',imageHeight,'jpg');
$(currentContainer).find('.mainPhoto').remove();
if ($(currentContainer).find('.mainPic').length > 0) {
divImage = $("").tooltip({data:'Click to Change'});
if ($(currentContainer).hasClass('attachContainer_large')) {
divImage.css("right", "-2px");
} else {
divImage.css("right", "-5px");
}
image.find('img').before(divImage);
}
image.tooltip({data:"Click to Change"});
if ($(currentContainer).hasClass('attachContainer_large')) {
$(currentContainer).find('.attachItem').css('margin-right', "1px");
} else {
$(currentContainer).find('.attachItem').css('margin-right', "3px");
}
$(currentContainer).find('.attachItem .sized_image').remove();
var imageContainer = $(currentContainer).find('.attachItem');
image.appendTo(imageContainer);
removePhotoLink = $("").tooltip({data:"Click to Remove"});
image.after(removePhotoLink);
$(currentContainer).find('.removePhoto').show();
$(currentContainer).data('dataObject',value.dataObject);
})
},
setImage : function(currentContainer, dataObject, divClass){
if(! dataObject.hasOwnProperty('objectId')) return; //Image Not Found.
if (divClass == undefined) divClass = ''
$(currentContainer).find('.attachItemDefault').hide();
$(currentContainer).find('.attachItem').show();
var imageHeight = $(currentContainer).height();
var image = TZ.getImageDiv(dataObject.objectId,'image_double_border',imageHeight,'jpg');
$(currentContainer).find('.mainPhoto').remove();
if ($(currentContainer).find('.mainPic').length > 0) {
divImage = $("").tooltip({data:'Click to Change'});
if ($(currentContainer).hasClass('attachContainer_large')) {
divImage.css("right", "-2px");
} else {
divImage.css("right", "-5px");
}
image.find('img').before(divImage);
}
image.tooltip({data:"Click to Change"});
if ($(currentContainer).hasClass('attachContainer_large')) {
$(currentContainer).find('.attachItem').css('margin-right', "1px");
} else {
$(currentContainer).find('.attachItem').css('margin-right', "3px");
}
$(currentContainer).find('.attachItem .sized_image').remove();
var imageContainer = $(currentContainer).find('.attachItem');
image.appendTo(imageContainer);
removePhotoLink = $("").tooltip({data:"Click to Remove"});
image.after(removePhotoLink);
$(currentContainer).find('.removePhoto').show();
$(currentContainer).data('dataObject',dataObject);
},
setThumbImage : function(currentContainer, thumbData, divClass){
if(!thumbData.hasOwnProperty('value')) return; //Image Not Found.
if (divClass == undefined) divClass = ''
$(currentContainer).find('.attachItemDefault').hide();
$(currentContainer).find('.attachItem').show();
var imageHeight = $(currentContainer).height();
var image = TZ.getImageDiv(thumbData.value,'image_double_border',imageHeight,'jpg');
$(currentContainer).find('.mainPhoto').remove();
if ($(currentContainer).find('.mainPic').length > 0) {
divImage = $("").tooltip({data:'Click to Change'});
if ($(currentContainer).hasClass('attachContainer_large')) {
divImage.css("right", "-2px");
} else {
divImage.css("right", "-5px");
}
image.find('img').before(divImage);
}
image.tooltip({data:"Click to Change"});
if ($(currentContainer).hasClass('attachContainer_large')) {
$(currentContainer).find('.attachItem').css('margin-right', "1px");
} else {
$(currentContainer).find('.attachItem').css('margin-right', "3px");
}
$(currentContainer).find('.attachItem .sized_image').remove();
var imageContainer = $(currentContainer).find('.attachItem');
image.appendTo(imageContainer);
removePhotoLink = $("").tooltip({data:"Click to Remove"});
image.after(removePhotoLink);
$(currentContainer).find('.removePhoto').show();
$(currentContainer).data('dataObject',thumbData.dataObject);
}
}
$('.bindAttach').live('click',
function(){
TZ.attach.clickToAttach($(this).parent(),parseInt($(this).parent().attr('max_images_allowed')));
});
$('.attachItem .removePhoto').live('click',
function(){
TZ.attach.clickToRemove($(this).parent().parent());
$(this).hide();
});
$('.attachItem .image_double_border, .attachItem .mainPhoto').live('click',
function(){
TZ.attach.clickToAttach($(this).parent().parent(),parseInt($(this).parent().parent().attr('max_images_allowed')));
});
/**
* Controls the Login / Registration link text in the status bar at the top of the window.
*
* Re-displays the Registration dialog if user previously Connected to Facebook, but did not complete the Registration process.
*/
$(function() {
$("#loginLink").click(TZ.LoginLinks.login);
$("#registerLink").click(TZ.LoginLinks.register);
/**
* 1. Reveal the login/registration links once the Flash rpcWidget has loaded.
* 2. Set the link text depending upon the user's name, if logged in.
* 3. Display the Registration dialog, if the user connected with Facebook, but didn't complete registration.
*/
TZ.events.addEventListener("loginStatusChange",function() {
$("#loginLink").removeAttr('href');
$('#sign_in').css('visibility', 'visible'); /* show Registration links, now that the flash rpcWidget is loaded */
//Debug.info('login_links: EVENT loginStatusChange intercepted.')
if (TZ.rpc.username) {
$("#loginLink").html(TZ.rpc.username);
$("#loginLink").attr('href','profile/home/private/'+TZ.rpc.username+'.html');
$("#registerLink").html("SIGN OUT");
}
else {
$("#loginLink").html("SIGN IN");
$("#registerLink").html("REGISTER");
//
// If the Registration process is incomplete, bring up the Registration dialog
//
if (!TZ.LoginLinks._performedRegistrationCheck) {
TZ.LoginLinks._performedRegistrationCheck = true;
TZ.LoginLinks.completeRegistrationCheck();
}
}
//Debug.log('Exit login status event change.')
});
});
TZ.LoginLinks = {
login: function() {
if (TZ.rpc.username)
return;
Analytics.event('SigninPopup', 'TopBarSignIn', TZ.request.section)
TZ.LoginLinks.displayPopup(225, "showRegistration=0");
},
goToMyProfile: function() {
if (TZ.rpc.username)
{
Analytics.event('goToMyProfile', 'goToMyProfile', TZ.request.section)
window.location.replace('profile/home/private/' + TZ.rpc.username +'.html');
}
},
register: function(extraParams) {
if (TZ.rpc.username)
{
Analytics.event('SigninPopup', 'TopBarSignout', TZ.request.section); // removed 2011-10-17 (event not wanted by Karina); put back 2012-01-06 - Karina requested a logout event
TZ.rpc.invoke("logoutUser", null, function(o) {
TZ.rpc.refreshLoginStatus();
});
}
else
{
Analytics.event('RegistrationPopup', 'TopBarRegister', TZ.request.section)
var urlParams = "showRegistration=1"
if (extraParams)
urlParams = urlParams + "&" + extraParams
TZ.LoginLinks.displayPopup(315, urlParams);
}
},
/**
* Redisplay registration dialog if connected to Facebook, not logged in as another user, and not already registered.
*
* @author Brent
*/
completeRegistrationCheck: function() {
// If current (logged-in) Facebook user gave permission to Taaz, but did not complete the registration process
// (AND is not currently logged in as another user),
// THEN display the Registration dialog
//
if (TZ.social.Facebook._uid && !TZ.rpc.username) { // not logged in
Debug.log("completeRegistrationCheck: oAuthUserId = " + TZ.social.Facebook._uid );
TZ.rpc.invoke("FindOAuthAccount", { provider: 'facebook', oAuthUserId: TZ.social.Facebook._uid }, function (oAuthRec) {
oAuthRec.registered = (oAuthRec.taazAccount && oAuthRec.taazAccount.name); // FIX: remove this line once Chandra adds it
// Connected to Facebook account
if (oAuthRec.registered) { // returned hash is not empty if registration complete
//User registered with Taaz and linked to Facebook. (user must click link to log in)
Debug.log(' User registered with Taaz and linked to Facebook. (user must click link to log in). taazAccount =')
Debug.log(oAuthRec.taazAccount)
}
else if (oAuthRec.taazAccount) {
Debug.log(' User connected to facebook, but not registered with Taaz. oAuthRec = ', "brentf"); // DEBUG
Debug.log(oAuthRec, "brentf");
// Pop-up the Registration dialog to complete registration
TZ.LoginLinks.register("completeRegistration=1")
}
},
function() {
Debug.log(" Didn't find OAuthAccount.", 'brentf')
}
);//FindOAuthAccount
}
},
displayPopup: function (height, queryStr) {
if (!queryStr) queryStr = ''
DynamicContentLoader.createPopup("loginPopupWindow", "login_popup.html?" + queryStr, true, 623, height);
}
};
TZ.ImageReflected = {
setUp : function(id,options)
{
//Reflection parameters
var opt = options?options:{ opacity: 0.4,height: 20};
$('.reflected_image img[name='+id+']').reflect(opt);
}
};
TZ.emailVerification = {
email: null,
needsVerification: function() {
if (TZ.rpc.loggedIn) {
TZ.rpc.invoke("GetAccountDetails", {accountId:TZ.rpc.accountId}, function (responseObject) {
if (responseObject.emailVerified != undefined && !responseObject.emailVerified) {
TZ.emailVerification.email = responseObject.email;
TZ.user.getUserState('verificationBarHidden', function(value) {
if (!value)
TZ.emailVerification.showVerificationBar();
},
function (e) { // key not found
TZ.emailVerification.showVerificationBar();
}
);
}
}, function(error) {
Debug.log("error getting account details", "jonchristensen");
});
} else {
$('.emailVerification, #adProtector').slideUp('slow');
}
//TZ.rpc.refreshLoginStatus(TZ.emailVerification.showVerificationDiv);
},
showVerificationBar: function() {
$('#emailVerificationUsername').text(TZ.rpc.username);
$('#emailVerificationEmail').html(TZ.emailVerification.getEmailAddy());
$('#emailVerificationChange').unbind('click');
$('#emailVerificationResend').unbind('click');
$('#emailVerificationRemind').unbind('click');
$('#emailVerificationChange').click(TZ.emailVerification.changeEmail);
$('#emailVerificationResend').click(TZ.emailVerification.resendVerification);
$('#emailVerificationRemind').click(TZ.emailVerification.remindMeLater);
$('body').prepend($("#adProtector, .emailVerification").slideDown("slow"));
},
getEmailAddy: function() {
addy = TZ.emailVerification.email;
if (addy.indexOf("gmail") > 0) {
return '' + addy + '';
} else if (addy.indexOf("hotmail") > 0) {
return '' + addy + '';
} else if (addy.indexOf("yahoo") > 0) {
return '' + addy + '';
}
return addy;
},
changeEmail: function() {
TZ.popupHandler.loadChangeEmailPopup();
return false;
},
resendVerification: function() {
Debug.log("resending verification","jonchristensen");
TZ.rpc.invoke("TriggerMyEmailVerification", {"template":"EMailVerificationResend"},function(responseObject) {
Debug.log("TriggerMyEmailVerification returned successfully", "jonchristensen");
$('.emailVerification, #adProtector').slideUp('slow');
TZ.notification.show("An email has been resent to " + TZ.emailVerification.email + ". It should appear in a minute. If not, check your spam filter.","",20000, 500);
}, function(error) {
TZ.notification.show("We were unable to resend the email verification. Please try again.","",20000, 500);
Debug.log("error calling TriggerMyEmailVerification", "jonchristensen");
});
return false;
},
remindMeLater: function() {
Debug.log("remind me later clicked", "jonchristensen");
TZ.user.setUserState('verificationBarHidden', true);
$('.emailVerification, #adProtector').slideUp('slow');
return false;
}
}
$(".profileImagePopup").live('click', function(){
var photoPath=$(this).find("img").attr('src');
//var orgPhotoPath = photoPath.slice(0, photoPath.indexOf("/images/")) + "/images" + photoPath.slice(photoPath.lastIndexOf("/"));
var orgPhotoPath = photoPath.replace(/\/R\d+H\d+W\//, "/");
var photoId = photoPath.match(/.*\/(.*).jpg/)[1];
DynamicContentLoader.createPopup("profilePhotoPopupWindow", "profile/profile_photo_popup.html?imgSrc="+orgPhotoPath+"&loggedAccountId="+TZ.rpc.accountId+"&imageId="+photoId, true, 608, 600, true);
});
$('#profile_photo_popup_delete_photo').live('click',
function() {
TZ.profilePhotoPopup.deleteProfilePhoto();
}
);
$('#profile_photo_popup_save_changes').live('click',
function() {
TZ.profilePhotoPopup.saveImageInfo();
}
);
TZ.profilePhotoPopup = {
currentImage : {},
imageSetup : function(isPhotoOwner,imageInfo){
TZ.profilePhotoPopup.currentImage = imageInfo;
if (isPhotoOwner) {
$('#profile_photo_popup_public_options').hide();
$('#profile_photo_popup_private_options').show();
$('#profile_photo_popup_start_makeover').attr('href',"makeover/virtual-makeover.html#userName="+TZ.rpc.username+"&imageId="+TZ.profilePhotoPopup.currentImage.imageId);
if (imageInfo.imageName.length>0) {
$('#profile_photo_popup_photo_name_input').tzVal(TZ.profilePhotoPopup.currentImage.imageName);
} else {
}
if (imageInfo.publicItem==1) {
$('#publicRadioButton').addClass('radiobutton_selected');
$('#privateRadioButton').removeClass('radiobutton_selected');
} else {
$('#privateRadioButton').addClass('radiobutton_selected');
$('#publicRadioButton').removeClass('radiobutton_selected');
}
} else {
if (imageInfo.imageName.length>0) {
$('#profile_photo_popup_public_image_name').html(imageInfo.imageName);
} else {
$('#profile_photo_popup_public_image_name').html('');
}
}
},
deleteProfilePhoto : function() {
TZ.popupHandler.loadConfirmCancelPopUp('Delete Photo?', 'Once you delete a photo, any makeovers that were done on the photo will also be deleted. Neither item can be restored. Are you sure you want to delete this photo?', 'confirm', 'cancel', TZ.profilePhotoPopup.deletePhoto);
},
deletePhoto : function() {
TZ.imageManager.deleteImage(TZ.profilePhotoPopup.currentImage,onSuccessF);
function onSuccessF(images){
TZ.profile.updatePhotos(images);
TZ.notification.show('Your photo was removed','', 3000, 500);
TZ.profile_gallery.modeSetup();
DynamicContentLoader.removePopup($("#profilePhotoPopup"));
}
},
saveImageInfo : function() {
radioButtonSelectedId = $('#profile_photo_popup_private_options .radiobutton_selected').attr('id');
//default value
var visibility = 0;
if (radioButtonSelectedId == 'publicRadioButton') {
visibility = 1;
}
TZ.profilePhotoPopup.currentImage.imageName = $('#profile_photo_popup_photo_name_input').tzVal();
TZ.imageManager.editImage(TZ.profilePhotoPopup.currentImage,visibility,onSuccessF);
function onSuccessF(images){
TZ.profile.loadImages(images);
TZ.notification.show('Your changes have been saved','',3000, 500);
TZ.profile_gallery.changeMosaicInfoById(TZ.profilePhotoPopup.currentImage.imageId);
}
}
}
// please add class 'imagePopup' to the widget.Image component if you want to popup the original image
$(".imagePopup").live('click', function(){
var photoPath=$(this).find("img").attr('src');
var photoId = photoPath.match(/.*\/(.*).jpg/)[1];
DynamicContentLoader.createPopup("photoPopupWindow", "photo_popup.html?imageId="+photoId, true, 300, 300, true);
});
$(".profileMakeoverPopup").live('click', function(){
var photoPath=$(this).find("img").attr('src');
var orgPhotoPath = photoPath.replace(/\/R\d+H\d+W\//, "/");
var photoId = photoPath.match(/.*\/(.*).jpg/)[1];
var makeoverObj = TZ.profile.getMakeoverByObjectId(photoId);
if (!makeoverObj.makeoverTopicId && TZ.HorizontalPicsDisplayer) {
makeoverObj = TZ.HorizontalPicsDisplayer.getMakeoverById(photoId);
TZ.profileMakeoverPopup.currentImage = makeoverObj;
}
if (makeoverObj.makeoverTopicId == undefined) {
makeoverObj.makeoverTopicId = photoId;
}
DynamicContentLoader.createPopup("profileMakeoverPopupWindow", "profile/profile_makeover_popup.html?imgSrc="+orgPhotoPath+"&loggedAccountId="+TZ.rpc.accountId+"&imageId="+photoId+"&topicId="+makeoverObj.makeoverTopicId+"&username="+TZ.userNamePage, true, 608, 600, true);
});
$('#profile_makeover_popup_delete_photo').live('click',
function() {
TZ.profileMakeoverPopup.deleteProfilePhoto();
}
);
$('#profile_makeover_popup_save_changes').live('click',
function() {
TZ.profileMakeoverPopup.saveImageInfo();
}
);
$('#profile_makeover_popup_private_go_to_makeover').live('click',
function() {
TZ.profileMakeoverPopup.goToMakeover();
}
);
$('#profile_makeover_popup_public_go_to_makeover').live('click',
function() {
TZ.profileMakeoverPopup.goToMakeover();
}
);
TZ.profileMakeoverPopup = {
currentImage : {},
username : '',
makeoverTopicId : '',
imageSetup : function(isMakeoverOwner,imageInfo){
TZ.profileMakeoverPopup.currentImage = imageInfo;
if (isMakeoverOwner) {
$('#profile_makeover_popup_public_options').hide();
$('#profile_makeover_popup_private_options').show();
if (imageInfo!=undefined) {
if (imageInfo.imageName && imageInfo.imageName.length>0) {
$('#profile_makeover_popup_makeover_name_input').tzVal(imageInfo.imageName);
}
if (imageInfo.summary.length>0) {
$('#profile_makeover_popup_makeover_summary_input').tzVal(imageInfo.summary);
}
}
if (imageInfo!=undefined && imageInfo.publicItem==1) {
$('#profile_makeover_public_radio_button').addClass('radiobutton_selected');
$('#profile_makeover_private_radio_button').removeClass('radiobutton_selected');
} else {
$('#profile_makeover_private_radio_button').addClass('radiobutton_selected');
$('#profile_makeover_public_radio_button').removeClass('radiobutton_selected');
}
} else {
if (imageInfo!=undefined && imageInfo.imageName && imageInfo.imageName.length>0) {
$('#profile_makeover_popup_public_image_name').html(imageInfo.imageName);
} else {
$('#profile_makeover_popup_public_image_name').html('No Photo Title');
}
if (imageInfo!=undefined && imageInfo.summary.length>0) {
$('#profile_makeover_popup_public_image_summary').html(imageinfo.summary);
} else {
$('#profile_makeover_popup_public_image_summary').html('');
}
}
},
goToMakeover : function() {
//replace method commented since it removes the history
//window.location.replace('http://starstyler.gala.de/makeover/'+clean_url_fragment(TZ.profileMakeoverPopup.currentImage.imageName)+'/' + TZ.profileMakeoverPopup.makeoverTopicId + '.html');
window.location.href = 'http://starstyler.gala.de/makeover/'+clean_url_fragment(TZ.profileMakeoverPopup.currentImage.imageName)+'/' + TZ.profileMakeoverPopup.makeoverTopicId + '.html';
},
deleteProfilePhoto : function() {
TZ.popupHandler.loadConfirmCancelPopUp('Delete Makeover?', 'Once you delete a makeover, it cannot be restored. Are you sure you want to delete this makeover?', 'Confirm', 'Cancel', TZ.profileMakeoverPopup.deleteMakeover);
},
deleteMakeover : function() {
TZ.imageManager.deleteImage(TZ.profileMakeoverPopup.currentImage,onSuccessF);
function onSuccessF(images){
TZ.profile.updateMakeovers(images);
TZ.profile_my_makeovers.modeSetup();
TZ.notification.show('Your makeover was removed','', 3000, 500);
DynamicContentLoader.removePopup($("#profileMakeoverPopup"));
}
},
saveImageInfo : function() {
radioButtonSelectedId = $('#profile_makeover_popup_private_options .radiobutton_selected').attr('id');
//default value
var visibility = 0;
if (radioButtonSelectedId == 'profile_makeover_public_radio_button') {
visibility = 1;
}
TZ.profileMakeoverPopup.currentImage.imageName = $('#profile_makeover_popup_makeover_name_input').tzVal();
TZ.profileMakeoverPopup.currentImage.summary = $('#profile_makeover_popup_makeover_summary_input').tzVal();
TZ.imageManager.editImage(TZ.profileMakeoverPopup.currentImage,visibility,onSuccessF);
function onSuccessF(images){
TZ.profile.loadMakeovers(images);
TZ.notification.show('Your makeover changes have been saved','',3000, 500);
TZ.profile_my_makeovers.changeMosaicInfoById(TZ.profileMakeoverPopup.currentImage.objectId);
}
}
}
TZ.features = {
'advice' : 'advice',
'deals' : 'deals',
'trends' : 'trends',
'hair' : 'hair',
'profile' : 'profile',
'makeover' : 'makeover',
'undefined' : 'undefined'
} ;
TZ.AdSlot = {
hideAds : function(){
$('.ad').hide();
},
showAds : function(){
$('.ad').show();
}
}
TZ.paginator = function(target, itemsPerPage, currentPage, displaySize, onPageChange) {
if (currentPage == null) {
currentPage = 0;
}
this.init(target, itemsPerPage, currentPage, displaySize, onPageChange);
};
$.extend(TZ.paginator.prototype, {
target:'',
displaySize:5,
itemsPerPage:10,
count:0,
numPages:0,
saveStateName:'pg',
pageOn:0, // 0 based
onPageChange:null,
init:function (target, itemsPerPage, currentPage, displaySize, onPageChange) {
this.target = target;
this.pageOn = currentPage;
this.onPageChange = onPageChange;
if (itemsPerPage) this.itemsPerPage = itemsPerPage;
if (displaySize) this.displaySize = displaySize;
if (!$(target).children().hasClass('paginator'))
$(target).append('');
},
updateCounts:function( count) {
this.count = count;
this.numPages = Math.floor(count / this.itemsPerPage);
if (count > this.numPages * this.itemsPerPage) this.numPages++;
this.render();
},
gotoPage:function(page) {
if (page < 0) page = 0;
if (page >= this.numPages) page = this.numPages - 1;
if(page != this.pageOn) //don't execute pagination on the same page
{
this.pageOn = page;
if (this.onPageChange) this.onPageChange(page);
//save state on pagination
var state = new Object;
state[this.saveStateName] = this.pageOn;
$.bbq.pushState(state);
this.render();
}
},
render:function() {
var self = this;
$(this.target).find('div.paginator').empty();
if (!this.count) return;
var startPage = Math.max(this.pageOn - (Math.floor(this.displaySize/2) - 1),0);
var endPage = Math.min(startPage + (this.displaySize - 1), this.numPages - 1);
if (endPage == this.numPages - 1) startPage = Math.max(this.numPages - (Math.floor(this.displaySize)),0);
var body = " rtn.max) rtn.max = left;
});
return rtn;
},
removeExtras:function() {
var instance = this;
$('.trend_item').stop( false, false);
$('.trend_item').each(function( item, el) {
var pos = $(el).position();
if (pos.left < 0 || pos.left > (instance.itemLength * (instance.count))) {
$(el).remove();
}
});
},
addTopics:function(amount){
var el;
var pos;
var i;
if(amount < 0){
for(i=0;i 0) ? p.max+this.itemLength*i : p.min-this.itemLength*(this.count-i+1);
$(el).css('left',pos+"px");
var cel = $(el).clone();
$(cel).appendTo("#trend_scroll_section");
$(cel).click(function() {
//$(cel).animate({ 'backgroundColor':'#d3eaf0' },50).animate({ 'backgroundColor':'#000' },650);
});
}
},
scrollTrends:function( amount) {
this.removeExtras();
this.addTopics(amount);
/* first build a proper offset list*/
var dist = (amount > 0) ? (this.getPositions().max - (this.itemLength * (this.count-1))) : this.getPositions().min;
$('.trend_item,.trend_item_show').animate({left:"-=" + dist +"px"},1000);
},
spinIt:function() {
$('#trending_bar .right_btn').click();
},
resetSpinner:function() {
try { clearTimeout(this.spinTimer); } catch (arg) {}
this.spinTimer = setTimeout(this.spinIt ,30000);
}
});
TZ.vote = {
targets : {},
castVote:function(controllingId,topicId,bucket,type,success_function,error_function) {
tempOb = {targetId:topicId,bucket:bucket,type:type,controllingId:controllingId};
TZ.rpc.createRPC("CastVote",tempOb,success_function,error_function);
},
getNetVotesForTargets:function(targetIds,success_function,error_function) {
tempOb = {targetIds:targetIds};
TZ.rpc.createRPC("GetNetVotesForTargets",tempOb,success_function,error_function);
},
getNetVotesForTargetsWithControllingId:function(controllingId,targetIds,success_function,error_function) {
tempOb = {"controllingId": controllingId, "targetIds":targetIds};
TZ.rpc.createRPC("GetNetVotesForTargets",tempOb,function(votesObject) {
success_function(votesObject, controllingId);
},error_function);
},
addTargets:function(controllingId,targetIds){
var target = TZ.vote.targets[controllingId];
if (!target) target = [];
target.concat(targetIds);
},
getMyVotes:function(targetId,types,success_function,error_function) {
tempOb = {targetId:targetId,types:types};
TZ.rpc.createRPC("GetMyVotes",tempOb,success_function,error_function);
},
calcVotesResults:function(totalVotesUp,totalVotesDown) {
totalVotesUp = totalVotesUp || 0;
totalVotesDown = totalVotesDown || 0;
var totalVotes=totalVotesUp+totalVotesDown;
var successRate=0;
if (totalVotes>0) {
successRate=(totalVotesUp/totalVotes)*100;
}
return successRate;
},
totalVotes: function(votes) {
var totalVotes = 0;
for (var bucket in votes) {
totalVotes = totalVotes + votes[bucket];
}
return totalVotes;
},
getMostVoted: function(votes) {
var maxVotes = 0;
var mostPopularOption;
for (var indexOption in votes) {
if (votes[indexOption]>maxVotes) {
mostPopularOption=indexOption;
maxVotes=votes[indexOption];
}
}
return mostPopularOption;
},
processVotesForPage:function() {
for (var controllingId in TZ.vote.targets) {
TZ.vote.getNetVotesForTargetsWithControllingId(
controllingId,
TZ.vote.targets[controllingId],
function(votesObject, returnedControllingId){
if (votesCallbacks[returnedControllingId] != null) {
var callbacksArray = votesCallbacks[returnedControllingId];
for (var callbackIndex in callbacksArray) {
TZ.executeFunctionByName(callbacksArray[callbackIndex], window, votesObject);
}
}
},
function(errorObject){
}
);
}
},
processOwnVotesForPage:function() {
TZ.vote.getMyVotes("",typesToQuery,function(votesObject) {
for (var callback in ownVoteCallbacks) {
TZ.executeFunctionByName(ownVoteCallbacks[callback], window, votesObject);
}
},
function(errorObject) {
});
}
}
TZ.popupHandler = {
//TZ.popupHandler.loadSignInRequiredPopup
loadSignInRequiredPopup:function() {
DynamicContentLoader.createPopup("signInRequiredPopup","sign_in_required_popup.html",true, 416, 178);
},
closeSignInRequiredPopup:function() {
DynamicContentLoader.removePopup($("#signInRequiredPopup"));
},
loadLogInPopup:function() {
DynamicContentLoader.createPopup("loginPopupWindow", "login_popup.html", true, 623, 225);
},
closeLogInPopup:function() {
DynamicContentLoader.removePopup($("#loginPopupWindow"));
},
loadRegisterPopup:function() {
DynamicContentLoader.createPopup("loginPopupWindow", "login_popup.html?showRegistration=1", true, 623, 315);
},
closeRegisterPopup:function() {
DynamicContentLoader.removePopup($("#loginPopupWindow"));
},
loadOkAlertPopup:function(message) {
DynamicContentLoader.createPopup("okAlertPopup", "ok_alert_popup.html?message="+ message, true, 400, 155);
},
closeOkAlertPopup:function() {
DynamicContentLoader.removePopup($("#okAlertPopup"));
},
loadChangeEmailPopup:function(message) {
DynamicContentLoader.createPopup("changeEmailPopup", "change_email_popup.html", true, 400, 155);
},
closeChangeEmailPopup:function() {
DynamicContentLoader.removePopup($("#changeEmailPopup"));
},
loadInvitePopup:function() {
var inviteUrl = "invite_popup.html.html";
DynamicContentLoader.createPopup("invitePopup", inviteUrl, true, 400, 155);
},
closeInvitePopup:function() {
DynamicContentLoader.removePopup($("#invitePopup"));
},
loadFlagConfirmationPopup:function(message) {
DynamicContentLoader.createPopup("flagConfirmationPopup", "flag_confirmation_popup.html", true, 400, 155);
},
closeFlagConfirmationPopup:function() {
DynamicContentLoader.removePopup($("#flagConfirmationPopup"));
},
closeUploadImagePopup:function(){
TZ.popupHandler.showOverlapStuff();
DynamicContentLoader.removePopup($("#uploadImagePopup"));
TZ.imageManager.imagesLoaded = false;
TZ.imageManager.loadMyImages();
},
closeAttachImagePopup:function(){
DynamicContentLoader.removePopup($("#attachImagePopup"));
},
loadAttachImagePopup:function(callback){
//Debug.log("loadAttachImagePopup from popuphandler.js", 'igortz');
this.closeAttachImagePopup();
if(!TZ.rpc.loggedIn) {
TZ.popupHandler.loadSignInRequiredPopup(); //make sure it is consistent with other functionalities which require sign in. -Hui
return;
}
TZ.imageAttached = function(imageData){
if(callback === undefined) {
//Debug.log("loadAttachImagePopup: callback is undefined", "igortz");
return;
}
if (imageData.imageId != imageData.objectId) {
var url = "http://" + pmHost + "/images/" + imageData.objectId +".jpg";
} else {
var url = "http://" + pmHost + "/images/" + imageData.imageId+".jpg";
}
callback(url,imageData);
TZ.events.dispatchEvent('content_changed',this);
delete TZ.imageAttached;
}
TZ.imageUploadImage = callback;
DynamicContentLoader.createPopup("attachImagePopup", "attach_image_popup.html", true, 568, 542,false);
},
loadUpdateProfilePicture:function(callback,forceUpload){
var onSuccess = function(a,b,c,d){
if(callback) callback(url,imageData);
};
var onError = function(a,b,c,d){
var i = 0;
};
var imageChangeF = function(url,imageData){
TZ.rpc.createRPC('SaveAccountJSONData',
{dataSpec:{type:'profile',typeId:'',accountId:'',visibility:1},dottedPath:'profileImage',jsonData:imageData.imageId},
onSuccess,onError);
};
if (forceUpload) {
TZ.popupHandler.loadUploadImagePopup(imageChangeF,1);
} else {
//TZ.popupHandler.loadAttachOptionsPopup(imageChangeF,1);
TZ.popupHandler.loadAttachImagePopup(imageChangeF, 1);
}
},
loadAttachOptionsPopup:function(callback,max_images_allowed){
this.closeAttachOptionsPopup();
if(!TZ.rpc.loggedIn) {
TZ.popupHandler.loadSignInRequiredPopup(); //make sure it is consistent with other functionalities which require sign in. -Hui
return;
}
if(max_images_allowed) TZ.maxAttachImagesAllowed = max_images_allowed;
else TZ.maxAttachImagesAllowed = 1;
TZ.imageAttachOptions = callback;
DynamicContentLoader.createPopup("attachOptionsPopup", "attach_options_popup.html", true, 470, 162,false);
},
closeAttachOptionsPopup:function(){
DynamicContentLoader.removePopup($("#attachOptionsPopup"));
},
loadUploadImagePopup:function(callback,max_images_allowed) {
//Debug.log("loadUploadImagePopup", 'igortz');
if(!TZ.rpc.loggedIn) {
TZ.popupHandler.loadLogInPopup();
return;
}
if(max_images_allowed) TZ.maxAttachImagesAllowed = max_images_allowed;
else TZ.maxAttachImagesAllowed = 1;
TZ.imageUploaded = function(imageData){
//DynamicContentLoader.removePopup($("#uploadImagePopup"));
if(callback === undefined) {
//Debug.log("loadUploadImagePopup: callback is undefined", "igortz");
return;
}
var url = "http://"+ pmHost + "/images/" + imageData.imageId +".jpg";
callback(url,imageData);
}
DynamicContentLoader.createPopup("uploadImagePopup", "image_upload_popup.html", true, 775, 474,false);
},
loadConfirmCancelPopUp: function(title, summary, confirmButtonText, cancelButtonText, confirmCallbackFunction, cancelCallbackFunction){
DynamicContentLoader.createPopup("confirmCancelPopUp","confirm_cancel.html?title="+title+"&summary="+summary+"&confirmBtnText="+confirmButtonText+"&cancelBtnText="+cancelButtonText,true, 406, 252,true,
function(){
$('#confirmButton').click(function(){
if (confirmCallbackFunction) confirmCallbackFunction();
DynamicContentLoader.removePopup($("#confirmCancelPopUp"));
});
$('#cancelButton').click(function(){
if(cancelCallbackFunction) cancelCallbackFunction();
DynamicContentLoader.removePopup($("#confirmCancelPopUp"));
});
});
},
loadTopicManagementPopup:function(topicId,topicTitle) {
DynamicContentLoader.createPopup("manageTopicPopup","management/topic_management.html?topicId="+topicId,true, 416, 178);
},
closeTopicManagementPopup:function() {
DynamicContentLoader.removePopup($("#manageTopicPopup"));
},
hideOverlapStuff : function() {
TZ.AdSlot.hideAds();
TZ.social.Facebook.hideLikeButtons();
},
showOverlapStuff : function() {
TZ.AdSlot.showAds();
TZ.social.Facebook.showLikeButtons();
}
};
TZ.agreement = {
agreeOrDisagree: function(jsItem, topicId, topicEntryId, type, callback, changeText) {
changeText = typeof(changeText) != 'undefined' ? changeText : false;
if ($(jsItem).hasClass("agreed")) {
$(jsItem).removeClass('agreed');
if (changeText) {
$(jsItem).text('Agree');
}
//then we want to remove the vote.
TZ.vote.castVote(topicId, topicEntryId,"unselected", type, function(votesObject){
Debug.log("TZ.vote.castVote success", 'jonchristensen');
Debug.log(votesObject, 'jonchristensen');
callback(votesObject, topicEntryId);
},
function(error){
Debug.log("Agree vote error " + error.error , 'jonchristensen');
$(jsItem).removeClass('agreed');
if (changeText) {
$(jsItem).text('Agreed');
}
});
} else {
//then we want to cast the vote.
$(jsItem).addClass('agreed');
if (changeText) {
$(jsItem).text('Agreed');
}
TZ.vote.castVote(topicId, topicEntryId,"selected", type, function(votesObject){
Debug.log("TZ.vote.castVote success", 'jonchristensen');
Debug.log(votesObject, 'jonchristensen');
callback(votesObject, topicEntryId);
},
function(error){
Debug.log("Up vote error " + error.error , 'jonchristensen');
$(jsItem).removeClass('agreed');
if (changeText) {
$(jsItem).text('Agree');
}
});
}
}
}
TZ.loveIt = {
topicId: null,
prepare: function(identifier) {
var loveItButton = $('#' + identifier + ' a');
loveItButton.click(function() {
Debug.log("Love It button clicked", "jonchristensen");
TZ.loveIt.loveItOrUnloveIt(this);
});
},
loveItOrUnloveIt: function(loveItLink) {
var loveItButton = $(loveItLink).parent();
var loveItComponentId;
if (loveItButton.attr('id').indexOf('loveIt') == 0) {
var loveItComponentId = $(loveItButton).attr('id');
if (loveItComponentId.indexOf('second') > 0) {
loveItComponentId = loveItComponentId.substring(0, loveItComponentId.length - 6);
}
TZ.loveIt.topicId = loveItComponentId.substring(6, loveItComponentId.length);
} else {
TZ.loveIt.topicId = TZ.getIdFromUrl();
}
// Now cast the vote to loveIt or unloveIt accordingly
if ($(loveItLink).hasClass("loved_it")) {
$('.' + loveItComponentId + ' .loveit_btn_sm').removeClass('loved_it');
// then we want to remove the vote.
TZ.vote.castVote(TZ.loveIt.topicId, TZ.loveIt.topicId, "unselected","LoveIt",
function(votesObject){
Debug.log("TZ.vote.castVote success", 'jonchristensen');
Debug.log(votesObject, 'jonchristensen');
TZ.loveIt.updateVotes(votesObject, loveItComponentId);
},
function(error){
$('.' + loveItComponentId + ' .loveit_btn_sm').addClass('loved_it');
Debug.log("Agree vote error " + error.error , 'jonchristensen');
});
} else {
// then we want to cast the vote.
$('.' + loveItComponentId + ' .loveit_btn_sm').addClass('loved_it');
TZ.vote.castVote(TZ.loveIt.topicId, TZ.loveIt.topicId, "selected","LoveIt",
function(votesObject){
Debug.log("TZ.vote.castVote success", 'jonchristensen');
Debug.log(votesObject, 'jonchristensen');
TZ.loveIt.updateVotes(votesObject, loveItComponentId);
},
function(error){
$('.' + loveItComponentId + ' .loveit_btn_sm').removeClass('loved_it');
Debug.log("loveIt vote error " + error.error , 'jonchristensen');
});
}
},
updateVotes: function(votesObject, loveItComponentId) {
if (TZ.loveIt.topicId == null) {
TZ.loveIt.topicId = TZ.getIdFromUrl();
}
if (votesObject[TZ.loveIt.topicId] !=undefined && votesObject[TZ.loveIt.topicId]['LoveIt'] !=undefined) {
$('.love_icon_container .bubble_count').text(votesObject[TZ.loveIt.topicId]['LoveIt']['selected']);
} else if (votesObject['selected'] !=undefined) {
if (loveItComponentId != undefined) {
var loveItComponent = $('.' + loveItComponentId);
var bubbleCountHolder = $('.' + loveItComponentId).parent().find('.bubble_count');
if (bubbleCountHolder === undefined || bubbleCountHolder.length == 0) {
bubbleCountHolder = $('.' + loveItComponentId).parent().parent().find('.bubble_count');
}
bubbleCountHolder.text(votesObject['selected']);
} else {
$('.love_icon_container .bubble_count').text(votesObject['selected']);
}
} else {
for (var topicId in votesObject) {
if (votesObject[topicId]['LoveIt'] != undefined) {
var targetItem = $('#loveIt' + topicId);
if (targetItem != null) {
targetItem.parents('.love_icon_container').find('.bubble_count').text(votesObject[topicId]['LoveIt']['selected']);
}
}
}
}
$('.love_icon_container .bubble_count').show();
},
updateOwnVotes: function(votesObject) {
$('.loveit_btn_sm').removeClass('loved_it');
for (var topicId in votesObject) {
if (votesObject[topicId]['LoveIt'] != undefined) {
if (votesObject[topicId]['LoveIt'] == 'selected') {
$('.loveIt' + topicId + ' .loveit_btn_sm').addClass('loved_it');
} else {
$('.loveIt' + topicId + ' .loveit_btn_sm').removeClass('loved_it');
}
}
}
}
};
TZ.topicmanagement = {
setOffTopic:function(topicId,topicProperties,success_function,error_function) {
topicProperties.category = 'offtopic';
TZ.rpc.createRPC('AdminCreateOrUpdateTopic', {'topicId' : topicId, 'properties': topicProperties},
function(successObject) {
var tempOb = {topicId:topicId};
TZ.rpc.createRPC('AdminSubmitTopicToGallery',tempOb,success_function,error_function);
},
function(errorObject) {error_function(errorObject);});
},
setEditorPickTopic:function(topicId,topicProperties,success_function,error_function) {
topicProperties.isPickedByAnEditor = 1;
TZ.rpc.createRPC('AdminCreateOrUpdateTopic', {'topicId' : topicId, 'properties': topicProperties},
function(successObject) {
var tempOb = {topicId:topicId};
TZ.rpc.createRPC('AdminSubmitTopicToGallery',tempOb,success_function,error_function);
},
function(errorObject) {error_function(errorObject);});
},
removeEditorPickTopic:function(topicId,topicProperties,success_function,error_function) {
topicProperties.isPickedByAnEditor = 0;
TZ.rpc.createRPC('AdminCreateOrUpdateTopic', {'topicId' : topicId, 'properties': topicProperties},
function(successObject) {
var tempOb = {topicId:topicId};
TZ.rpc.createRPC('AdminSubmitTopicToGallery',tempOb,success_function,error_function);
},
function(errorObject) {error_function(errorObject);});
}
}
TZ.flag = {
/**
* Set up click handler.
*/
prepare: function (flagButton) {
$(flagButton).click(function(event) { TZ.flag.confirmFlag(this, event); return false; });
},
flagTopic: function(topicId, success_function, error_function) {
tempOb = {topicId:topicId};
TZ.rpc.createRPC("FlagTopic",tempOb,success_function, error_function);
},
flagTopicEntry: function(topicId, topicEntryId, success_function, error_function) {
tempOb = {topicId:topicId, topicEntryId:topicEntryId};
TZ.rpc.createRPC("FlagTopicEntry", tempOb, success_function, error_function);
},
flagImage: function(imageId, success_function, error_function) {
tempOb = {imageId:imageId};
TZ.rpc.createRPC("FlagImage", tempOb, success_function, error_function);
},
/**
* Called when Flag button is clicked.
*/
confirmFlag: function (flagButton, event) {
if (TZ.rpc.username) {
var $flagButton = $(flagButton);
if (event && event.altKey) { // Admin function (delete)
var topicId = $flagButton.data('topicId');
var topicEntryId = $flagButton.data('topicEntryId');
if (topicEntryId) // this is a Flag comment button
TZ.topics.deleteTopicEntry(topicId, topicEntryId, function () {
$flagButton.append(' DELETED');
TZ.notification.show('Comment Deleted', 'It may take up to 5 minutes for this page to reflect the change.', 5000, 200);
});
else // this is a Flag topic button
TZ.topics.adminDeleteTopic(topicId, function () {
$flagButton.append(' DELETED');
TZ.notification.show('Topic Deleted', 'It may take up to 5 minutes for this page to reflect the change.', 5000, 200);
}, function (e) {
TZ.rpc.invoke("DoIHaveAllOfRoles", {"roles":['content-admin']}, function () {
TZ.notification.show('Error Deleting Topic', e.error, 12000, 200);
})
});
}
// Regular Flag operation
else {
$flagButton.addClass('to_be_flagged');
TZ.popupHandler.loadFlagConfirmationPopup();
}
}
else { // user not logged in
TZ.popupHandler.loadSignInRequiredPopup();
}
},
doNotFlagIt: function() {
$('.to_be_flagged').removeClass('to_be_flagged');
},
flagIt: function () {
var $flagButton = $('.to_be_flagged');
Debug.log("Topic Id being flagged: " + $flagButton.data("topicId"), "brentf");
Debug.log("Topic Entry Id being flagged: " + $flagButton.data("topicEntryId"), "brentf");
Debug.log("Image Id being flagged: " + $flagButton.data("imageId"), "brentf");
var imageId = $flagButton.data("imageId");
var topicId = $flagButton.data("topicId");
if ((topicId == null || topicId == "") && (imageId == null || imageId == "")) {
Debug.log("error cannot flag without a topic id or image id", "jonchristensen");
return;
}
var topicEntryId = $flagButton.data("topicEntryId");
if (topicEntryId != null && topicEntryId != "") {
TZ.flag.flagTopicEntry(topicId, topicEntryId, function(remainingFlagsForThisUser) {
TZ.notification.show('Your flag has been counted.','')
Debug.log(TZ.rpc.username + " has " + remainingFlagsForThisUser + " flags remaining", 'jonchristensen');
}, function(errorObject) {
Debug.log(errorObject, 'jonchristensen');
});
} else if (imageId != null && imageId != "") {
TZ.flag.flagImage(imageId, function(remainingFlagsForThisUser) {
TZ.notification.show('Your flag has been counted.','')
Debug.log(TZ.rpc.username + " has " + remainingFlagsForThisUser + " flags remaining", 'jonchristensen');
}, function(errorObject) {
Debug.log(errorObject, 'jonchristensen');
});
} else {
TZ.flag.flagTopic(topicId, function(remainingFlagsForThisUser) {
TZ.notification.show('Your flag has been counted.','')
Debug.log(TZ.rpc.username + " has " + remainingFlagsForThisUser + " flags remaining", 'jonchristensen');
}, function(errorObject) {
Debug.log(errorObject, 'jonchristensen');
});
}
$('.to_be_flagged').removeClass('to_be_flagged');
}
};
TZ.accountDetails = {
changeEmail :function(newEmail) {
Debug.log("changing email to " + newEmail, "jonchristensen");
TZ.rpc.createRPC("UpdateMyAccount",{newName: null, newEmail: newEmail},function(responseObject) {
TZ.notification.show("An email has been sent to " + newEmail + ". Please check your inbox in the next few minutes","", 6000, 500);
TZ.popupHandler.closeChangeEmailPopup();
$('.emailVerification, #adProtector').slideUp('slow');
}, function(error) {
TZ.notification.show("Email address already in use.", "", 5000, 500);
});
},
setStatus : function (statusMessage, onSuccess, onError){
TZ.accountDetails.createPublicTopicEntry(TZ.rpc.accountId,'status',{status:statusMessage},onSuccess,onError);
},
sendPublicMessage : function (recieverAccountId, message, onSuccess,onError){
TZ.accountDetails.createPublicTopicEntry(recieverAccountId,'message',{message:message},onSuccess,onError);
},
createPublicTopicEntry : function(accountId, type, properties, onSuccess, onError){
TZ.rpc.createRPC(
"CreatePublicTopicEntry",
{
accountId : accountId,
type :type,
properties : properties
},
function(success){
if(onSuccess) onSuccess(success);
},
function(error){
Debug.log("error setting status", "spmallick");
if(onError) onError(eror);
},
function(error){
Debug.log("error getting status", "spmallick");
if(onError) onError(eror);
}
)
},
getStatus : function(accountId, onSuccess, onError){
TZ.rpc.createRPC(
"GetPublicTopicEntries",
{
accountId : accountId,
type : "status",
offset : 0,
maxEntries : 1
},
function(success){
if(onSuccess) onSuccess(success);
},
function(error){
Debug.log("error getting status", "spmallick");
if(onError) onError(eror);
},
function(error){
Debug.log("error getting status", "spmallick");
if(onError) onError(eror);
}
)
}
}
TZ.videoInput = {
maxTimeOut: 6000,
lastTimeUrlChanged : '',
setupParseVideoUrl: function(field) {
field.find('input').bind('keyup onpaste onchange', this.parseVideoUrl);
},
setVideoInputAndPreview: function(field, site, id) {
var videoUrl = "";
if(site == "youtube") {
videoUrl = "http://www.youtube.com/watch?v=" + id;
}
else if(site == "vimeo") {
videoUrl = "http://vimeo.com/" + id;
}
$(field).find('input').val(videoUrl);
if(videoUrl){
TZ.videoInput.parseVideoUrl(null, field);
}
else {
TZ.videoInput.resetPreview($(field));
}
},
parseVideoUrl: function(event, field) {
var $videoInputComponent = (event == null)?$(field):$(event.currentTarget).parent().parent();
// Check in t seconds if the URL doesn't get a video.
TZ.videoInput.lastTimeUrlChanged = new Date().getTime();
window.setTimeout(function(){
if(TZ.videoInput.lastTimeUrlChanged + (TZ.videoInput.maxTimeOut-100) < new Date().getTime() )
{
if(!$videoInputComponent.find('.videoPreview').data('unlocked'))
{
//$videoInputComponent.find('.videoPreview .spinningColorWheel').remove();
$videoInputComponent.find('.videoPreview .scwContainer').spinner('stop');
$videoInputComponent.find('.videoPreview').find('#errorUrl').text('Can not upload a video from this url. Try a different url.');
}
}
}, TZ.videoInput.maxTimeOut);
// Check in t seconds if the URL doesn't get a video.
var id;
//$videoInputComponent.find('.videoPreview').html('
');
$videoInputComponent.find('.videoPreview').html('');
$videoInputComponent.find('.videoPreview .scwContainer').spinner();
$videoInputComponent.find('.videoPreview').slideDown('medium');
$videoInputComponent.data('thumb', null);
$videoInputComponent.data('videoTitle', null);
$videoInputComponent.data('id', null);
$videoInputComponent.data('site', null);
$videoInputComponent.find('.videoPreview').data('haveThumb', false);
$videoInputComponent.find('.videoPreview').data('unlocked',false);
$videoInputComponent.removeClass('videoDataLoaded');
$videoInputComponent.find('input').val($.trim($videoInputComponent.find('input').val()));
var url = $videoInputComponent.find('input').val();
if (url.indexOf('http://') == 0) {
url = url.substring(7,url.length);
}
if (url.indexOf('youtube.com') > -1) {
var firstPart = url.split('/')[1];
var secondPart = firstPart.split('v=')[1];
id = secondPart.split('&')[0];
TZ.videoInput.youtubeAjax($videoInputComponent, id);
return;
} else if (url.indexOf('youtu.be') > -1) {
id = url.split('/')[1];
TZ.videoInput.youtubeAjax($videoInputComponent, id);
return;
} else if (url.indexOf('vimeo.com') > -1) {
if (url.match(/^vimeo.com\/[0-9]+/)) {
id = url.split('/')[1];
} else if (url.match(/^vimeo.com\/channels\/[\d\w]+#[0-9]+/)) {
id = url.split('#')[1];
} else if (url.match(/vimeo.com\/groups\/[\d\w]+\/videos\/[0-9]+/)) {
id = url.split('/')[4];
} else {
throw new Error('Unsupported Vimeo URL');
}
TZ.videoInput.vimeoAjax($videoInputComponent, id);
} else if ($videoInputComponent.find('input').val() == ''){
TZ.videoInput.resetPreview($videoInputComponent);
}
},
vimeoAjax: function(field, id) {
$.ajax({
url: 'http://vimeo.com/api/v2/video/' + id + '.json',
dataType: 'jsonp',
success: function(data) {
TZ.videoInput.postProcess(field, 'vimeo', id, data[0].thumbnail_large, data[0].title);
}
});
},
youtubeAjax: function(field, id) {
try{
$.ajax({
url: 'http://gdata.youtube.com/feeds/api/videos/' + id + '?alt=json',
dataType: 'jsonp',
success: function(data) {
if(data.entry.media$group.media$thumbnail[0].url!= undefined){
var index = data.entry.id.$t.lastIndexOf("/")+1;
id = data.entry.id.$t.substr(index);
TZ.videoInput.postProcess(field,'youtube', id, data.entry.media$group.media$thumbnail[0].url, data.entry.title.$t);
}
}
})} catch(err){
}
},
postProcess: function(field, site, id, thumb, videoTitle) {
field.data('thumb', thumb);
field.data('videoTitle', videoTitle);
field.data('id', id);
field.data('site', site);
field.find('.videoPreview').data('haveThumb', true);
field.find('.videoPreview').data('unlocked',true);
TZ.videoInput.showPreview(field);
},
unlock: function() {
$(this).data('unlocked',true);
if ($(this).data('haveThumb')) {
TZ.videoInput.showPreview($(this).parent());
}
},
showPreview: function(field) {
field.find('.videoPreview').css('border', 'none');
field.find('.videoPreview').css('width', 'auto');
field.find('.videoPreview').html(' + ')
' +
'');
field.find('.videoPreview .scwContainer').spinner();
field.data('thumb', null);
field.data('videoTitle', null);
field.data('id', null);
field.data('site', null);
field.find('.videoPreview').data('haveThumb', false);
field.find('.videoPreview').data('unlocked',false);
field.find('.videoPreview').slideUp('medium');
field.find('.videoPreview').css('display','none');
field.removeClass('videoDataLoaded');
}
};
TZ.adviceItem = {
updateVotes:function(votesObject){
var voteTotal = 0;
for (var targetVotes in votesObject) {
if (votesObject[targetVotes]['SelectIt'] != undefined) {
voteTotal = TZ.vote.totalVotes(votesObject[targetVotes]['SelectIt']);
$("#" + targetVotes + " .total_answers").text(voteTotal + " Votes");
}
}
$(".total_answers").show();
}
};
/*
* jQuery Notify UI Widget 1.4
* Copyright (c) 2010 Eric Hynds
*
* http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
*
* Depends:
* - jQuery 1.4
* - jQuery UI 1.8 widget factory
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function($){
$.widget("ech.notify", {
options: {
speed: 500,
expires: 3000,
stack: 'below',
custom: false
},
_create: function(){
var self = this;
this.templates = {};
this.keys = [];
// build and save templates
this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(i){
var key = this.id || i;
self.keys.push(key);
self.templates[key] = $(this).removeAttr("id").wrap("").parent().html(); // because $(this).andSelf().html() no workie
}).end().empty().show();
},
create: function(template, msg, opts){
if(typeof template === "object"){
opts = msg;
msg = template;
template = null;
}
var tpl = this.templates[ template || this.keys[0]];
// remove default styling class if rolling w/ custom classes
if(opts && opts.custom){
tpl = $(tpl).removeClass("ui-notify-message-style").wrap("").parent().html();
}
// return a new notification instance
return new $.ech.notify.instance(this)._create(msg, $.extend({}, this.options, opts), tpl);
}
});
// instance constructor
$.extend($.ech.notify, {
instance: function(widget){
this.parent = widget;
this.isOpen = false;
}
});
// instance methods
$.extend($.ech.notify.instance.prototype, {
_create: function(params, options, template){
this.options = options;
var self = this,
// build html template
html = template.replace(/%(?:\{|%7B)(.*?)(?:\}|%7D)/g, function($1, $2){
return ($2 in params) ? params[$2] : '';
}),
// the actual message
m = (this.element = $(html)),
// close link
closelink = m.find(".ui-notify-close");
// clickable?
if(typeof this.options.click === "function"){
m.addClass("ui-notify-click").bind("click", function(e){
self._trigger("click", e, self);
});
}
// show close link?
if(closelink.length){
closelink.bind("click", function(){
self.close();
return false;
});
}
this.open();
// auto expire?
if(typeof options.expires === "number"){
window.setTimeout(function(){
self.close();
}, options.expires);
}
return this;
},
close: function(){
var self = this, speed = this.options.speed;
this.element.fadeTo(speed, 0).slideUp(speed, function(){
self._trigger("close");
self.isOpen = false;
});
return this;
},
open: function(){
if(this.isOpen || this._trigger("beforeopen") === false){
return this;
}
var self = this;
this.element[this.options.stack === 'above' ? 'prependTo' : 'appendTo'](this.parent.element).css({ display:"none", opacity:"" }).fadeIn(this.options.speed, function(){
self._trigger("open");
self.isOpen = true;
});
return this;
},
widget: function(){
return this.element;
},
_trigger: function(type, e, instance){
return this.parent._trigger.call( this, type, e, instance );
}
});
})(jQuery);
TZ.email = {
sendEmail:function(mail,success_function,error_function) {
TZ.rpc.createRPC("SendEMails",mail,success_function,error_function);
},
createEmail:function(senderEmail,recipients,subject,templateArguments,htmlTemplate,textTemplate,success_function,error_function,category) {
var emailObj={
htmlTemplate:htmlTemplate,
textTemplate:textTemplate,
recipients:recipients,
templateArguments:templateArguments,
mailHeaders:
{
"from" : senderEmail,
"subject" : subject
}
};
if (category) emailObj.mailHeaders["X-SMTPAPI"] = '{"category" : "' + category + '","filters": {"ganalytics":{"settings": {"enable":1,"utm_source" : "SendGrid","utm_medium":"Email","utm_campaign":"SG-' + category + '"}}}}';
TZ.email.sendEmail(emailObj,success_function,error_function);
},
getRecipients:function(stringWithRecipients) {
var emailRegExp= /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var recipients = new Array();
recipients = stringWithRecipients.split(",");
for (var index = 0, length = recipients.length; index < length; ++index) {
recipients[index]=$.trim(recipients[index]);
if (emailRegExp.test(recipients[index])) {
recipients[index]='@' + recipients[index];
}
}
return recipients;
}
}
// This class provides methods to save and load persistent json data for logged in users.
// Please specify type parameter when you save the json data, you can use it to retrieve your json data later. typeId is not necessary.
TZ.accountJSON = {
saveJSONData:function(type,typeId,accountId,visibility,JSONData,success_function,error_function){
// no need to specify accountId
tempOb = {dataSpec:{type:type,accountId:accountId,typeId:typeId,visibility:visibility},dottedPath:"",jsonData:JSONData};
TZ.rpc.createRPC("SaveAccountJSONData",tempOb,success_function,error_function);
},
readJSONData:function(type,typeId,accountId,visibility,success_function,error_function){
tempOb = {dataSpec:{type:type,accountId:accountId,typeId:typeId,visibility:visibility},dottedPath:""};
TZ.rpc.createRPC("GetAccountJSONData",tempOb,success_function,error_function);
},
saveTopic:function(topicType,properties,success_function,error_function){
tempOb = {type:topicType,properties:properties,id:'', accountId:TZ.rpc.accountId,accountName:'',creationTS:'',rating:'',numEntries:0};
TZ.accountJSON.saveJSONData(topicType, '', '', 1, tempOb, success_function, error_function);
},
saveAdvicePreview:function(title,description,thumbData,images,category,subType,success_function,error_function){
properties = {title:title,description:description,thumbData:thumbData,images:images,category:category,subType:subType};
TZ.accountJSON.saveTopic('advice_preview', properties, success_function, error_function);
},
getAdvicePreview:function(success_function,error_function){
TZ.accountJSON.readJSONData('advice_preview', '', '', 1, success_function, error_function);
},
saveTrendPreview:function(trendProperties, success_function, error_function){
trendProperties.accountName = TZ.rpc.username;
TZ.accountJSON.saveTopic('trend_preview', trendProperties, success_function, error_function);
},
getTrendPreview:function(success_function,error_function){
TZ.accountJSON.readJSONData('trend_preview', '', '', 1, success_function, error_function);
}
}
/*
* TZ.profile
* TZ.profile class manage user profile information
* Author: JDiaz(jdiaz@taaz.com)
* Date: 07-06-2011
*/
TZ.profile = {
settings:{},
//
// Create the user's initial profile
//
create: function (firstName, lastName, profileImageId, birthYear, gender, subscribed) {
if (!gender)
gender = 'f'
//
// Private Profile
//
var privateJson = {
'birthyear' : birthYear /* save Birthdate to private profile */
};
var dataSpec = { "type": "profile", "typeId": "", "visibility" : 0, "accountId" : TZ.rpc.accountId };
var args = { "dataSpec": dataSpec, "dottedPath": "", "jsonData": privateJson };
TZ.rpc.createRPC('SaveAccountJSONData', args, function(profile){Debug.log('created PRIVATE Profile');Debug.log(profile, "brentf")}, null);
//
// Public Profile
//
var json = {
firstName : firstName,
lastName : lastName,
gender : gender,
birthyear : birthYear,
location : "",
eyeColor : "",
skinType : "",
skinTone : "",
hairColor : "",
hairType : "",
hairLength : "",
newsletter : !!subscribed
};
if (profileImageId) { // leave out for Server to fill in, if not specified (currently, just from Facebook)
json.profileImage = profileImageId; // store as user's profile image
TZ.imageManager.addImage(profileImageId, 'Facebook Profile Photo', true); // set owner (add to this user's list of images)
}
dataSpec.visibility = 1;
args.jsonData = json;
Debug.log(dataSpec, "brentf")
TZ.rpc.createRPC('SaveAccountJSONData', args, function(spec){Debug.log('created PUBLIC Profile');Debug.log(spec, "brentf");}, function(e){Debug.log('Error creating profile: ' + Debug.toString(e));});
},
//Get all the user settings.
getAccountSettings: function(visibility,success_callback,fail_callback){
if(TZ.rpc.username) {
TZ.accountJSON.readJSONData('profile', "", "", visibility,
function(settings){
if(success_callback) success_callback(settings);
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else
{
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
//TZ.profile.setAccountSettings()
setAccountSettings:function(jsonSettings,visibility,success_callback, fail_callback) {
if(TZ.rpc.username) {
TZ.accountJSON.saveJSONData("profile", "", "", visibility, jsonSettings,
function(o) {
if(success_callback) success_callback();
}, function(o){
if(fail_callback) fail_callback(o);
}
);
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
getAccountDetails: function(success_callback,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("GetAccountDetails",{accountId:TZ.rpc.accountId},
function(profile) {
if(success_callback) success_callback(profile);
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
getAccount: function(visibility, success_callback ,fail_callback){
TZ.profile.getAccountSettings(visibility,
function(settings) {
if (visibility == TZ.PRIVATE) {
TZ.profile.getAccountDetails(function(profile){
var account = {};
$.extend(account, settings, profile);
if (success_callback)
success_callback(account);
}, function(error){
if (fail_callback)
fail_callback();
})
} else {
if (success_callback)
success_callback(settings);
};
},
function(error){
if(fail_callback) fail_callback();
});
},
getEmailCadence:function(success_callback ,fail_callback){
tempOb = {dataSpec:{"type":"profile"},dottedPath:"Notifications.EMailCadence"};
TZ.rpc.createRPC("GetAccountJSONData",tempOb,success_callback,fail_callback);
},
setAccountProperty:function(dottedPath,jsonData,visibility,success_function,error_function)
{
var tempOb = {dataSpec:{type:'profile',accountId:"",typeId:"",visibility:visibility},dottedPath:dottedPath,jsonData:escapeQuotes(jsonData)};
TZ.rpc.invoke("SaveAccountJSONData",tempOb,success_function,error_function);
},
setProfileImage: function(imageId,success_function, error_function){
Debug.log('setProfileImage: ' + imageId, 'brentf');
this.setAccountProperty('profileImage', imageId, TZ.PUBLIC, success_function, error_function);
},
setNewsletterSubscription : function(subscribed,success_function, error_function) {
this.setAccountProperty('newsletter', subscribed, TZ.PUBLIC, success_function, error_function);
},
setNotificationsSettings : function(notificationsSettingsCadence,success_function, error_function) {
var tempOb = {dataSpec:{type:'profile'},dottedPath:"Notifications.EMailCadence",jsonData:notificationsSettingsCadence};
TZ.rpc.invoke("SaveAccountJSONData",tempOb,success_function,error_function);
},
changeMyPassword: function(oldPassword,newPassword, success_callback ,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("ChangeMyPassword",{
oldPassword: oldPassword,
newPassword: newPassword
}
,function(o) {
if(success_callback) success_callback();
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
updateMyAccount: function(newEmail, success_callback ,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("UpdateMyAccount",{newEmail:newEmail},function(o) {
if(success_callback) success_callback();
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
//Profile photos & makeovers stuff
photosLoaded : false,
makeoversLoaded : false,
defaultUserPhotos: [],
allPhotos:[],
allMakeovers:[],
GetAccountPhotos : function (accountId,success_callback ,fail_callback) {
if(accountId && accountId == TZ.rpc.accountId) TZ.imageManager.loadMyImages(success_callback,fail_callback);
else TZ.imageManager.loadImages(accountId,success_callback,fail_callback);
},
getPhotos: function(accountId,success_callback ,fail_callback){
TZ.profile.GetAccountPhotos(accountId,
function(images) {
TZ.profile.updatePhotos(images);
if(success_callback) success_callback();
},
function(o){
TZ.profile.photosLoaded = false;
if(fail_callback) fail_callback();
});
},
getRandomUserPhoto: function(){
var index = Math.floor(Math.random()*4);
return this.defaultUserPhotos[index];
},
updatePhotos : function(images) {
//only images, no makeovers
TZ.profile.loadImages(images);
TZ.profile.photosLoaded = true;
TZ.events.dispatchEvent("profilePhotosLoaded");
},
loadImages : function(images) {
TZ.profile.allPhotos = TZ.profile.getOnlyImages(images);
},
getOnlyImages : function(images) {
return $.grep(images.entries,function(image) {
return image.imageId==image.objectId;
});
},
getPhotoByImageId : function(imageId) {
var tempPhotos = $.grep(TZ.profile.allPhotos,function(image) {
return image.imageId==imageId;
});
if (tempPhotos.length>0) {
return tempPhotos[0];
} else {
return {};
}
},
isPhotoOwner: function(accountId,imageId,success_callback ,fail_callback){
var isPhotoOwner=false;
var imageTemp=$.grep(TZ.profile.allPhotos,function(image) {
return image.imageId==imageId;
});
this.GetAccountPhotos(accountId,
function(images) {
var tempImgs = $.grep(images.entries,function(image) {
return image.imageId==imageId;
});
if (tempImgs.length>0) {
isPhotoOwner=true;
}
if(success_callback) success_callback(isPhotoOwner,imageTemp[0]);
},
function(o){
if(fail_callback) fail_callback(o);
});
},
getMakeoverByObjectId : function(objectId) {
var tempMakeovers = $.grep(TZ.profile.allMakeovers,function(image) {
return image.objectId==objectId;
});
if (tempMakeovers.length>0) {
return tempMakeovers[0];
} else {
return {};
}
},
getMakeovers : function(accountId,success_callback ,fail_callback){
this.GetAccountPhotos(accountId,
function(images) {
TZ.profile.updateMakeovers(images);
if(success_callback) success_callback();
},
function(o){
TZ.profile.photosLoaded = false;
if(fail_callback) fail_callback();
});
},
updateMakeovers : function(images) {
//only makeovers, no photos
TZ.profile.loadMakeovers(images);
TZ.profile.makeoversLoaded = true;
TZ.events.dispatchEvent("profileMakeoversLoaded");
},
loadMakeovers : function(images) {
TZ.profile.allMakeovers = TZ.profile.getOnlyMakeovers(images);
},
getOnlyMakeovers : function(images) {
return $.grep(images.entries,function(image) {
return (image.imageId!=undefined && (image.imageId!=image.objectId));
});
},
isMakeoverOwner: function(accountId,objectId,success_callback ,fail_callback){
var isMakeoverOwner=false;
var imageTemp=$.grep(TZ.profile.allMakeovers,function(image) {
return image.objectId==objectId;
});
this.GetAccountPhotos(accountId,
function(images) {
var tempImgs = $.grep(images.entries,function(image) {
return image.objectId==objectId;
});
if (tempImgs.length>0) {
isMakeoverOwner=true;
}
if(success_callback) success_callback(isMakeoverOwner,imageTemp[0]);
},
function(o){
if(fail_callback) fail_callback(o);
});
},
//END Profile photos & makeovers stuff
forgottenPassword:function(nameOrEmail,success_callback ,fail_callback){
TZ.rpc.invoke("ForgotPassword",{'nameOrEmail':nameOrEmail},success_callback ,fail_callback);
},
resetPassword: function(newPassword,token, success_callback ,fail_callback)
{
TZ.rpc.invoke("ResetPassword",{'newPassword':newPassword, 'token':token},success_callback ,fail_callback);
},
/**
* Delete current user's account
*/
removeAccount: function(){
if (TZ.rpc.username) {
TZ.rpc.invoke("DeleteMyAccount",{'accountId':TZ.rpc.accountId}, function(o){
TZ.rpc.invoke("logoutUser", null, function(o) {
TZ.rpc.refreshLoginStatus();
});
});
}
},
/**
* Delete given user (and all record of the username, if 'keepUserName' is set).
* Current user must have content-admin privileges.
*/
deleteAccount: function (accountId, keepUsername, onSuccess, onFailure) {
if (accountId[0] != '@')
accountId = '@' + accountId;
var reuseName = !keepUsername;
var p = {
accountId : accountId,
freeUpName: reuseName.toString()
};
Debug.log('Deleting account ' + accountId);
TZ.rpc.invoke( 'AdminDeleteAccount', p, onSuccess, onFailure);
},
blockUser: function (accountId, onSuccess, onFailure) {
TZ.rpc.invoke( 'BanAccount', {accountId : accountId}, onSuccess, onFailure);
},
unblockUser:function(accountId, onSuccess, onFailure){
TZ.rpc.invoke( 'UnbanAccount', {accountId : accountId}, onSuccess, onFailure);
},
didIBlockYou:function(accountId,success_callback ,fail_callback){
var flag = false;
this.getMyBans(
function(myBlocks){
if ($.inArray(accountId, myBlocks) != -1) {
flag = true;
}
if(success_callback)
success_callback(flag);
},fail_callback);
},
getMyBans:function(success_callback ,fail_callback){
TZ.rpc.invoke(
'GetMyBans',
{},
function(result) {
if(success_callback) success_callback(result);
},
function(e) {
if(fail_callback) fail_callback(e);
});
},
getMyFollowers: function(successCallback,errorCallback){
if(TZ.rpc.loggedIn) {
tempOb = {accountId:TZ.rpc.accountId};
TZ.rpc.invoke("GetMyFollows",tempOb,function(followedAccountIds) {
if(successCallback) { successCallback(followedAccountIds); }
}, function(errorObject) {
if(errorCallback){ errorCallback(errorObject); }
});
}
},
follow: function(accountId,successCallback,errorCallback) {
if(TZ.rpc.loggedIn) {
tempOb = {accountId:accountId};
TZ.rpc.invoke("FollowAccount",tempOb,function(responseObj) {
if(successCallback) { successCallback(); }
}, function(errorObject) {
if(errorCallback) { errorCallback(); }
Debug.log(errorObject, 'jpdiaz');
});
} else
{
TZ.popupHandler.loadSignInRequiredPopup();
}
},
unfollow: function(accountId,successCallback,errorCallback) {
tempOb = {accountId:accountId};
TZ.rpc.invoke("UnfollowAccount",tempOb,function(responseObj) {
if(successCallback) { successCallback(); }
}, function(errorObject) {
if(errorCallback) { errorCallback(); }
Debug.log(errorObject, 'jpdiaz');
});
},
stringify : function (obj) {
var t = typeof (obj);
if (t != "object" || obj === null) {
// simple data type
if (t == "string") obj = '"'+obj+'"';
return String(obj);
}
else {
// recurse array or object
var n, v, json = [], arr = (obj && obj.constructor == Array);
for (n in obj) {
v = obj[n]; t = typeof(v);
if (t == "string") v = '"'+v+'"';
else if (t == "object" && v !== null) v = JSON.stringify(v);
json.push((arr ? "" : '"' + n + '":') + String(v));
}
return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
}
}
}
//Get default Images
$(function(){
TZ.profile.defaultUserPhotos = [];
TZ.profile.GetAccountPhotos('@nullphoto',
function(result)
{
$(result.entries).each(function(index,element){TZ.profile.defaultUserPhotos.push(element.imageId);});
});
});
TZ.imageManager = {
myImages:{},
imageList:[],
makeoverList:[],
imagesLoaded:false,
loadImages:function(accountId,callback,onError){
TZ.rpc.createRPC('GetAccountJSONArrayPage',{dataSpec:{type:'image-list',accountId:accountId,typeId:"",visibility:false},query:"",offset:0,maxEntries:-1},
callback,onError);
},
loadMyImages:function(callback,onError){
if(TZ.imageManager.imagesLoaded == false){
TZ.imageManager.imagesLoaded = true;
TZ.imageManager.loadImages('',onSuccessF,onError);
}
else callback(TZ.imageManager.myImages)
function onSuccessF(images){
images.entries.sort(function(a,b){
if(!a.itemOrder) a.itemOrder = 0;
if(!b.itemOrder) b.itemOrder = 0;
return (a.itemOrder < b.itemOrder)?-1:1;
});
images.entries = images.entries.reverse();
var image;
TZ.imageManager.imageList = [];
TZ.imageManager.makeoverList = [];
for(var i=0;i 0) TZ.rpc.createRPC("SubmitTopicToGallery",{topicId:imageObject.makeoverTopicId});
else TZ.rpc.createRPC("WithdrawTopicFromGallery",{topicId:imageObject.makeoverTopicId});
function onLoadF(makeoverData){
if(makeoverData.properties.products) imageObject.products = makeoverData.properties.products;
var s = $.toJSON(imageObject);
TZ.rpc.createRPC("UpdateTopic",{topicId:imageObject.makeoverTopicId,properties:s});
}
},
addImage:function(imageId,title,isPublic,onSuccess,onError){
if(!title) title = '';
var d = Math.ceil((new Date()).getTime()/1000);
isPublic = isPublic?1:0;
var o = {imageId:imageId,objectId:imageId,imageName:title,itemOrder:d};
var cmd = {type:'image-list',accountId:'',typeId:'',visibility:isPublic};
var jsonS = $.toJSON(o);
TZ.rpc.createRPC("AppendToAccountJSONArray",{dataSpec:cmd,objectId:imageId,jsonData:jsonS},onSuccessF,onError);
function onSuccessF(){
TZ.imageManager.imagesLoaded = false;
TZ.imageManager.loadMyImages(onSuccess);
}
},
deleteImage:function(imageObject,onSuccess,onError){
if (imageObject['makeoverTopicId'] !== undefined && imageObject['makeoverTopicId'] != '') {
TZ.topics.deleteTopic(imageObject['makeoverTopicId'],
function(response) { Debug.log('successfully deleted makeover', 'jonchristensen') },
function(error) { Debug.log (error, 'jonchristensen') }
);
}
var o = {type:'image-list',accountId:'',typeId:'',visibility:imageObject.publicItem};
TZ.rpc.createRPC("RemoveFromAccountJSONArray",{dataSpec:o,objectId:imageObject.objectId},onSuccessF,onError);
function onSuccessF(){
TZ.imageManager.imagesLoaded = false;
TZ.imageManager.loadMyImages(onSuccess);
}
}
};
TZ.events.addEventListener('loginStatusChange',function(username){
TZ.imageManager.imagesLoaded =false;
TZ.imageManager.myImages = {};
});
TZ.TopicEntry = function(o) {
if (o) {
if (o.constructor === String) return TZ.TopicEntry.ofType(o);
else return TZ.TopicEntry.fromObj(o);
}
this.accountId = '';
this.accountName = '';
this.deleted = 0;
this.flags = 0;
this.id = '';
this.parentId = '';
this.properties = {};
this.sequence = 0;
this.topicId = '';
this.ts = { day: {}, time: {}, utime: 0};
this.type = '';
return this;
};
/* prototype functions */
TZ.TopicEntry.prototype.setProperties = function(properties) {
this.properties = jQuery.extend(true,{},properties);
};
TZ.TopicEntry.prototype.validateProperties = function() {
return TZ.TopicProperties.validate(this.type,this.properties);
};
/* static functions */
TZ.TopicEntry.ofType = function(type) {
var entry = new TZ.TopicEntry();
entry.type = type;
entry.setProperties(TZ.TopicProperties.initialize(type));
return entry;
}
TZ.TopicEntry.fromObj = function(o) {
var entry = new TZ.TopicEntry();
if (!o) return entry;
for (var i in entry) {
if (!entry.hasOwnProperty(i)) continue;
if (i === 'properties') {
entry.setProperties(o.properties);
} else {
entry[i] = o[i];
}
}
return entry;
};
/* Property definitions */
TZ.TopicProperties = {
validate : function(type,properties) {
var def = TZ.TopicProperties[type]() || {};
var validated = true;
for (var i in def) {
if (properties[i] === undefined) return false;
validated = properties[i].constructor === def[i];
if (!validated) break;
}
return validated;
},
initialize : function(type) {
var def = TZ.TopicProperties[type]() || {};
for (var i in def) {
def[i] = (new def[i]()).valueOf();
}
return def;
},
message : function() {
return {
comment : String, //body
replyTo : String, //parentId
replyAuth : String, //parentAccount
photoCaption : String, //photo caption
photoId : String, //image id
accountName : String //auto populated. the account comment was sent from
}
},
'private-message' : function() {
return {
body : String, //body
photoCaption : String, //photo caption
photoId : String //image id
}
},
comment : function() {
return {
comment : String, //body
replyTo : String, //parentId
replyAuth : String, //parentAccount
photoCaption : String, //photo caption
photoId : String, //image id
accountName : String //auto populated. the account comment was sent from
}
}
};
TZ.TopicEntry.GetTopicEntryCounts = function (topicId,onSuccess,onFailure) {
var p = { "topicIds" : [topicId] };
TZ.rpc.invoke("GetTopicEntryCounts", p, onSuccess, onFailure);
};
TZ.TopicEntry.GetTopicEntriesCount = function (topicsId,onSuccess,onFailure) {
var p = { "topicIds" : [topicsId] };
TZ.rpc.invoke("GetTopicEntryCounts", p, onSuccess, onFailure);
};
(function(a) {
a.fn.extend({
reflect: function(b) {
b = a.extend({
height: 1 / 3,
opacity: 0.5
},
b);
return this.unreflect().each(function() {
var c = this;
if (/^img$/i.test(c.tagName)) {
function d() {
var g = c.width,
f = c.height,
l, i, m, h, k;
i = Math.floor((b.height > 1) ? Math.min(f, b.height) : f * b.height);
if (a.browser.msie) {
l = a("![]()
").attr("src", c.src).css({
width: g,
height: f,
marginBottom: i - f,
filter: "flipv progid:DXImageTransform.Microsoft.Alpha(opacity=" + (b.opacity * 100) + ", style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=" + (i / f * 100) + ")"
})[0]
} else {
l = a("")[0];
if (!l.getContext) {
return
}
h = l.getContext("2d");
try {
a(l).attr({
width: g,
height: i
});
h.save();
h.translate(0, f - 1);
h.scale(1, -1);
h.drawImage(c, 0, 0, g, f);
h.restore();
h.globalCompositeOperation = "destination-out";
k = h.createLinearGradient(0, 0, 0, i);
k.addColorStop(0, "rgba(255, 255, 255, " + (1 - b.opacity) + ")");
k.addColorStop(1, "rgba(255, 255, 255, 1.0)");
h.fillStyle = k;
h.rect(0, 0, g, i);
h.fill()
} catch(j) {
return
}
}
a(l).css({
display: "block",
border: 0
});
m = a("").insertAfter(c).append([c, l])[0];
m.className = c.className;
a.data(c, "reflected", m.style.cssText = c.style.cssText);
a(m).css({
width: g,
height: f + i,
overflow: "hidden"
});
c.style.cssText = "display: block;";
c.className = "reflected"
}
if (c.complete) {
d()
} else {
a(c).load(d)
}
}
})
},
unreflect: function() {
return this.unbind("load").each(function() {
var c = this,
b = a.data(this, "reflected"),
d;
if (b !== undefined) {
d = c.parentNode;
c.className = d.className;
c.style.cssText = b;
a.removeData(c, "reflected");
d.parentNode.replaceChild(c, d)
}
})
}
})
})(jQuery);
/**
* @class Util
* @author Brent 2011-10
*/
Util = {
isUpper: function (ch) {
var ucLetters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
return ucLetters.indexOf(ch) != -1;
},
isLower: function (ch) {
var letters = "abcdefghijklmnopqrstuvwxyz";
return letters.indexOf(ch) != -1;
},
capitalize: function (str) {
if (str) {
var ch = str.charAt(0);
if (Util.isLower(ch))
str = str.charAt(0).toUpperCase() + str.slice(1);
}
return str;
},
uncapitalize: function (str) {
if (str) {
var ch = str.charAt(0);
if (Util.isUpper(ch))
str = str.charAt(0).toLowerCase() + str.slice(1);
}
return str;
},
trim: function (str) {
str = str.replace(/^\s+/, '');
for ( var i = str.length - 1; i >= 0; i--) {
if (/\S/.test(str.charAt(i))) {
str = str.substring(0, i + 1);
break;
}
}
return str;
}
};
String.prototype.endsWith = function (str) {
var lastIndex = this.lastIndexOf(str);
return (lastIndex != -1) && (lastIndex + str.length == this.length);
};
String.prototype.capitalize = function () {
return Util.capitalize(this);
};
String.prototype.uncapitalize = function () {
return Util.uncapitalize(this);
};
String.prototype.trim = function () {
return Util.trim(this);
};
/**
* Script for LoginPopup.erb
*
* @class login
* @namespace TZ
*
* @author brent
*/
TZ.login = {
_facebookProfilePictureUrl: null,
_signInTabActive: null, // set whenever tab is changed
_showingFacebookPage: false,
_displayInputValidationTask: {},
_takenUsernames: {}, // keep track of taken usernames during the scope of this page (don't keep track of avail., since could be taken at any time)
ERROR_MSG_TAKEN: 'username is already taken!',
/**
* Show/Hide based on 'isValid'
*/
displayInputValidation: function (selPrefix, msg, isValid) {
window.clearTimeout(TZ.login._displayInputValidationTask[selPrefix]); // cancel any pending show/hide operation for this field
TZ.login._displayInputValidationTask[selPrefix] = setTimeout(function() {
if (msg.length === 0) {
$(selPrefix + 'ValidationIcon').hide();
$(selPrefix + 'ValidationTxt').hide();
}
else {
$(selPrefix + 'ValidationIcon').show();
$(selPrefix + 'ValidationTxt').show();
if (isValid) {
$(selPrefix + 'ValidationIcon').switchClass('icon-err', 'icon-ok');
$(selPrefix + 'ValidationTxt').switchClass('input-err', 'input-ok').text(msg);
}
else {
$(selPrefix + 'ValidationIcon').switchClass('icon-ok', 'icon-err');
$(selPrefix + 'ValidationTxt').switchClass('input-ok', 'input-err').text(msg);
}
}
}, 500);
},
/**
* Conditionally show field description if msg given (don't hide).
*
* @param selPrefix String jQuery selector
*/
showInputValidation: function(sel, msg) {
window.clearTimeout(TZ.login._displayInputValidationTask[sel]); // cancel any pending show/hide operation for this field
TZ.login._displayInputValidationTask[sel] = setTimeout(function() {
if (msg.length)
$(sel + 'Block').show();
TZ.login.displayInputValidation(sel, msg);
}, 500);
},
/**
* Hide field description.
*
* @param selPrefix String jQuery selector
*/
hideInputValidation: function (selPrefix) {
$(selPrefix+'ValidationIcon').removeClass('icon-err').removeClass('icon-ok');
$(selPrefix+'ValidationTxt').removeClass('input-err').removeClass('input-ok').text('');
},
/**
* Attempt to log the user in
*
* Called when Login button is clicked
*/
loginAs: function(user){
TZ.rpc.invoke("ImpersonateUser", { nameOrEmail:user}, function(result) {
TZ.user.loginSuccess(result);
},function(a,b,c,d){
var i = 0;
});
},
login: function (username, password) {
username = Util.trim(username);
var self = TZ.login;
var remember = $('#RememberMe').hasClass('checkbox_button_selected');
if (self.validateLoginFields()) { // just checks that username is not blank
TZ.rpc.invoke("loginUser", { nameOrEmail:username, password:password, rememberMe:remember }, function() {
Analytics.event('SigninPopup', 'SignIn', 'SigninComplete', TZ.request.section);
TZ.rpc.refreshLoginStatus();
self.closePopup();
},
function (error) {
var errMsg = error[0].error;
TZ.rpc.refreshLoginStatus();
var username = Util.trim($('#loginUsername').val());
//
// The user can enter either an email or username
// Assume it's an e-mail address if there is an @ somewhere after the first character
//
var isEmail = (username.indexOf('@', 1) != -1);
var params = {};
if (isEmail)
params.email = username;
else
params.name = username;
TZ.rpc.invoke('FindMatchingAccount', params, function (taazAccount) {
if (taazAccount.status) {
Analytics.event('SigninPopup', 'UserError', 'IncorrectPassword', errMsg);
self.displayInputValidation('#loginPassword', "incorrect password");
// Show the Forgot Password link
$('#loginForgotPassword').switchClass('hidden', 'block');
}
else {
Analytics.event('SigninPopup', 'UserError', 'UnknownUser', isEmail ? 'Email' : 'Username', errMsg);
if (isEmail)
self.displayInputValidation('#loginUsername', "unknown email address");
else
self.displayInputValidation('#loginUsername', "no such username");
}
});
}
);
}
},
//
// Called when Facebook button is clicked on the Login tab
//
loginWithFacebook: function () {
var self = TZ.login;
TZ.social.Facebook.login(function(authResponse) {
var fbUid = authResponse.userID;
var params = { oAuthProvider:'facebook', oAuthUserId:fbUid, oAuthAccessToken: TZ.social.Facebook.accessToken() };
//
// Note: loginUser rpc will call onSuccess, even if user is not logged in -- just linked to FB as half-completed registration
//
TZ.rpc.invoke("loginUser", params, function (taazAccount) {
// Previously connected to Facebook
// 1. If user is Registered with Taaz, automatically log in
Debug.info(' Logged In Using Facebook ID: loginUser(facebook) returned: ', 'brentf');
Debug.log(taazAccount);
if (taazAccount.email) { // FIX: use 'taazAccount.registered' here, once fixed by Chandra
//Debug.log(' facebook id -> Taaz user ' + taazAccount.name + ' (' +Debug.toString(taazAccount) + ')', "brentf");
self.closePopup();
}
else { // 2. Otherwise display Registration Dialog to complete the Taaz Registration
Debug.log(' no name -- must complete registration...');
TZ.LoginLinks.register("completeRegistration=1");
} //prev. given FB permissions
},
function (e) { // This Facebook user not found in Taaz system
Debug.info('Taaz Login failed: ' + e); //DEBUG
// If not previously linked to FB account,
// send the user to the Registration tab & pop-up the FB Registration dialog
self.registerLinkClicked();
//TZ.social.Facebook.registerUi();
}
);//loginUser
},//FB.login success
function(e) { // Facebook.login failure
Debug.warn('FB.login falure.');
}
);//FB.login
},
//
// Called when "Connect with Facebook" button is clicked
//
registerWithFacebook: function () {
var self = TZ.login;
//TZ.social.Facebook.registerUi();
TZ.social.Facebook.connect(self.facebookRegistrationComplete, function(e) {
// Failed. (no error code, only a text message, and Chandra says it will be difficult to add an error code)
// So must rely on the error message not changing.
Debug.info(e.error);
if (e.error.indexOf("oAuthUserId is already owned") != -1) {
// a) the current Facebook user is already registered
// so ==> log the user in, instead
self.loginWithFacebook();
}
else {
$('#ConnectErrorMsg').text(e.error);
}
});
},
fb2OAuthRec: function (onSuccess, onFailure) {
// Look up account using Facebook User Id
var params = { 'provider': 'facebook', 'oAuthUserId': TZ.social.Facebook._uid };
TZ.rpc.invoke("FindOAuthAccount", params, function (oAuthRec) {
Debug.log(oAuthRec);
if ($.isEmptyObject(oAuthRec)) {
Debug.log('FindOAuthAccount returned empty result');
onFailure && onFailure();
}
else {
oAuthRec.registered = (oAuthRec.taazAccount && oAuthRec.taazAccount.name); // FIX: remove this line once Chandra adds it
Debug.log('oAuthRec.registered set to ' + oAuthRec.registered, 'brentf');
oAuthRec.properties = $.parseJSON(oAuthRec.properties); // this is coming back as a string
onSuccess(oAuthRec);
}
},
function() {
onFailure && onFailure();
}
);//FindOAuthAccount
},
//
// Called by TZ.social.Facebook.handleStatusChange and TZ.login.loginWithFacebook
//
completeFacebookRegistration: function() {
var self = TZ.login;
Debug.log('Enter completeFacebookRegistration');
self.fb2OAuthRec(function(oAuthRec) {
Debug.log(' taazAccount = ');
Debug.log(oAuthRec.taazAccount);
var fbProperties = oAuthRec.properties;
// Duplicated from TZ.social.Facebook.connect -- would be better to combine the code
var firstName = fbProperties.first_name,
lastName = fbProperties.last_name,
email = fbProperties.email,
birthYear = fbProperties.birth_year, // artificially created from birthday when gave permission
photoUrl = 'https://graph.facebook.com/me/picture?access_token=' + TZ.social.Facebook.accessToken();
self.facebookRegistrationComplete(firstName, lastName, email, birthYear, photoUrl);
});
},
//
// Called by FacebookRegCallback.erb
//
facebookRegistrationComplete: function (firstName, lastName, email, birthYear, photoUrl) {
var self = TZ.login;
firstName = firstName || '';
lastName = lastName || '';
email = email || '';
birthYear = birthYear || '';
photoUrl = photoUrl || '';
Debug.log('Enter facebookRegistrationComplete ' + _(arguments).map(function(v, k) {return v;}));
// Set fields
$('#regFirstName').val(firstName);
$('#regLastName' ).val(lastName);
var username = $('#regUsername' ).val(); // send the entered username to getAvailUsernames() as the preferred one
//$('#regUsername' ).val(firstName); // in case the fetch fails
self.getAvailUsernames(username, firstName, lastName, email, function(usernames) {
$('#regUsername').val(usernames[0]);
self.selectFirstField('#regUsername');
});
$('#regEmail' ).val(email);
self.validateEmail('#regEmail'); // shows field, if already taken by another account
$('#regBirthYear').val(birthYear);
// Set password if empty to random when RegisterWithFacebook is clicked
var pw = Math.random();
$("#regPassword").val(pw);
$("#regPassword2").val(pw);
$('#FbPhoto').attr('src', photoUrl);
self._facebookProfilePictureUrl = photoUrl;
$('#RegisterButton').text('finish');
self.showFacebookConnection();
},
showFacebookConnection: function() {
$('.Group_RegTaazOnly').hide();
$('#regEmailBlock').hide(); // not in RegTaazOnly, so that can be displayed if there is a conflict
$('.Group_RegUsingFacebook').show();
TZ.login._showingFacebookPage = true;
},
/**
* Creates a new Taaz account
* Called when Taaz Register or Finish buttons are clicked.
*/
register: function () {
var self = TZ.login;
Debug.log('Validating Registration Fields...', 'brentf');
if (self.validateRegFields())
{
Analytics.page('RegistrationPopup-RegisterCreateTAAZAccount-NoUserErrors');
Analytics.event('RegistrationPopup', 'RegisterCreateTAAZAccount', 'NoUserErrors'); // RegisterBtn clicked & fields validated
var username = Util.trim($('#regUsername').val()),
password = $('#regPassword').val(),
email = Util.trim($('#regEmail').val()),
subscribeChecked = $('#SubscribeCheckbox').is(':checked');
params = { name:username, email:email, password:password, subscribe:subscribeChecked };
Debug.info('register: subscribeChecked = '+ params.subscribe);
//
// If this is a Facebook registration, add the oAuth userid to the registration parameters
//
self.fb2OAuthRec(function(oAuthRec) {
//
// Previously linked with Facebook account, but not registered
//
if (!oAuthRec.registered) {
Debug.log('oAuthRec.registered NOT set. Registering as Facebook-connected account ', 'brentf');
params.oAuthProvider = 'facebook';
params.oAuthUserId = TZ.social.Facebook._uid;
}
self.register2(params);
},
// Else if not linked to Facebook
function () {
self.register2(params);
}
);
}//validated
},
/**
* Registration (part 2)
*/
register2: function(regParams) {
var self = TZ.login;
Debug.log('register2: calling TZ.rpc.invoke("register"...');
Debug.log(regParams, "brentf");
//
// Create the Taaz account
//
TZ.rpc.invoke("register", regParams, function (result) {
var self = TZ.login;
var subscribe = regParams.subscribe;
var isFacebook = regParams.oAuthProvider;
Debug.log('Registration succeeded: ');
Debug.log(result, 'brentf');
//
// Analyics
//
var newsletterEvent;
if (isFacebook) {
Analytics.page('RegistrationPopup-FacebookRegistrationComplete');
Analytics.event('RegistrationPopup', 'FacebookRegistrationComplete');
newsletterEvent = 'NewsletterRequestedFacebook';
}
else {
Analytics.page('RegistrationPopup-TAAZRegistrationComplete');
Analytics.event('RegistrationPopup', 'TAAZRegistrationComplete');
newsletterEvent = 'NewsletterRequestedTAAZ';
}
subscribe && Analytics.event('RegistrationPopup', newsletterEvent);
//
// Save the Profile Image
//
var profileImageId = null,
useFbPhoto = $('#FbPhotoCheckbox').val();
Debug.log('Use FB photo: ' + useFbPhoto, 'brentf');
useFbPhoto = useFbPhoto && self._facebookProfilePictureUrl;
if (useFbPhoto) {
var params = { type:'image', url:self._facebookProfilePictureUrl + "&type=large" };
TZ.rpc.invoke("SaveURLAsAccountImage", params, function (result) {
profileImageId = result;
if (profileImageId[0] == '"') // FIX: RPC is returning surrounding quotes
profileImageId = profileImageId.substr(1, profileImageId.length-2); // strip surrounding quotes
Debug.log('Setting profile image to Facebook profile image: ' + profileImageId, 'brentf');
self.register3(profileImageId, subscribe);
},
function (e) {
Debug.error('failed to set profile photo to facebook photo for url: ' + params.url, 'brentf');
Debug.log(e);
self.register3(null, subscribe);
}
);
}
else {
isFacebook && Analytics.event('RegistrationPopup', 'DontUseFBPhotoAsProfilePhoto');
self.register3(TZ.profile.getRandomUserPhoto(), subscribe);
}
},
function(e) { // registerRPC failed
// Display error message
var errMsg = e[0].error;
Debug.notify('Registration', 'Registration Failed: ' + errMsg, 7);
Debug.log('Registration Failed: ' + errMsg);
//Debug.log(e, 'brentf');
self.displayInputValidation('#regEmail', 'This email is in use by another account.');
Analytics.event('RegistrationPopup', 'UserError', 'Email', 'Taken');
// Show a link to allow the password to be reset
$('#regResetPassword').switchClass('hidden', 'block');
}
);//register rpc
},
/**
* register3 - part 3 of register (broken out, because must wait for image upload RPC in FB connect case)
*
* Create profile and close the dialog.
*/
register3: function (profileImageId, subscribeToNewsletter) {
//
// Create Profile
//
var publicBirthYear = $('#regBirthYear').val(),
firstName = $('#regFirstName').val(),
lastName = $('#regLastName').val();
TZ.profile.create(firstName, lastName, profileImageId, publicBirthYear, 'f', subscribeToNewsletter);
// Send Login Notification
TZ.rpc.refreshLoginStatus(function() {
Debug.log("registration complete", 'brentf');
TZ.login.closePopup();
});
},
/**
* @return Array of available similar usernames to 'requestedUsername'
*
* Calls getAvailUsernames.erb
*/
getAvailUsernames: function (requestedUsername, firstName, lastName, email, onSuccess) {
var ajaxUrl = 'http://starstyler.gala.de/getAvailUsernames?requested='+requestedUsername + '&firstName=' + firstName + '&lastName=' + lastName + '&email=' + email;
Debug.log( 'Calling: ' + ajaxUrl , "brentf");
$.getJSON(ajaxUrl, function(data) {
onSuccess(data.usernames);
});
},
/**
* Username Suggestions: Populate and display div containing suggestions
*
* Don't suggest any name with 'Taaz' in it.
*/
displayUsernameSuggestions: function (isValid) {
if (isValid) { // hide
$('#regUsernameSuggestions').hide();
}
else { // show
$('#regUsernameSuggestions').show();
var username = $('#regUsername').val().replace(/(T|t)(A|a)(A|a)(Z|z)/g, ''); // disallow sequences containing 'Taaz'
TZ.login.getAvailUsernames(username, $('#regFirstName').val(), $('#regLastName').val(), $('#regEmail').val(), function(usernames) {
var aTag = "" + aTag) + "";
Debug.log(suggestionMarkup, 'brentf');
$('#regUsernameSuggestions').html('Suggestions: ' + suggestionMarkup);
});
}
},
/**
* Called when the Registration dialog is closed.
*/
sendCloseAnalytics: function () {
var pageName = '',
category = '',
s1 = '';
if (TZ.login._signInTabActive) {
pageName = 'SigninPopup-SigninPopup-Close';
category = 'SigninPopup';
s1 = 'SigninPopup';
}
else if (TZ.login._showingFacebookPage) {
pageName = 'RegistrationPopup-FacebookRegistration-Close';
category = 'RegistrationPopup';
s1 = 'RegistrationFacebook';
}
else {
pageName = 'RegistrationPopup-RegistrationPopup-Close';
category = 'RegistrationPopup';
s1 = 'TAAZRegistration';
}
Analytics.page(pageName);
Analytics.event(category, s1, TZ.request.section, 'Close');
},
/**
* Close this dialog.
*/
closePopup: function (userClosed) {
userClosed && TZ.login.sendCloseAnalytics();
DynamicContentLoader.removePopup($("#LoginPopup"));
},
/**
* Switch the currently displayed Tab.
*/
_changeTab: function (currentTab, currentTabContent, selectTab, selectTabContent) {
if (selectTab.hasClass('selected'))
return false;
currentTabContent.hide();
currentTab.removeClass('selected');
selectTab.addClass('selected');
selectTabContent.show();
// Give focus to the first Text field and select its contents to be easily typed over
TZ.login.selectFirstField();
return true;
},
/**
* Switch the visible tab in this "dialog".
*/
selectTab: function ($selectTab, tabClicked, reportAnalytics) {
var self = TZ.login,
$selectTabContent = $('#LoginPopup .' + $selectTab.attr('name')),
$currentTab = $('.tabBar a.selected'),
$currentTabContent = $('#LoginPopup .' + $currentTab.attr('name'));
var changed = self._changeTab($currentTab, $currentTabContent, $selectTab, $selectTabContent);
var showingLogin = $('#login-form').hasClass('selected');
//
// Analytics
//
var firstTime = self._signInTabActive === null;
if (changed || firstTime) { // always report Page View if changed, but only Event if clicked
if (showingLogin) {
Analytics.page('RegistrationPopup-SigninPopup');
reportAnalytics && Analytics.event('SigninPopup', 'RegisterTab');
}
else {
Analytics.page('RegistrationPopup-RegistrationPopup');
reportAnalytics && Analytics.event('RegisterPopup', 'SigninTab', TZ.request.section);
}
}
//
// Remember currently-displayed tab
//
self._signInTabActive = showingLogin;
},
loginLinkClicked: function(reportAnalytics) {
TZ.login.selectTab($('#login-form'), reportAnalytics);
},
registerLinkClicked: function(reportAnalytics) {
TZ.login.selectTab($('#register-form'), reportAnalytics);
},
usernameAllowedSet: /[a-zA-Z0-9._-]/,
usernameAllowedMatch: /^[a-zA-Z0-9._-]+$/,
/**
* @return true if the given keycode is allowed in a username
*/
validUsernameChar: function(charCode) {
//Debug.info(' charcode: ' + charCode, 'brentf');
return charCode <= 9 // allow arrow keys (0), Backspace (8), tab (9)
|| String.fromCharCode(charCode).match(TZ.login.usernameAllowedSet);
},
keypressFilterNumeric: function (allowDecimal) {
return function(event) {
var charCode = event.which;
var ch = String.fromCharCode(charCode);
//Debug.info(' charcode: ' + charCode + ', char=' + ch, 'brentf');
var regEx = allowDecimal ? /[0-9.]/ : /[0-9]/;
if (!( charCode <= 9 // allow arrow keys (0), Backspace (8), tab (9)
|| event.metaKey || event.ctrlKey
|| ch.match(regEx)) ) {
//Debug.log(event);
event.preventDefault();
}
};
},
/**
* If the given selector is empty, display an error message (otherwise, hide the error box).
*/
require: function (sel, msg) {
var isValid = true,
errMsg = '';
if ($(sel).val().length < 1) {
isValid = false;
errMsg = (msg===null) ? "required" : msg;
$(sel + 'Block').show(); // show, in case hidden
}
TZ.login.displayInputValidation(sel, errMsg);
return isValid;
},
/**
* Login Field Validation
* Username
* Password
*
* @returns true if all fields appear valid (ready for submittal to login RPC)
*/
validateLoginFields: function () {
// 1. Passwords are equal
var errMsg = '',
isValid = true;
// 1. If the username is empty, note that it is required
isValid = TZ.login.require('#loginUsername', "enter username or email address");
isValid || Analytics.event('SigninPopup', 'UserError', 'Error-Name-NotGiven');
//TZ.login.require('#loginPassword', "No password given");
Debug.log('validateLoginFields returning ' + isValid, 'brentf');
return isValid;
},
/**
* Registration Field Validation
* 1. Passwords are equal
* 2. A valid Year is given
*
* @return false if *any* registration field is invalid, true otherwise
*/
validateRegFields: function () {
var errMsg = '',
isValid = true,
analytics = function(s2, s3) { Analytics.event('RegistrationPopup', 'UserError', s2, s3); return false; };
Debug.log('Enter validateRegFields', 'brentf');
isValid = (TZ.login.require('#regFirstName') || analytics('NameNotFilled')) && isValid;
isValid = (TZ.login.require('#regPassword') || analytics('Password')) && isValid;
//
// 1. Username > 2 chars
// Does not check for availability.
//
isValid = TZ.login.validateUsername('#regUsername', false, analytics) && isValid;
// 2. Passwords are equal
//
errMsg = '';
var pw = $('#regPassword').val();
if (pw != $('#regPassword2').val()) {
isValid = false;
errMsg = "the passwords don't match";
analytics('Password', 'NoMatch');
}
TZ.login.displayInputValidation('#regPassword2', errMsg);
//
// 3. Ensure >= 13 yrs old
//
isValid = TZ.login.validateBirthYear('#regBirthYear', false, analytics) && isValid;
//
// 4. Email
//
isValid = TZ.login.validateEmail('#regEmail', false, analytics) && isValid;
return isValid;
},
/**
* Validate email and Show/Hide validation message.
* email must be handled separately, since it must be looked up asynchronously on the server
*
* @param sel jQuery selector of the element containing the e-mail address to be validated (must be in a 'Block' div, as formatted by ValidatedInput.erb)
*
* @return true if value of given jQuery selector is permissible
*/
validateEmail: function (sel, allowEmpty, reportAnalyticsF) {
var isValid = true,
emailStr = $(sel).val(),
errMsg = '',
show = function(msg) { return TZ.login.showInputValidation(sel, msg); };
//Debug.info('Validating email addr: ' + emailStr + allowEmpty?', allowEmpty':'')
isValid = allowEmpty || TZ.login.require('#regEmail'); // sets validation text
if (isValid && (!allowEmpty || emailStr.length > 0)) {
if (!TZ.formValidation.checkEmail(emailStr)) {
isValid = false;
show('Please enter a valid email address');
reportAnalyticsF && reportAnalyticsF('Email', 'IncorrectFormat');
}
else {
TZ.rpc.invoke('FindMatchingAccount', { 'email': emailStr }, function (taazAccount) {
var isValid = taazAccount.status === 0;
if (!isValid) {
show('in use by another account');
$('#regResetPassword').switchClass('hidden', 'block');
reportAnalyticsF && reportAnalyticsF('Email', 'Taken');
}
else {
show('');
// Show the e-mail field to allow it to be changed
$('#regEmailBlock').show();
$('#regResetPassword').switchClass('block', 'hidden');
}
});//rpc.invoke
}
}
else
show('');
return isValid;
},
/**
* Validate given username field and show/hide validation message.
*
* @return true if value of given jQuery selector is permissible
*/
validateUsername: function (sel, allowEmpty, reportAnalyticsF) {
var isValid = true,
val = $(sel).val(),
errMsg = '',
show = function(msg) { return TZ.login.showInputValidation(sel, msg); };
// Disallow names containing "TAAZ"
// Check the Validated Username cache (if already looked up this session -- since last page refresh, that is)
if ( val.match(/(T|t)(A|a)(A|a)(Z|z)/) || TZ.login._takenUsernames[val] ) {
show(TZ.login.ERROR_MSG_TAKEN);
return false;
}
//Debug.log('Validating username: ' + val, 'brentf')
isValid = allowEmpty
|| TZ.login.require('#regUsername')
|| (reportAnalyticsF && reportAnalyticsF('NameNotFilled')); // handles display of validation msg
if (isValid && (!allowEmpty || val.length > 0)) {
if (!val.match(/^[a-zA-Z]/)) {
isValid = false;
errMsg = "must begin with a letter";
reportAnalyticsF && reportAnalyticsF('Username', 'IncorrectFormat');
}
else if (val.length < 3) {
isValid = false;
errMsg = "must be at least 3 characters";
reportAnalyticsF && reportAnalyticsF('Username', 'IncorrectFormat');
}
else if (val.length > 20) {
isValid = false;
errMsg = "must be less than 20 characters";
reportAnalyticsF && reportAnalyticsF('Username', 'IncorrectFormat');
}
else if (!val.match(TZ.login.usernameAllowedMatch)) {
isValid = false;
errMsg = "contains invalid characters";
reportAnalyticsF && reportAnalyticsF('Username', 'IncorrectFormat');
}
show(errMsg);
}
return isValid;
},
/**
* Validate Birth Year and show/hide validation message.
*
* @return true if value of given jQuery selector is permissible
*/
validateBirthYear: function (sel, allowEmpty, reportAnalyticsF) {
var isValid = true,
birthYear = $(sel).val(),
thisYear = new Date().getFullYear(),
age = thisYear - birthYear - 1, // -1: some 13-yr-olds will not qualify, but prevents false-positives for 12-yr-olds
over130 = age > 130 && !(allowEmpty && birthYear.length === 0),
under13 = age < 13,
notGiven = (birthYear.length === 0),
errMsg = '';
if (isNaN(age) || under13 || over130) {
isValid = false;
if (under13 && age >= -1) {
errMsg = 'must be 13 years of age or older to use this site - ';
reportAnalyticsF && reportAnalyticsF('IncorrectAge', (birthYear.length === 0) ? 'NotGiven' : 'Not13');
}
else {
errMsg = 'invalid birth year - ';
reportAnalyticsF && reportAnalyticsF('IncorrectAge', notGiven ? 'NotGiven' : (over130 ? 'Over130' : 'Invalid'));
}
errMsg += 'please enter the 4-digit year you were born';
Debug.log(' age = ' + age + ', errMsg = ' + errMsg, 'brentf');
}
TZ.login.displayInputValidation(sel, errMsg);
return isValid;
},
/**
* Select the text in the first visible input field, or the given one.
*
* Note: this is a utility function that should exist in BasePopup.js (which doesn't currently exist).
*/
selectFirstField: function (sel) {
var domElement = (sel) ? $(sel)[0] : $('.basePopUp').find('input:visible')[0];
domElement.focus();
domElement.select();
},
/**
* Call on document ready to initialize this component.
*/
init: function (showRegistration, completeFBRegistration) {
var self = TZ.login;
self._signInTabActive = null;
Debug.log('showRegistration = ' + showRegistration + ', completeFBReg = ' + completeFBRegistration, 'brentf');
//
// Set connected flag in the background (cannot be done after click or browser will block the Facebook popup)
//
self._connectedWithFacebook = null;
self.fb2OAuthRec(function(oAuthRec) {
TZ.login._connectedWithFacebook = oAuthRec;
});
$('#LoginPopuppopup_close_button').click(function(){
TZ.login.sendCloseAnalytics();
});
$('#LoginFacebookButton').click(function(event) {
var self = TZ.login;
Analytics.event('SigninPopup', 'LoginFacebook', TZ.request.section);
Debug.info ('login with facebook button clicked');
if (self._connectedWithFacebook) {
Debug.info('oAuthRec.registered = ' + self._connectedWithFacebook.registered);
if (self._connectedWithFacebook.registered)
self.loginWithFacebook();
else {
self.registerLinkClicked(false);
self.registerWithFacebook();
}
} else {
Debug.info('Click calling registerWithFacebook');
// Dislay Registration tab
self.registerLinkClicked(false);
// Automatically click 'Connect using Facebook' button
self.registerWithFacebook();
}
event.preventDefault();
return false;
});
$('#RegisterFacebookButton').click(function(event) {
Analytics.page('RegistrationPopup-RegisterFacebook');
Analytics.event('RegistrationPopup', 'RegisterFacebook', TZ.request.section);
TZ.login.registerWithFacebook(); // pops up FB window which calls callback on success, which calls TZ.login.facebookRegistrationComplete
event.preventDefault();
return false;
});
/*Tab Handler*/
$('#LoginPopup .tabBar a').click(function() {
TZ.login.selectTab($(this), true, true);
});
$('#LoginPopup').keydown(function(event){
if (event.keyCode == '27')
TZ.login.closePopup(true);
});
$('.register-form').keydown(function(event){
if (event.keyCode == '13') {
event.preventDefault();
$('#RegisterButton').click();
}
});
$('.login-form').keydown(function(event){
if (event.keyCode == '13') {
event.preventDefault();
$('#LoginButton').click();
}
});
/**
* Link to switch to Login tab
*/
$('#GoToSignInLink').click(function() {
Analytics.event('RegisterPopup', 'SigninLink', TZ.request.section);
TZ.login.loginLinkClicked(true);
});
/**
* Link to switch to Registration tab
*/
$('#GoToRegistrationLink').click(function() {
Analytics.event('SigninPopup', 'NotAMember');
TZ.login.registerLinkClicked(true);
});
/**
* Look up username to see if available as the user types (wait for a pause between keystrokes before lookup)
*/
tzLoginUsernameLookup = 0;
$('#regUsername').keyup(function(event) {
window.clearTimeout(tzLoginUsernameLookup); // cancel any pending lookup
tzLoginUsernameLookup = setTimeout(function() {
var userName = $('#regUsername').val(),
displaySuggestions = function (isValid) {
var msg = (isValid) ? 'available.' : TZ.login.ERROR_MSG_TAKEN;
TZ.login.displayInputValidation('#regUsername', msg, isValid);
TZ.login.displayUsernameSuggestions(isValid);
};
if (userName.length < 1)
TZ.login.hideInputValidation('#regUsername');
else if (TZ.login._takenUsernames[userName]) // check the avail username cache
displaySuggestions(!TZ.login._takenUsernames[userName]);
else if (TZ.login.validateUsername('#regUsername')) {
TZ.rpc.invoke('FindMatchingAccount', { 'name': userName }, function (taazAccount) {
var isValid = (taazAccount.status === 0);
TZ.login._takenUsernames[userName] = !isValid;
displaySuggestions(isValid);
});//FindMatchingAccount
}
}, 1500);//setTimeout (look up username at most every sec or so)
});
/**
* Validate registration fields when loses focus (for fields that are not updated as the user types)
*/
$('#regEmail').blur(function(event) { TZ.login.validateEmail('#regEmail', 'allowEmpty'); });
$('#regUsername').blur(function(event) { TZ.login.validateUsername('#regUsername', 'allowEmpty'); });
$('#regBirthYear').blur(function(event) { TZ.login.validateBirthYear('#regBirthYear', 'allowEmpty'); });
/**
* Use clicked Username Suggestion
*/
$('#regUsernameSuggestions').delegate('.regUsernameSuggestion', 'click', function(event) {
var username=$(event.target).text();
//Debug.log(' clicked to set username to ' + username, 'brentf');
$("#regUsername").val(username);
Debug.log("Set username to " + username, 'brentf');
TZ.login.hideInputValidation('#regUsername');
Analytics.event('RegistrationPopup', 'UsernameSuggestion', 'Selected');
});
/**
* Birth Year Numeric keypress filter
*/
$('#regBirthYear').keypress(TZ.login.keypressFilterNumeric(false));
/**
* Update Display "In her 20's" example
*/
var _regBirthYearKeyupTimeout = null;
$('#regBirthYear').keyup(function(event) {
var birthYearStr = $('#regBirthYear').val();
if (birthYearStr.length > 4)
$('#regBirthYear').val(birthYearStr.substr(0, 4));
else {
/* DISABLED - static example only
var roundedAge = 20;
if (birthYearStr.length == 4) {
var age = new Date().getFullYear() - birthYearStr;
if (age > 100)
age = 100;
if (age >= 30)
roundedAge = age - age % 10;
else if (age < 20 && age >= 13)
roundedAge = "teen";
}
$('#regAgeDecade').text(roundedAge);
--- end disabled birth year update */
}
window.clearTimeout(_regBirthYearKeyupTimeout); // cancel any pending lookup
_regBirthYearKeyupTimeout = setTimeout(function() { // global
TZ.login.validateBirthYear('#regBirthYear', 'allowEmpty');
}, 2500);
});
$('#LoginButton').click(function() {
var username = $("#loginUsername").val(),
password = $("#loginPassword").val();
Analytics.event('SigninPopup', 'SigninLink', TZ.request.section);
TZ.login.login(username, password);
});
/**
* Note: all this mess, but the last line, is to support the convoluted Analytics events.
*/
$('#RegisterButton').click(function() {
var pageName = '',
category = 'RegistrationPopup',
s1 = '';
if (TZ.login._showingFacebookPage) {
pageName = 'RegistrationPopup-RegistrationFacebookFinish';
s1 = 'RegistrationFacebookFinish';
}
else {
pageName = 'RegistrationPopup-RegistrationCreateTaazAccount';
s1 = 'RegisterCreateTaazAccount';
}
Analytics.page(pageName);
Analytics.event(category, s1, TZ.request.section);
TZ.login.register();
});
$('#loginForgotPassword').click(function(event) {
var email = $('#loginUsername').val(),
url = $(this).attr('href');
Analytics.event('SigninPopup', 'ForgotUsernamePassword');
$(this).attr('href', url + "?userOrEmail=" + email);
});
$('#regResetPassword').click(function(event) {
var url = $(this).attr('href');
$(this).attr('href', url + "?userOrEmail=" + $('#regEmail').val());
});
//
// Keyboard input Filters
$('#regUsername').keypress(function(event) { if (!TZ.login.validUsernameChar(event.which)) event.preventDefault(); });
$('#loginUsername').keypress(function(event) { var ch=event.which; if ((ch > 9 && ch <= 32) || ch > 126) event.preventDefault(); });
//
// Init UI:
// Go to proper Tab
//
if (showRegistration) // go to Registration tab if 'showRegistration' parameter was passed
self.registerLinkClicked(false);
if (completeFBRegistration)
self.completeFacebookRegistration();
else if (!showRegistration)
self.loginLinkClicked(false);
} //init()
}; // TZ.login
TZ.tooltip = {
outTooltip: function (e) {
TZ.events.dispatchEvent("tooltip_off");
$('#tooltip').fadeOut("fast");
$("#tooltip").remove();
},
removeToolTip : function (element) {
$(element).removeData("tz.tooltip");
}
};
(function( $ ){
var defaults = {
yOffset: 15,
tooltipOffset: 15,
arrowWidth: 25,
data: ""
};
var options = undefined;
var methods = {
init: function() {
return this.each (function() {
var $this = $(this);
if ($this.data('tz.tooltip')){
return;
}
var tooltip = undefined;
if (options.data) {
tooltip = getTooltip(options.data);
} else if ($this.attr('tooltip') != undefined){
tooltip = getTooltip($this.attr('tooltip'));
}
if (tooltip != undefined) {
$this.data('tz.tooltip',tooltip);
$this.bind('mouseenter.tooltip',show).bind('mouseleave.tooltip',hide);
}
});
},
destroy: function() {
return this.each (function() {
var $this = $(this);
hide();
$this.unbind('mouseenter.tooltip').unbind('mouseleave.tooltip').data('tz.tooltip','');
});
}
};
function show (e) {
try {
$(this).data("hover",true);
var timeOut = parseInt($(this).data('tz.tooltip').find('[data-applytimeout]').data('applytimeout'));
if(timeOut <= 0 || timeOut == undefined)
timeOut = 0;
var obj = this;
setTimeout(function (){
showTooltip(obj);
},timeOut);
} catch (ex) {
}
};
function showTooltip(obj){
try {
if($(obj).data("hover"))
{
$('#tooltip').remove();
var tooltip = $(obj).data('tz.tooltip');
$("body").append(tooltip);
var pos = $.extend({},$(obj).offset(),{width:$(obj).width(), height:$(obj).height()});
var position = calculatePosition(tooltip,pos);
$('#tooltip .tip').css("left", position.tipLeft + "px");
tooltip.css("top", position.top + "px").css("left", position.left + "px").fadeIn(100);
$('#tooltip').bind('mouseleave',hide);
var isImageTooltip = tooltip.find('[data-isimagetooltip]').data('isimagetooltip');
if (isImageTooltip==undefined) {
isImageTooltip=false;
}
if (isImageTooltip) {
TZ.AdSlot.hideAds();
$('.tip').hide();
}
}
} catch (ex) {
}
}
function hide (e) {
$(this).data("hover",false);
//var ttoffset = $('#tooltip').offset();
//if (ttoffset) {
// var ttRight = $('#tooltip').width() + ttoffset.left;
// var ttBottom = $('#tooltip').height() + ttoffset.top;
// if (e && e.pageX>=ttoffset.left && e.pageX<=ttRight && e.pageY>=ttoffset.top && e.pageY<=ttBottom)
// return;
//}
TZ.AdSlot.showAds();
$('#tooltip').stop(false,true).fadeOut(100);
$("#tooltip").remove();
};
function calculateProperPosition(scrollPosish, windowMeasurement, tooltipMeasurement) {
var windowMidpoint = Math.floor(windowMeasurement/2);
var tooltipMidpoint = Math.floor(tooltipMeasurement/2);
if (windowMidpoint - tooltipMidpoint > 0) {
return windowMidpoint - tooltipMidpoint + scrollPosish;
} else {
return scrollPosish;
}
};
function calculatePosition (tooltip,offset) {
var toolTipHeight = tooltip.outerHeight();
var toolTipWidth = tooltip.outerWidth();
var top = 0;
var left = 0;
var tipLeft = 0;
var isImageTooltip = tooltip.find('[data-isimagetooltip]').data('isimagetooltip');
if (isImageTooltip==undefined) {
isImageTooltip=false;
}
//if the tooltip is an image it should display it taking care of the current scrollbars position
if (isImageTooltip) {
top = calculateProperPosition($(window).scrollTop(), $(window).height(), toolTipHeight);
left = offset.left + offset.width;
if (left>($(window).width()-toolTipWidth)) {
left = 10;
}
tipLeft = 0;
}
//Else the tooltip is displayed on the top position
else {
top = offset.top - options.yOffset - toolTipHeight;
var leftFix = 0;
if(offset.left + toolTipWidth > $(window).width())
leftFix = (offset.left + toolTipWidth) - $(window).width();
left = offset.left + offset.width/4 - options.arrowWidth/2 - options.tooltipOffset - leftFix;
tipLeft = options.tooltipOffset + leftFix;
}
return {top: top, left: left, tipLeft: tipLeft};
};
function getTooltip (data) {
return $("").hide();
};
$.fn.tooltip = function(action,config) {
if (typeof action === 'object' || !action) {
config = action;
action = 'init';
}
options = $.extend({},defaults,config);
if ( methods[action] ) {
return methods[action].apply( this, arguments);
} else {
$.error( 'Method ' + action + ' does not exist on jQuery.tooltip' );
}
};
})( jQuery );
/*starting the script on page load*/
$(function(){
$('[tooltip]').tooltip();
});
/* Copyright 2011, Ben Lin (http://dreamerslab.com/)
* Licensed under the MIT License (LICENSE.txt).
*
* Version: 1.0.3
*
* Requires: jQuery 1.2.3+
*/
;(function(a){a.fn.extend({actual:function(b,k){var c,d,h,g,f,j,e,i;if(!this[b]){throw'$.actual => The jQuery method "'+b+'" you called does not exist';}h=a.extend({absolute:false,clone:false},k);d=this;if(h.clone===true){e=function(){d=d.filter(":first").clone().css({position:"absolute",top:-1000}).appendTo("body");};i=function(){d.remove();};}else{e=function(){c=d.parents().andSelf().filter(":hidden");g=h.absolute===true?{position:"absolute",visibility:"hidden",display:"block"}:{visibility:"hidden",display:"block"};f=[];c.each(function(){var m={},l;for(l in g){m[l]=this.style[l];this.style[l]=g[l];}f.push(m);});};i=function(){c.each(function(m){var n=f[m],l;for(l in g){this.style[l]=n[l];}});};}e();j=d[b]();i();return j;}});})(jQuery);
/*! http://mths.be/placeholder v1.8.5 by @mathias */
(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));
// Do not use this, this is for backwards compatibility.
// You can use $(el).attr('disabled',true) which is more clear.
$.fn.buttonEnable = function(value){
if (arguments.length === 0) return !$(this).attr('disabled')
if (!value) $(this).attr('disabled','disabled')
else $(this).removeAttr('disabled')
};
/**
* @author Rakesh Patel
*/
(function($){
$.fn.simpleMenu = function(menuHandler) {
var menuHandler = menuHandler;
return this.each(function() {
$(this).find('li').click( function() {
$('.simpleMenu .selected').removeClass('selected');
$(this).addClass('selected');
menuHandler(this);
} );
});
};
})(jQuery);
(function( $ ) {
'use strict';
$.widget( "taaz.simpleTabs", {
options: {
},
_create: function() {
var self = this;
self._findPanes();
var onhashchange = function(e) {
if ($.bbq.getState('t')) self.select($.bbq.getState('t'))
}
self._onhashchange = onhashchange;
$(window).bind('hashchange',onhashchange);
var cancelClick = function(e) { e.preventDefault() };
var tabClick = function(e) { self.select(this) };
self._cancelClick = cancelClick;
self._tabClick = tabClick;
self.element.children().children('a').bind('click',cancelClick);
self.element.children().bind('click',tabClick);
self.defaultSelected = self.element.children('.selected');
self.select($.bbq.getState('t') || self.defaultSelected);
},
select:function(tab) {
if (typeof tab === 'number') {
tab = this.element.children()[el];
} else if (typeof tab === 'string') {
var hash = tab.indexOf('#') < 0 ? '#' + tab : tab;
var anchor = $('a[href*='+hash+']');
tab= anchor.parent();
} else if (!(tab instanceof jQuery)) {
tab = $(tab);
} else if (!tab || !tab.length) {
return;
}
tab.addClass('selected').siblings().removeClass('selected');
var target = this._getTabTarget(tab);
for (var i in this._panes) {
this._panes[i].hide();
}
this._panes[target].show();
$.bbq.pushState({'t' : target});
},
tab:function(index) {
return $(this.element.children()[index]);
},
_findPanes:function() {
var self = this;
self._panes = {};
this.element.children().each(function(i,tab){
var name = self._getTabTarget(tab);
var targetAnchor = $('a[name='+name+']');
var pane = targetAnchor.parent();
targetAnchor.data('name',targetAnchor.attr('name'));
targetAnchor.attr('name','REMOVED');
self._panes[name] = pane;
});
},
_getTabTarget:function(tab) {
var href = $(tab).children('a').attr('href') || '';
return href.substr(href.indexOf('#') + 1) || 'UNDEFINED'
},
selected:function() {
return this.element.children('.selected');
},
widget: function() {
return this.element;
},
destroy: function() {
$('a[name=REMOVED]').each(function(i,el){
$(el).attr('name',$(el).data('name'));
})
for (var i in this._panes) {
this._panes[i].show();
}
this.element.children().removeClass('selected');
this.defaultSelected.addClass('selected');
this.element.children().children('a').unbind('click',this._cancelClick);
this.element.children().unbind('click',this._tabClick);
$(window).unbind('hashchange',this._onhashchange);
$.Widget.prototype.destroy.call( this );
},
_setOption: function( key, value ) {
$.Widget.prototype._setOption.apply( this, [key,value] );
}
});
}( jQuery ) );
'+ ( $(element).data('max') - $(element).val().length) + ' chars left
');
});
$('.checkLength').bind('keyup onpaste',(function(event) {
var $textContainer = $(event.currentTarget);
var dif = $textContainer.data('max') - $textContainer.val().length;
$textContainer.prev().text(dif + ' chars left');
if (dif>=0)
{
$($textContainer).prev().removeClass('characterExceeded');
$($textContainer).removeClass('validation_count_error').removeAttr('tooltip');
TZ.tooltip.removeToolTip($textContainer);
TZ.tooltip.outTooltip();
}
else
{
$($textContainer).prev().addClass('characterExceeded');
$($textContainer).addClass('validation_count_error').attr('tooltip','EXCEEDED CHARACTER LIMIT
Limit your '+ $textContainer.data('title') +' to '+ $textContainer.data('max') +' characters.'); $($textContainer).tooltip(); } })); } }; function flushThis(id){ var msie = 'Microsoft Internet Explorer'; var tmp = 0; var elementOnShow = document.getElementById(id); if (navigator.appName == msie){ tmp = elementOnShow.parentNode.offsetTop + 'px'; }else{ tmp = elementOnShow.offsetTop; } }; this.clean_url_fragment = function(url){ url = url.toLowerCase(); url = url.replace(/\&([^;]+)\;/,''); url = url.replace(/\s/g,'-'); url = url.replace(/[^0-9a-z_-]/g,''); url = url.substring(0,40); return url; } String.prototype.format = function() { var formatted = this; for (var i = 0; i < arguments.length; i++) { var regexp = new RegExp('{'+i+'}', 'gi'); formatted = formatted.replace(regexp, arguments[i]); } return formatted; }; function objectEquals(x, y) { for(p in y){ if(typeof(x[p])=='undefined') {return false;} } for(p in y) { if (y[p]){ switch(typeof(y[p])) { case 'object': if (!objectEquals(y[p], x[p])) { return false }; break; default: if (y[p] != x[p]) {return false; } } } else{ if (x[p]){ return false; } } } for(p in x){ if(typeof(y[p])=='undefined') {return false;} } return true; }; TZ.notification = { show:function(title, text,expires,speed){ $('#notification_container').notify("create","basic-template", { title: title, text: text }, { speed:speed, expires:expires } ); var left = $(window).width()/2 - $('#notification_container').width()/2; var top = $(window).height()/2 - $('#notification_container').height()/2; $('#notification_container').css('left',left); $('#notification_container').css('top',top); } } TZ.Form = { reset : function (id) { $(id).children().each(function(index,element){ Debug.log(element,'jpdiaz'); $(element).find('.textAreaComponent').textAreaReset(); $(element).find('.textInputComponent').textInputReset(); $(element).find('.simple_drop_down').dropDownReset(); $(element).find('.attachItem').attachReset(); $(element).find('.validateVideoComponent').videoReset(); $(element).find('.radiobutton_selected').radioButtonReset(); }); } } //RESET FUNCTIONS $.fn.textAreaReset = function() { $(this).children('textarea').val(''); }; $.fn.textInputReset = function() { $(this).children('input').val(''); }; $.fn.dropDownReset = function() { if(TZ.simpleDropDown) TZ.simpleDropDown.reset(this); }; $.fn.radioButtonReset = function() { if(TZ.RadioButton) TZ.RadioButton.reset(this); }; $.fn.attachReset = function() { if(TZ.attach) $.each(this, function(index, value){ TZ.attach.resetAttach($(value).parent()); }); }; $.fn.videoReset = function() { if(TZ.videoInput) TZ.videoInput.resetPreview($(this)); }; //Get/Set Value from any Taaz Component. $.fn.tzVal = function(value,properties){ if($(this).hasClass('textAreaComponent')) return $(this).textAreaVal(value); if($(this).hasClass('textInputComponent')) return $(this).textInputVal(value); if($(this).hasClass('simple_drop_down')) return $(this).simpleDropDownVal(value); if($(this).hasClass('radiobutton')) return $(this).radioButtonVal(value); if($(this).children(0).hasClass('radiobutton') || $(this).children(0).hasClass('radio_button_image_row')) return $(this).radioButtonGroupVal(value); if($(this).hasClass('checkbox_button')) return $(this).checkBoxVal(value); if($(this).find(':radio').size() > 0) { if (value) { var lookupItem = $(this).find("input[data='"+value+"']'")[0] if (!lookupItem) Debug.error('tzVal('+value+') called, but no value named ' + value + ' was found'); return lookupItem && lookupItem.click(); } else { return $(this).find("input:checked").attr('data'); } } //For images, get the image Id from the name tag or // Replacing the current content for a new image using an id and an array properties if($(this).find('.attachItem').length > 0) if(value!=null) { $(this).find('.attachItem').children().remove(); var image = TZ.getImageDiv(value,properties[0],properties[1],properties[2],properties[3],properties[4]); $(this).find('.attachItem').append(image); } else { return $(this).find('.inner_photo').attr('name'); } if($(this).hasClass('.sized_image')){ if(value!=null) { $(this).find('.sized_image').children().remove(); var image = TZ.getImageDiv(value,properties[0],properties[1],properties[2],properties[3],properties[4]); $(this).find('.sized_image').append(image); } else { return $(this).find('.sized_image').attr('name'); } } } //Add extra string wrap to save User account Data. function escapeQuotes(string){ string = string.replace(/'/gi,"\'"); return "'"+string+"'"; } //Escape/Unescape HTML function unescapeHTML(html) { var str = $("").html(html).text(); return str } function escapeHTML(html) { return $("").text(html).html(); } String.prototype.capitalize = function() { return this.charAt(0).toUpperCase() + this.slice(1); } /* * @update Added Delete calls - Brent (2011-12) */ TZ.topics = { createTopic:function(schemaName,topicType,properties,success_function,error_function){ var p = {schemaName:schemaName,topicType:topicType,properties:properties}; TZ.rpc.createRPC("CreateTopic",p,success_function,error_function); }, /** * Delete given topic, if current user is the owner. */ deleteTopic: function (topicId, onSuccess, onFailure) { var p = { topicId:topicId }; TZ.rpc.invoke("DeleteTopic", p, onSuccess, onFailure); }, /** * Delete given topic, if current user has content admin privileges, whether or not the owner. */ adminDeleteTopic: function (topicId, onSuccess, onFailure) { var p = { topicId:topicId }; TZ.rpc.invoke("AdminDeleteTopic", p, onSuccess, onFailure); }, /** * Delete the given topic entry (e.g., comment). */ deleteTopicEntry: function (topicId, topicEntryId, onSuccess, onFailure) { var p = { topicId:topicId, topicEntryId:topicEntryId }; TZ.rpc.invoke("AdminDeleteTopicEntry", p, onSuccess, onFailure); }, readTopic:function(rpcName,topicType,properties,success_function,error_function){ var p = {topicType:topicType,properties:properties}; TZ.rpc.createRPC(rpcName,p,success_function,error_function); }, createTrendHowTo:function(title,description,thumbData,category,subType,subtitle,steps,videoData, success_function,error_function){ var p = {videoData:videoData, steps:steps, subtitle:subtitle}; this.createTrend("howto",title,description,thumbData,category,subType, p,success_function,error_function); }, createTrendArticle:function(title,description,thumbData,category,subType,subtitle,images, template, videoData,success_function,error_function){ var p = {images:images,videoData:videoData,template:template,subtitle:subtitle}; this.createTrend("article",title,description,thumbData,category,subType, p,success_function,error_function); }, createTrendPhoto:function(title,description,thumbData,category,subType,images,success_function,error_function){ var p = {images:images}; this.createTrend("photo",title,description,thumbData,category,subType,p,success_function,error_function); }, createTrendVideo:function(title,description,thumbData,category,subType,videoData,success_function,error_function){ var p = {videoData:videoData}; this.createTrend("video",title,description,thumbData,category,subType,p,success_function,error_function); }, createTrend:function(schemaName,title,description,thumbData,category,subType,trendProperties,success_function,error_function){ var p = {title:title,description:description,thumbData:thumbData,category:category,subType:subType}; var mergedObject = $.extend({}, p, trendProperties); this.createTopic(schemaName,"trends",mergedObject,success_function,error_function); }, createAdvice:function(title,description,thumbData,images,category,subType,success_function,error_function){ var p = {title:title,description:description,thumbData:thumbData,images:images,category:category,subType:subType}; this.createTopic("advice","advice",p,success_function,error_function); }, createDeal:function(title,store,subType,couponCode,externalDealUrl,description,brand,expiration,thumbData,success_function,error_function){ var p = {title:title,store:store,subType:subType,couponCode:couponCode,externalDealUrl:externalDealUrl,description:description,brand:brand,expiration:expiration,thumbData:thumbData}; this.createTopic("deals","deals",p,success_function,error_function); }, getGallerySize:function(type,subType,filterBy,orderBy,onSuccess,onError) { var subTypeString = (subType != '')? subType+'/' : ''; var galleryUrl = '/gallery/taaz2/'+type+'/'+ subTypeString +filterBy+'/'+orderBy+'/gallery.json' ; $.getJSON(galleryUrl, onSuccess,onError); }, submitTopicToGallery:function(topicId,success_function,error_function){ var p = {topicId:topicId}; TZ.rpc.createRPC('SubmitTopicToGallery',p,success_function,error_function); } } TZ.template = { createElement:function(templateString,data){ var tc = templateString.slice(0); tc = TZ.template.processHash(tc,data); while(tc.search(/##.*?##/) != -1){ tc = tc.replace(/##.*?##/,''); } var element = $(tc); element.find('[tooltip]').tooltip(); return element; }, processHash:function(tcString,data){ for(var s in data){ if(data[s] == undefined) continue; if( data[s].constructor == Array) continue; else if( data[s].constructor == String) {} else if( data[s].constructor == Number) {} else if( data[s].constructor == Boolean) {} else if( data[s].constructor == Object){ tcString = TZ.template.processHash(tcString,data[s]); continue; } while(tcString.search("##"+s+"##") != -1){ tcString = tcString.replace("##"+s+"##",data[s].toString()); } } return tcString; } } /** * Support for social login. * * @class social * @namespace TZ * @author brent */ TZ.social = { /** * Support for Facebook login/integration. * * @class Facebook * @namespace TZ.social */ 'Facebook': { _uid: null, _auth: null, /** * Call init to enable Facebook integration. Called on every page. */ init: function(appId){ Debug.log('FB: setting up callbacks and calling init', 'brentf'); /* * Facebook Event Handlers * auth.authResponseChange - user logged in or out * auth.statusChange - a third state: connected, notConnected or unknown * edge.create/remove - user clicked a Like button * * response: * status: connected (connected, notConnected or unknown) * id * name * authResponse: * access_token: * expires: * sig: * uid: * base_domain? * scope: (only for permissions call) */ FB.Event.subscribe('authResponseChange', TZ.social.Facebook.handleStatusChange); FB.Event.subscribe('auth.login', TZ.social.Facebook.handleStatusChange); //FB.Event.subscribe('auth.statusChange', function(response){ // Debug.log('FB: -- statusChange -- : ' + response.status, "brentf"); // status: connected, notConnected, notAuthorized or unknown //}); // Note: FB doesn't send this logout event when logged out using another Tab // only sent when logged out of current tab (such as on Page reload) FB.Event.subscribe('auth.logout', function (response){ Debug.info('FB: Logged Out', "brentf"); TZ.social.Facebook._auth = null; //document.location.reload() -- don't reload -- }); /** * Intercept Like / Unlike * http://www.taaz.com/advice/skincare/how-do-you-get-rid-of-garlic-and-onion-b/1xCOrev2jHJcp9LwNmw-RD2hxEa9DdfF.html */ FB.Event.subscribe('edge.create', function (targetUrl) { Analytics.like(targetUrl); if (targetUrl.endsWith('#')) // Footer Like button uses www.taaz.com# for Facebook count, but targetUrl = TZ.request.url; // send full url to Analytics var url = targetUrl.replace(TZ.request.baseUrl, '').replace(/^\//, ''); // remove host & leading slash Analytics.event('Social', 'FacebookLike-' + url); // append s2 manually, so url doesn't get capitalized Debug.log('FB: Liked: ' + url, "brentf"); }); FB.Event.subscribe('edge.remove', function (url){ url = url.replace(TZ.request.baseUrl, '').replace(/^\//, ''); // remove host & leading slash Analytics.event('Social', 'FacebookUnlike-' + url); // append s2 manually, so url doesn't get capitalized Debug.log('FB: Un-liked: ' + url, "brentf"); }); FB.Event.subscribe('message.send', function (targetUrl){ //var url = targetUrl.replace(TZ.request.baseUrl, '').replace(/^\//, ''); // remove host & leading slash Analytics.social('facebook', 'send', targetUrl); }); //FB.Event.subscribe('fb.log', function (response){ // Debug.log('FB: Log: ' + response); //}); FB.init({ appId : appId, status : true, cookie : false, xfbml : true, // replace XFBML currently on page oauth : true // use OAuth2 }); }, /* * When any page is loaded: * Store the Facebook Uid, if a user is currently logged into facebook on some other Tab within the Browser * * Note: We DO NOT receive the Facebook User ID until access is granted to our application. */ handleStatusChange: function(response) { if (true) { //TZ.social.Facebook._uid === null) Debug.log('TZ.social.Facebook.handleStatusChange: ' + response.status, "brentf"); /*DEBUG*/ Debug.log('Facebook accessToken = ' + response.authResponse.accessToken, "brentf"); if (response.authResponse) { // user is known to our application TZ.social.Facebook._auth = response.authResponse; var fbUid = response.authResponse.userID; TZ.social.Facebook._uid = fbUid; } else { Debug.info('Not logged in to Facebook?', 'brentf'); TZ.social.Facebook._auth = null; TZ.social.Facebook._uid = null; } Debug.log('exit handleStatusChange. _uid = ' + fbUid); }//if not yet called }, accessToken : function () { var authResponse = TZ.social.Facebook._auth; Debug.log('Called TZ.social.Facebook.accessToken: authResponse.accessToken = ' + authResponse.accessToken, "brentf"); var result = (authResponse !== null); if (authResponse) result = authResponse.accessToken; return result; }, isLoggedIn: function() { return (TZ.social.Facebook._auth !== null); }, // example opts={scope: 'email'} login: function (onSuccess, onFailure, opts) { Debug.log('Calling FB.login with permissions: ' + JSON.stringify(opts)); if (TZ.social.Facebook._auth !== null) onSuccess(TZ.social.Facebook._auth); else FB.login(function(response) { //TZ.social.Facebook._auth = response.authResponse if (response.authResponse) { Debug.log('TZ.social.Facebook.login calling onSuccess'); onSuccess(response.authResponse); } else { Debug.log('TZ.social.Facebook.login failed.'); onFailure(); } }, opts ); }, //'registerUi': function () { // Debug.log('Attempting to register using: ' + "https://www.facebook.com/dialog/oauth?client_id=99187993246&redirect_uri=http://starstyler.gala.de/facebook_registration_callback&scope=email", 'brentf') // window.open("https://www.facebook.com/dialog/oauth?client_id=99187993246&redirect_uri=http://starstyler.gala.de/facebook_registration_callback&scope=email", 'Connect with Facebook', 'top=200,left=100,width=760,height=550') //}, connect: function (connectSuccess, connectFailure) { Debug.log('enter TZ.social.Facebook.connect'); TZ.social.Facebook.login(function() { Analytics.page('RegistrationPopup-RegisterFacebookAllow'); Analytics.event('RegistrationPopup', 'RegisterFacebookAllow'); // user clicked 'Allow' permissions fbUserId = TZ.social.Facebook._uid; //$.getJSON('https://graph.facebook.com/' + fbUserId, function(fbProperties) FB.api('/me', function(fbProperties) { Debug.log(' Retrieved fbProperties: ', 'brentf'); Debug.log(fbProperties, 'brentf'); var firstName = fbProperties.first_name, lastName = fbProperties.last_name, email = fbProperties.email, birthDate = fbProperties.birthday, // parse year below birthYear = ''; if (birthDate) { var bdayParts = birthDate.split('/'); birthYear = (bdayParts.length > 2) ? bdayParts[2] : ''; } fbProperties.birth_year = birthYear; // save for later, in case registration isn't completed below // Create a link to FB and save the originally-returned facebook properties + 'birth_year' TZ.rpc.invoke("SaveOAuthAccount", { 'provider': 'facebook', 'oAuthUserId': fbUserId, 'properties': fbProperties }, function(oAuthRec) { Debug.log("Facebook account authorized for use by Taaz Account (pending Taaz Account creation): " + JSON.stringify(oAuthRec)); }, function(e){ //FIX: display error message that another user is already linked to this Facebook account Debug.warn('TZ.rpc.invoke of SaveOAuthAccount failed: ' + e.error); if (connectFailure) connectFailure(e); } ); // // Change the Registration tab to show Now Connected To Facebook (still need to register with Taaz) // var photoUrl = 'https://graph.facebook.com/me/picture?access_token=' + TZ.social.Facebook.accessToken(); connectSuccess(firstName, lastName, email, birthYear, photoUrl); }); }, function() { Analytics.page('RegistrationPopup-RegisterFacebookDontAllow'); Analytics.event('RegistrationPopup', 'RegisterFacebookDontAllow'); }, { scope: 'email,user_birthday' } ); }, hideLikeButtons : function(){ $('.fb_iframe_widget').css('visibility','hidden'); }, showLikeButtons : function(){ $('.fb_iframe_widget').css('visibility','visible'); } }, // // Call to re-parse Facebook XFBML elements in popups (already done for main page by init) // parse: function(){ FB.XFBML.parse(); } }; $(function() { TZ.events.addEventListener("loginStatusChange",function(){ if(TZ.rpc.loggedIn) { $('.block_btn_sm, .block_btn_md').each(function(index, element){ TZ.profile.didIBlockYou($(element).attr('accountId'), function(flag) { if(flag) $(element).addClass('blocked').show(); }) }) } else { $('.block_btn_sm, .block_btn_md').hide().removeClass('blocked'); } }); $('.block_btn_sm, .block_btn_md').live('click', function (event) { var $blockBtn = $(this); var accountId = $blockBtn.attr('accountId'); var isAdminFunction = event.altKey; // Handle Admin function for Alt-click if (isAdminFunction) { TZ.profile.deleteAccount(accountId, "false", function () { $blockBtn.addClass('deleted'); $('#profile_box h1').append(' (DELETED)'); // show admin that successfully deleted }, function(e){ Debug.warn('Error deleting account: ' + e.error, 'brentf'); } ); } // Toggle blocked state else if ($blockBtn.hasClass('blocked')) TZ.profile.unblockUser(accountId, function () { $blockBtn.removeClass('blocked'); } ); else TZ.profile.blockUser(accountId, function () { $blockBtn.addClass('blocked'); } ); }); }); TZ.formValidation = { checkTxtLength:function (o, min, max) { if (o.val().length > max && max >0) { return "tooLong"; } if(o.val().length < min || o.val() == $(o).data('exampleText')) { return "tooShort"; } return ""; }, checkRegexp:function(o, regexp) { if($.type(o) === "string") testString = o else testString = o.val() if (!(regexp.test(testString))) { return false; } else { return true; } }, checkDate:function(o){ var reDate = /(?:0?[1-9]|1[0-2])\/(?:0?[1-9]|[12][0-9]|3[01])\/(?:19|20\d{2})/; /*allow single digits: 1/2/1975 - Brent 2011/2/21*/ if (!(TZ.formValidation.checkRegexp(o,reDate))) { return false; } else { return true; } }, checkEmail:function(o) { if (!(TZ.formValidation.checkRegexp(o, /^[a-zA-Z0-9._+-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]{2,4}$/))) { return false; } else { return true; } }, checkNumber:function(o) { if (!(TZ.formValidation.checkRegexp(o, /^[0-9]+$/))) { return false; } else { return true; } }, checkURL:function(o) { if (!(TZ.formValidation.checkRegexp(o, /^((http|https|ftp):\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/))) { return false; } else { return true; } }, setupValidateLength:function(characterLimit, field, title,displayCount){ var thisTextArea = field; thisTextArea.data('max', characterLimit).data('title', title); if(displayCount===undefined) {displayCount = true} //Display Count if(displayCount){ thisTextArea.children('div.countCheck').remove(); thisTextArea.before(''+ ( thisTextArea.data('max') - thisTextArea.val().length) + ' chars left
');
}
thisTextArea.bind('keyup onpaste',this.validateLength);
this.validateLength(null, thisTextArea, displayCount);
},
validateLength : function(event, field, displayCount) {
var $textContainer = (event == null)?field:$(event.currentTarget);
var checkCount = $textContainer.parent().find('.countCheck');
var textVal = $textContainer.parent().tzVal();
var dif = $textContainer.data('max') - textVal.length;
if(displayCount===undefined) {displayCount = true}
if(displayCount){
$(checkCount).text(dif + ' chars left');
}
if (dif>=0)
{
$(checkCount).removeClass('characterExceeded');
$($textContainer).removeClass('validation_count_error').removeAttr('tooltip');
TZ.tooltip.removeToolTip($textContainer);
TZ.tooltip.outTooltip();
}
else
{
$(checkCount).addClass('characterExceeded');
$($textContainer).addClass('validation_count_error').attr('tooltip','EXCEEDED CHARACTER LIMIT
Please limit your '+ $textContainer.data('title') +' to '+ $textContainer.data('max') +' characters.'); $($textContainer).tooltip(); } }, validateRequiredFields:function($fieldContainer) { var $requeridFields=$fieldContainer.find('.requiredField'); var errArray=[]; $.each($requeridFields, function(){ var validationLengthResult=TZ.formValidation.checkTxtLength($(this), 1, 0); if(validationLengthResult =='tooShort') errArray.push({ field: $(this), errorMessage: TZ.formValidation.capitalize(this.name) + " is required" }); } ); return errArray; }, validateLengthFields:function($fieldContainer) { var $lengthFields=$fieldContainer.find('.checkLength'); var errArray=[]; $.each($lengthFields, function(element){ var validationLengthResult=TZ.formValidation.checkTxtLength($(this), 1, $(this).data('max')); if(validationLengthResult =='tooLong') { errArray.push({ field: $(this), errorMessage: TZ.formValidation.capitalize(this.name) + " is too long" }); } } ); return errArray; }, validateEmail:function($fieldContainer) { var $emailFields=$($fieldContainer).find('.emailField'); var errArray=[]; $.each($emailFields, function(emailFieldIndex,emailField){ var recipients = new Array(); recipients = $(emailField).parent().tzVal().split(","); $.each(recipients, function(index, email) { email = $.trim(email); if (!TZ.formValidation.checkEmail(email)) { errArray.push({ field:$(emailField), errorMessage:'Please check your entry for invalid characters. Valid characters for emails are alphanumeric, "@", or "." Emails can be joined with commas.' }); $(emailField).addClass('emailInvalid'); $(emailField).addClass('validation_error').attr('tooltip','Email Invalid
Please check your entry for invalid characters.
Valid characters for emails are alphanumeric, "@", or "."
Emails can be joined with commas.
'); $(emailField).tooltip(); } } ); } ); return errArray; }, validateNumbers:function($fieldContainer){ var $fields=$fieldContainer.find('.numericField'); var errArray=[]; $.each($fields, function(fieldIndex){ var field = $fields[fieldIndex]; if (!TZ.formValidation.checkNumber($(this))) { errArray.push({ field:$(this), errorMessage:"Invalid Number" }); } }); return errArray; }, //validate user age based on YYYY validateAge:function($fieldContainer){ var $fields=$fieldContainer.find('.ageField'); var errArray=[]; $.each($fields, function(fieldIndex){ var field = $fields[fieldIndex]; if (TZ.formValidation.checkNumber($(this))) { d = new Date; var year = parseInt($(field).parent().tzVal()); var currentYear = parseInt(d.getUTCFullYear()); var age = currentYear - year; if (year < 1900 || year > currentYear) { errArray.push({ field:$(this), errorMessage: "Invalid Year" }) } else if(age < 13 ) { errArray.push({ field:$(this), errorMessage:"Invalid Age" }); } } else { errArray.push({ field:$(this), errorMessage:"Invalid Number" }); } }); return errArray; }, validateURL:function($fieldContainer) { var $urlFields=$fieldContainer.find('.urlField'); var errArray=[]; $.each($urlFields, function(checkURL){ if (!TZ.formValidation.checkURL($(this))) { errArray.push({ field:$(this), errorMessage:"Invalid URL" }); } } ); return errArray; }, validateVideoUrl: function($fieldContainer) { var $videoUrlFields=$fieldContainer.find('.videoUrlField'); var errArray=[]; $.each($videoUrlFields, function(checkVideoURL){ if ($(this).textInputVal() !='' && !($(this).parent().hasClass('videoDataLoaded'))) { $(this).find('input').data('tooltip','Invalid video URL'); errArray.push({ field:$(this).find('input'), errorMessage:"Invalid video URL" }); } } ); return errArray; }, validateDate:function($fieldContainer) { var $dateFields=$fieldContainer.find('.dateField'); var errArray=[]; $.each($dateFields, function(checkDate){ var $tempDateField=$(this); if ($tempDateField.val().length>0) { if (!TZ.formValidation.checkDate($tempDateField)) { errArray.push({ field:$tempDateField, errorMessage:"Invalid Date" }); } } } ); return errArray; }, validateSelection:function($fieldContainer){ var $selectionFields=$fieldContainer.find('.radiobutton'); var count = 0; var errArray=[]; $.each($selectionFields, function(selection){ if($(this).hasClass('radiobutton_selected')) count += 1; }); if(count==0) { $.each($selectionFields,function(){ var $tmpSelection = $(this); errArray.push({ field:$tmpSelection, errorMessage:"select one" }); }); } return errArray; }, equalValue:function(field1,field2) { if (field1.val()==field2.val()){ return true; } return false; }, capitalize:function(word){ return word.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } ); }, validate:function($fieldContainer,otherErrorsArray){ if (otherErrorsArray===undefined) { otherErrorsArray=[]; } $fieldContainer.find('span.validation_error').remove(); $fieldContainer.find('.validation_error').removeClass('validation_error'); var textLengthRequiredErrors=TZ.formValidation.validateRequiredFields($fieldContainer); var textLengthFieldsErrors=TZ.formValidation.validateLengthFields($fieldContainer); var emailFieldsErrors=TZ.formValidation.validateEmail($fieldContainer); var urlFieldsErrors=TZ.formValidation.validateURL($fieldContainer); var videoUrlFieldsErrors = TZ.formValidation.validateVideoUrl($fieldContainer); var dateFieldsError=TZ.formValidation.validateDate($fieldContainer); var radioFieldError=TZ.formValidation.validateSelection($fieldContainer); var numericFieldError=TZ.formValidation.validateNumbers($fieldContainer); var ageFieldError=TZ.formValidation.validateAge($fieldContainer); var allErrorsArray= textLengthFieldsErrors.concat(emailFieldsErrors,dateFieldsError,otherErrorsArray,textLengthRequiredErrors,urlFieldsErrors,videoUrlFieldsErrors,radioFieldError,numericFieldError,ageFieldError); TZ.formValidation.showErrors(allErrorsArray); return (allErrorsArray.length==0); }, showErrors:function(errorsArray){ if(!errorsArray.length>0) {return;} for (var errorIndex in errorsArray) { var singleError = errorsArray[errorIndex]; $(singleError.field).addClass('validation_error'); var tt = $(singleError.field).attr('tooltip'); if (singleError.useMyMsgAsTooltipText) { $(singleError.field).attr('tooltip','REQUIRED FIELD
'+singleError.errorMessage); } else { if(!$(singleError.field).attr('tooltip')) { if($(singleError.field).data('title')) $(singleError.field).attr('tooltip','REQUIRED FIELD
Please enter a '+$(singleError.field).data('title')); if($(singleError.field).data('tooltip')) { $(singleError.field).attr('tooltip','REQUIRED FIELD
'+$(singleError.field).data('tooltip')); } } } $(singleError.field).tooltip(); } //TZ.tooltip.tooltip(); } }; $.fn.textInputVal = function(value) { if (value != null) { $(this).children('input').val(unescapeHTML(value)); } else { if($(this).children('input').val() == $(this).children('input').data('exampleText')) return ''; else return $(this).children('input').val(); } }; $.fn.textAreaVal = function(value) { if (value != null) { $(this).children('textarea').val(unescapeHTML(value)); } else { if($(this).children('textarea').val() == $(this).children('textarea').data('exampleText')) return ''; return $(this).children('textarea').val(); } }; $.fn.textFieldRequired = function(value) { if (value) { $(this).children('input').addClass('requiredField'); } else { $(this).children('input').removeClass('requiredField'); } }; $.fn.textFieldCheckLength = function(value) { if (value) { $(this).children('input').addClass('checkLength'); } else { $(this).children('input').removeClass('checkLength'); } }; $.fn.textFieldUrlField = function(value) { if (value) { $(this).children('input').addClass('urlField'); } else { $(this).children('input').removeClass('urlField'); } }; TZ.textFields = { hintText : function(el, text) { el.data("exampleText", text); el.val(text); el.focus(function() { if (el.val() == text) el.val(''); el.addClass('onfield'); }); el.blur(function() { if (el.val() == '') { el.val(text); el.removeClass('onfield'); } }); }, noHintText: function(el){ el.addClass('onfield'); } }; $(function(){ $('.textInputComponent input').change(function(){ TZ.events.dispatchEvent('content_changed',this); }); $('.textAreaComponent textarea').change(function(){ TZ.events.dispatchEvent('content_changed',this); }); }); TZ.ratings = { typeCallbacks:{}, addRatingCallback:function(cssClass,f){ TZ.ratings.typeCallbacks[cssClass] = f; }, onRatingCallback:function(el){ for (var cb in TZ.ratings.typeCallbacks){ if($(el).hasClass(cb)){ TZ.ratings.typeCallbacks[cb](el); } } }, loadRatings:function(topic){ //var stars_position = [0,21,35,50,65,90]; var topicRPCq = []; $('.fetch_rating').each(function(index,el){ topicRPCq.push({topic:$(el).attr('title'),objectID:$(el).attr('id')}); $(el).removeClass('fetch_rating'); }); //*comment this out once rpc is done var o = []; for(var x in topicRPCq){ var t = topicRPCq[x]; if (TZ.random(10) > 6) { o.push({enum_value:TZ.random(5,1),objectID:t.objectID}); } } // comment end //TZ.rpc.createRPC('GetMultiTopicVotes',{elements:topicRPCq},function(o){ for(var ri in o){ var rating = o[ri]; var q ='.rating_object:[id*="'+ rating.objectID +'"]'; $(q).attr('value',rating.enum_value); TZ.ratings.onRatingCallback(q); } //}); }, setRating:function(topic,identifier,enum_value){ //TZ.rpc.createRPC('rateItem',{topic:topic,id:identifier,value:enum_value}); }, starsInit:function(){ var stars_position = [0,21,35,50,65,90]; TZ.ratings.addRatingCallback('star_object',function(el){ var r = $(el).attr('value'); $(el).children('.stars_highlight').css('width',stars_position[r]); }); $('.star_selector').live('mouseenter',function(event){ $(event.currentTarget).parent().prev().css('width',stars_position[$(this).index()+1]); }); $('.star_selector').live('mouseleave',function(event){ var ix = $(event.currentTarget).parent().parent().attr('value'); if(ix==null){ $(event.currentTarget).parent().prev().css('width',0); return; } $(event.currentTarget).parent().prev().css('width',stars_position[ix]); }); $('.star_selector').live('click',function(event){ var star_index = $(this).index()+1; var p = $(event.currentTarget).parent().parent(); p.attr('value',star_index); TZ.ratings.setRating(p.attr('title'),p.attr('id'),p.attr('value')); }); } }; $( function(){ TZ.help.titleShowMoreSetUp(); } ); TZ.help = { titleShowMoreSetUp:function() { $('.title_show_more .title_show_more_title').bind('click',function() { var current_title$=$(this); var current_title_component$=current_title$.parent(); var current_description$=current_title_component$.find('.title_show_more_description'); if (current_description$.is(":visible")) { current_title$.removeClass('title_show_more_title_selected'); current_description$.removeClass('title_show_more_description_selected'); } else { current_title$.addClass('title_show_more_title_selected'); current_description$.addClass('title_show_more_description_selected'); } } ); } }; /** * Support for Google Analytics * * @class Analytics * * Usage: * Analytics.page('my/page/label'); * Analytics.event('SigninPopUp', 'TopBarSignIn') */ Analytics = { DEBUG: true, // false for normal operation, true to block calls to Google and instead display a brief pop-up DEBUG_USER: 'brentf|timm', pageFunction: function(item){}, // handler for Analytics callbacks, set with setPageCallback() init: function () { $('.analytics').live('click',function(){ if(Analytics.pageFunction) Analytics.pageFunction(this); }) }, /** * Call to track the loading of a page. */ page: function (page) { Analytics._postMsg(['_trackPageview', page]); }, setPageCallback: function(callback_function){ if(callback_function) Analytics.pageFunction = callback_function; }, /** Takes in a data object and runs it through the pageFunction. This allows central processing on straight data items * that don't have a corresponding element. */ pageEvent: function(hashObject){ if(!hashObject) return; var p = $('').data('analytics',hashObject); Analytics.pageFunction(p); }, /** * Call to track a generic event. * * @param category String required * @param s1 String required * @param s2 String if given, s2 and s3 are combined into a single GA action field: s1-s2-s3 * @param label String * @param intVal int optional numeric data to log */ event: function (category, s1, s2, s3, label, intVal) { if (!category) return Debug.error('ERROR: Analytics.event() missing required Category field!'); if (!s1) return Debug.error('ERROR: Analytics.event('+category+',";
x += "";
x += "
";
return $(x);
};
TZ.getImageToolTip = function(imageId){
var profile = '';
var dim = 500;
var format = "jpg";
var scaleSize = false;
var alt = 'IMG';
var rdim = dim;
if (dim < 150){
rdim = 25 * (Math.floor(dim/25) + 1)
} else{
rdim = 50 * (Math.floor(dim/50) + 1)
}
var url;
if(imageId[0] == '@') profile = 'profile/';
if(rdim > 1000) url = "http://starstyler.gala.de/images/"+ profile + imageId + ".jpg";
else url = "http://starstyler.gala.de/images/" + profile + "R"+ rdim + "H"+ rdim + "W/" + imageId + "." + format;
return $("" +
"" +
"";
for (var i = startPage; i <= endPage; i++) {
if (i != startPage) body += "";
if (i == this.pageOn) {
body += "
";
$(this.target).find('div.paginator').append(body);
$(this.target).find('div.paginator .pag_btn').click( function() {
var firstPage = $(this).find("a.first_page");
if (firstPage.length>0) {
self.gotoPage(0);
return;
}
var lastPage = $(this).find("a.last_page");
if (lastPage.length>0) {
self.gotoPage(self.numPages - 1);
return;
}
var prevPage = $(this).find("a.prev_page");
if (prevPage.length>0) {
self.gotoPage(self.pageOn - 1);
return;
}
var nextPage = $(this).find("a.next_page");
if (nextPage.length>0) {
self.gotoPage(self.pageOn + 1);
return;
}
});
$(this.target).find('div.paginator .pag_btn').hover(function() {
$(this).find("a").addClass("paginatorButtonHover");
}, function() {
$(this).find("a").removeClass("paginatorButtonHover");
});
$(this.target).find('div.paginator_index').click( function() {
var paginatorIndexAChildren = $(this).find("a");
if (paginatorIndexAChildren.length>0) {
self.gotoPage(parseInt(paginatorIndexAChildren.text()) - 1);
}
});
}
});
/*
* TZTrendsRotator
* This class has a corresponding erb called TrendBar, styling applies to both
*/
TZTrendsRotator = function(itemLength) {
this.init(itemLength);
}
$.extend(TZTrendsRotator.prototype, {
itemLength:0,
count:0,
allTrends:[],
spinTimer:null,
init:function (itemLength) {
var instance = this;
this.itemLength = itemLength;
this.count = Math.floor( 1000 / this.itemLength);
var sortPos = 0;
var trend_count = $('.trend_item').length;
for(var i=0;i" + (i+1) + "
";
} else {
body += "";
}
}
body += "of
" +
"" +
"' + field.data('videoTitle') + '
');
field.addClass('videoDataLoaded');
field.find('.videoPreview').slideDown('medium');
},
resetPreview: function(field) {
//field.find('.videoPreview .scwContainer').html('');
field.find('.videoPreview .scwContainer').spinner();
field.data('thumb', null);
field.data('videoTitle', null);
field.data('id', null);
field.data('site', null);
field.find('.videoPreview').data('haveThumb', false);
field.find('.videoPreview').data('unlocked',false);
field.find('.videoPreview').slideUp('medium');
field.find('.videoPreview').css('display','none');
field.removeClass('videoDataLoaded');
}
};
TZ.adviceItem = {
updateVotes:function(votesObject){
var voteTotal = 0;
for (var targetVotes in votesObject) {
if (votesObject[targetVotes]['SelectIt'] != undefined) {
voteTotal = TZ.vote.totalVotes(votesObject[targetVotes]['SelectIt']);
$("#" + targetVotes + " .total_answers").text(voteTotal + " Votes");
}
}
$(".total_answers").show();
}
};
/*
* jQuery Notify UI Widget 1.4
* Copyright (c) 2010 Eric Hynds
*
* http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
*
* Depends:
* - jQuery 1.4
* - jQuery UI 1.8 widget factory
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function($){
$.widget("ech.notify", {
options: {
speed: 500,
expires: 3000,
stack: 'below',
custom: false
},
_create: function(){
var self = this;
this.templates = {};
this.keys = [];
// build and save templates
this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(i){
var key = this.id || i;
self.keys.push(key);
self.templates[key] = $(this).removeAttr("id").wrap("").parent().html(); // because $(this).andSelf().html() no workie
}).end().empty().show();
},
create: function(template, msg, opts){
if(typeof template === "object"){
opts = msg;
msg = template;
template = null;
}
var tpl = this.templates[ template || this.keys[0]];
// remove default styling class if rolling w/ custom classes
if(opts && opts.custom){
tpl = $(tpl).removeClass("ui-notify-message-style").wrap("").parent().html();
}
// return a new notification instance
return new $.ech.notify.instance(this)._create(msg, $.extend({}, this.options, opts), tpl);
}
});
// instance constructor
$.extend($.ech.notify, {
instance: function(widget){
this.parent = widget;
this.isOpen = false;
}
});
// instance methods
$.extend($.ech.notify.instance.prototype, {
_create: function(params, options, template){
this.options = options;
var self = this,
// build html template
html = template.replace(/%(?:\{|%7B)(.*?)(?:\}|%7D)/g, function($1, $2){
return ($2 in params) ? params[$2] : '';
}),
// the actual message
m = (this.element = $(html)),
// close link
closelink = m.find(".ui-notify-close");
// clickable?
if(typeof this.options.click === "function"){
m.addClass("ui-notify-click").bind("click", function(e){
self._trigger("click", e, self);
});
}
// show close link?
if(closelink.length){
closelink.bind("click", function(){
self.close();
return false;
});
}
this.open();
// auto expire?
if(typeof options.expires === "number"){
window.setTimeout(function(){
self.close();
}, options.expires);
}
return this;
},
close: function(){
var self = this, speed = this.options.speed;
this.element.fadeTo(speed, 0).slideUp(speed, function(){
self._trigger("close");
self.isOpen = false;
});
return this;
},
open: function(){
if(this.isOpen || this._trigger("beforeopen") === false){
return this;
}
var self = this;
this.element[this.options.stack === 'above' ? 'prependTo' : 'appendTo'](this.parent.element).css({ display:"none", opacity:"" }).fadeIn(this.options.speed, function(){
self._trigger("open");
self.isOpen = true;
});
return this;
},
widget: function(){
return this.element;
},
_trigger: function(type, e, instance){
return this.parent._trigger.call( this, type, e, instance );
}
});
})(jQuery);
TZ.email = {
sendEmail:function(mail,success_function,error_function) {
TZ.rpc.createRPC("SendEMails",mail,success_function,error_function);
},
createEmail:function(senderEmail,recipients,subject,templateArguments,htmlTemplate,textTemplate,success_function,error_function,category) {
var emailObj={
htmlTemplate:htmlTemplate,
textTemplate:textTemplate,
recipients:recipients,
templateArguments:templateArguments,
mailHeaders:
{
"from" : senderEmail,
"subject" : subject
}
};
if (category) emailObj.mailHeaders["X-SMTPAPI"] = '{"category" : "' + category + '","filters": {"ganalytics":{"settings": {"enable":1,"utm_source" : "SendGrid","utm_medium":"Email","utm_campaign":"SG-' + category + '"}}}}';
TZ.email.sendEmail(emailObj,success_function,error_function);
},
getRecipients:function(stringWithRecipients) {
var emailRegExp= /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var recipients = new Array();
recipients = stringWithRecipients.split(",");
for (var index = 0, length = recipients.length; index < length; ++index) {
recipients[index]=$.trim(recipients[index]);
if (emailRegExp.test(recipients[index])) {
recipients[index]='@' + recipients[index];
}
}
return recipients;
}
}
// This class provides methods to save and load persistent json data for logged in users.
// Please specify type parameter when you save the json data, you can use it to retrieve your json data later. typeId is not necessary.
TZ.accountJSON = {
saveJSONData:function(type,typeId,accountId,visibility,JSONData,success_function,error_function){
// no need to specify accountId
tempOb = {dataSpec:{type:type,accountId:accountId,typeId:typeId,visibility:visibility},dottedPath:"",jsonData:JSONData};
TZ.rpc.createRPC("SaveAccountJSONData",tempOb,success_function,error_function);
},
readJSONData:function(type,typeId,accountId,visibility,success_function,error_function){
tempOb = {dataSpec:{type:type,accountId:accountId,typeId:typeId,visibility:visibility},dottedPath:""};
TZ.rpc.createRPC("GetAccountJSONData",tempOb,success_function,error_function);
},
saveTopic:function(topicType,properties,success_function,error_function){
tempOb = {type:topicType,properties:properties,id:'', accountId:TZ.rpc.accountId,accountName:'',creationTS:'',rating:'',numEntries:0};
TZ.accountJSON.saveJSONData(topicType, '', '', 1, tempOb, success_function, error_function);
},
saveAdvicePreview:function(title,description,thumbData,images,category,subType,success_function,error_function){
properties = {title:title,description:description,thumbData:thumbData,images:images,category:category,subType:subType};
TZ.accountJSON.saveTopic('advice_preview', properties, success_function, error_function);
},
getAdvicePreview:function(success_function,error_function){
TZ.accountJSON.readJSONData('advice_preview', '', '', 1, success_function, error_function);
},
saveTrendPreview:function(trendProperties, success_function, error_function){
trendProperties.accountName = TZ.rpc.username;
TZ.accountJSON.saveTopic('trend_preview', trendProperties, success_function, error_function);
},
getTrendPreview:function(success_function,error_function){
TZ.accountJSON.readJSONData('trend_preview', '', '', 1, success_function, error_function);
}
}
/*
* TZ.profile
* TZ.profile class manage user profile information
* Author: JDiaz(jdiaz@taaz.com)
* Date: 07-06-2011
*/
TZ.profile = {
settings:{},
//
// Create the user's initial profile
//
create: function (firstName, lastName, profileImageId, birthYear, gender, subscribed) {
if (!gender)
gender = 'f'
//
// Private Profile
//
var privateJson = {
'birthyear' : birthYear /* save Birthdate to private profile */
};
var dataSpec = { "type": "profile", "typeId": "", "visibility" : 0, "accountId" : TZ.rpc.accountId };
var args = { "dataSpec": dataSpec, "dottedPath": "", "jsonData": privateJson };
TZ.rpc.createRPC('SaveAccountJSONData', args, function(profile){Debug.log('created PRIVATE Profile');Debug.log(profile, "brentf")}, null);
//
// Public Profile
//
var json = {
firstName : firstName,
lastName : lastName,
gender : gender,
birthyear : birthYear,
location : "",
eyeColor : "",
skinType : "",
skinTone : "",
hairColor : "",
hairType : "",
hairLength : "",
newsletter : !!subscribed
};
if (profileImageId) { // leave out for Server to fill in, if not specified (currently, just from Facebook)
json.profileImage = profileImageId; // store as user's profile image
TZ.imageManager.addImage(profileImageId, 'Facebook Profile Photo', true); // set owner (add to this user's list of images)
}
dataSpec.visibility = 1;
args.jsonData = json;
Debug.log(dataSpec, "brentf")
TZ.rpc.createRPC('SaveAccountJSONData', args, function(spec){Debug.log('created PUBLIC Profile');Debug.log(spec, "brentf");}, function(e){Debug.log('Error creating profile: ' + Debug.toString(e));});
},
//Get all the user settings.
getAccountSettings: function(visibility,success_callback,fail_callback){
if(TZ.rpc.username) {
TZ.accountJSON.readJSONData('profile', "", "", visibility,
function(settings){
if(success_callback) success_callback(settings);
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else
{
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
//TZ.profile.setAccountSettings()
setAccountSettings:function(jsonSettings,visibility,success_callback, fail_callback) {
if(TZ.rpc.username) {
TZ.accountJSON.saveJSONData("profile", "", "", visibility, jsonSettings,
function(o) {
if(success_callback) success_callback();
}, function(o){
if(fail_callback) fail_callback(o);
}
);
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
getAccountDetails: function(success_callback,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("GetAccountDetails",{accountId:TZ.rpc.accountId},
function(profile) {
if(success_callback) success_callback(profile);
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
getAccount: function(visibility, success_callback ,fail_callback){
TZ.profile.getAccountSettings(visibility,
function(settings) {
if (visibility == TZ.PRIVATE) {
TZ.profile.getAccountDetails(function(profile){
var account = {};
$.extend(account, settings, profile);
if (success_callback)
success_callback(account);
}, function(error){
if (fail_callback)
fail_callback();
})
} else {
if (success_callback)
success_callback(settings);
};
},
function(error){
if(fail_callback) fail_callback();
});
},
getEmailCadence:function(success_callback ,fail_callback){
tempOb = {dataSpec:{"type":"profile"},dottedPath:"Notifications.EMailCadence"};
TZ.rpc.createRPC("GetAccountJSONData",tempOb,success_callback,fail_callback);
},
setAccountProperty:function(dottedPath,jsonData,visibility,success_function,error_function)
{
var tempOb = {dataSpec:{type:'profile',accountId:"",typeId:"",visibility:visibility},dottedPath:dottedPath,jsonData:escapeQuotes(jsonData)};
TZ.rpc.invoke("SaveAccountJSONData",tempOb,success_function,error_function);
},
setProfileImage: function(imageId,success_function, error_function){
Debug.log('setProfileImage: ' + imageId, 'brentf');
this.setAccountProperty('profileImage', imageId, TZ.PUBLIC, success_function, error_function);
},
setNewsletterSubscription : function(subscribed,success_function, error_function) {
this.setAccountProperty('newsletter', subscribed, TZ.PUBLIC, success_function, error_function);
},
setNotificationsSettings : function(notificationsSettingsCadence,success_function, error_function) {
var tempOb = {dataSpec:{type:'profile'},dottedPath:"Notifications.EMailCadence",jsonData:notificationsSettingsCadence};
TZ.rpc.invoke("SaveAccountJSONData",tempOb,success_function,error_function);
},
changeMyPassword: function(oldPassword,newPassword, success_callback ,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("ChangeMyPassword",{
oldPassword: oldPassword,
newPassword: newPassword
}
,function(o) {
if(success_callback) success_callback();
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
updateMyAccount: function(newEmail, success_callback ,fail_callback){
if(TZ.rpc.username) {
TZ.rpc.invoke("UpdateMyAccount",{newEmail:newEmail},function(o) {
if(success_callback) success_callback();
},
function(o){
if(fail_callback) fail_callback(o);
});
}
else {
if(fail_callback) fail_callback({error:"user not logged in."});
}
},
//Profile photos & makeovers stuff
photosLoaded : false,
makeoversLoaded : false,
defaultUserPhotos: [],
allPhotos:[],
allMakeovers:[],
GetAccountPhotos : function (accountId,success_callback ,fail_callback) {
if(accountId && accountId == TZ.rpc.accountId) TZ.imageManager.loadMyImages(success_callback,fail_callback);
else TZ.imageManager.loadImages(accountId,success_callback,fail_callback);
},
getPhotos: function(accountId,success_callback ,fail_callback){
TZ.profile.GetAccountPhotos(accountId,
function(images) {
TZ.profile.updatePhotos(images);
if(success_callback) success_callback();
},
function(o){
TZ.profile.photosLoaded = false;
if(fail_callback) fail_callback();
});
},
getRandomUserPhoto: function(){
var index = Math.floor(Math.random()*4);
return this.defaultUserPhotos[index];
},
updatePhotos : function(images) {
//only images, no makeovers
TZ.profile.loadImages(images);
TZ.profile.photosLoaded = true;
TZ.events.dispatchEvent("profilePhotosLoaded");
},
loadImages : function(images) {
TZ.profile.allPhotos = TZ.profile.getOnlyImages(images);
},
getOnlyImages : function(images) {
return $.grep(images.entries,function(image) {
return image.imageId==image.objectId;
});
},
getPhotoByImageId : function(imageId) {
var tempPhotos = $.grep(TZ.profile.allPhotos,function(image) {
return image.imageId==imageId;
});
if (tempPhotos.length>0) {
return tempPhotos[0];
} else {
return {};
}
},
isPhotoOwner: function(accountId,imageId,success_callback ,fail_callback){
var isPhotoOwner=false;
var imageTemp=$.grep(TZ.profile.allPhotos,function(image) {
return image.imageId==imageId;
});
this.GetAccountPhotos(accountId,
function(images) {
var tempImgs = $.grep(images.entries,function(image) {
return image.imageId==imageId;
});
if (tempImgs.length>0) {
isPhotoOwner=true;
}
if(success_callback) success_callback(isPhotoOwner,imageTemp[0]);
},
function(o){
if(fail_callback) fail_callback(o);
});
},
getMakeoverByObjectId : function(objectId) {
var tempMakeovers = $.grep(TZ.profile.allMakeovers,function(image) {
return image.objectId==objectId;
});
if (tempMakeovers.length>0) {
return tempMakeovers[0];
} else {
return {};
}
},
getMakeovers : function(accountId,success_callback ,fail_callback){
this.GetAccountPhotos(accountId,
function(images) {
TZ.profile.updateMakeovers(images);
if(success_callback) success_callback();
},
function(o){
TZ.profile.photosLoaded = false;
if(fail_callback) fail_callback();
});
},
updateMakeovers : function(images) {
//only makeovers, no photos
TZ.profile.loadMakeovers(images);
TZ.profile.makeoversLoaded = true;
TZ.events.dispatchEvent("profileMakeoversLoaded");
},
loadMakeovers : function(images) {
TZ.profile.allMakeovers = TZ.profile.getOnlyMakeovers(images);
},
getOnlyMakeovers : function(images) {
return $.grep(images.entries,function(image) {
return (image.imageId!=undefined && (image.imageId!=image.objectId));
});
},
isMakeoverOwner: function(accountId,objectId,success_callback ,fail_callback){
var isMakeoverOwner=false;
var imageTemp=$.grep(TZ.profile.allMakeovers,function(image) {
return image.objectId==objectId;
});
this.GetAccountPhotos(accountId,
function(images) {
var tempImgs = $.grep(images.entries,function(image) {
return image.objectId==objectId;
});
if (tempImgs.length>0) {
isMakeoverOwner=true;
}
if(success_callback) success_callback(isMakeoverOwner,imageTemp[0]);
},
function(o){
if(fail_callback) fail_callback(o);
});
},
//END Profile photos & makeovers stuff
forgottenPassword:function(nameOrEmail,success_callback ,fail_callback){
TZ.rpc.invoke("ForgotPassword",{'nameOrEmail':nameOrEmail},success_callback ,fail_callback);
},
resetPassword: function(newPassword,token, success_callback ,fail_callback)
{
TZ.rpc.invoke("ResetPassword",{'newPassword':newPassword, 'token':token},success_callback ,fail_callback);
},
/**
* Delete current user's account
*/
removeAccount: function(){
if (TZ.rpc.username) {
TZ.rpc.invoke("DeleteMyAccount",{'accountId':TZ.rpc.accountId}, function(o){
TZ.rpc.invoke("logoutUser", null, function(o) {
TZ.rpc.refreshLoginStatus();
});
});
}
},
/**
* Delete given user (and all record of the username, if 'keepUserName' is set).
* Current user must have content-admin privileges.
*/
deleteAccount: function (accountId, keepUsername, onSuccess, onFailure) {
if (accountId[0] != '@')
accountId = '@' + accountId;
var reuseName = !keepUsername;
var p = {
accountId : accountId,
freeUpName: reuseName.toString()
};
Debug.log('Deleting account ' + accountId);
TZ.rpc.invoke( 'AdminDeleteAccount', p, onSuccess, onFailure);
},
blockUser: function (accountId, onSuccess, onFailure) {
TZ.rpc.invoke( 'BanAccount', {accountId : accountId}, onSuccess, onFailure);
},
unblockUser:function(accountId, onSuccess, onFailure){
TZ.rpc.invoke( 'UnbanAccount', {accountId : accountId}, onSuccess, onFailure);
},
didIBlockYou:function(accountId,success_callback ,fail_callback){
var flag = false;
this.getMyBans(
function(myBlocks){
if ($.inArray(accountId, myBlocks) != -1) {
flag = true;
}
if(success_callback)
success_callback(flag);
},fail_callback);
},
getMyBans:function(success_callback ,fail_callback){
TZ.rpc.invoke(
'GetMyBans',
{},
function(result) {
if(success_callback) success_callback(result);
},
function(e) {
if(fail_callback) fail_callback(e);
});
},
getMyFollowers: function(successCallback,errorCallback){
if(TZ.rpc.loggedIn) {
tempOb = {accountId:TZ.rpc.accountId};
TZ.rpc.invoke("GetMyFollows",tempOb,function(followedAccountIds) {
if(successCallback) { successCallback(followedAccountIds); }
}, function(errorObject) {
if(errorCallback){ errorCallback(errorObject); }
});
}
},
follow: function(accountId,successCallback,errorCallback) {
if(TZ.rpc.loggedIn) {
tempOb = {accountId:accountId};
TZ.rpc.invoke("FollowAccount",tempOb,function(responseObj) {
if(successCallback) { successCallback(); }
}, function(errorObject) {
if(errorCallback) { errorCallback(); }
Debug.log(errorObject, 'jpdiaz');
});
} else
{
TZ.popupHandler.loadSignInRequiredPopup();
}
},
unfollow: function(accountId,successCallback,errorCallback) {
tempOb = {accountId:accountId};
TZ.rpc.invoke("UnfollowAccount",tempOb,function(responseObj) {
if(successCallback) { successCallback(); }
}, function(errorObject) {
if(errorCallback) { errorCallback(); }
Debug.log(errorObject, 'jpdiaz');
});
},
stringify : function (obj) {
var t = typeof (obj);
if (t != "object" || obj === null) {
// simple data type
if (t == "string") obj = '"'+obj+'"';
return String(obj);
}
else {
// recurse array or object
var n, v, json = [], arr = (obj && obj.constructor == Array);
for (n in obj) {
v = obj[n]; t = typeof(v);
if (t == "string") v = '"'+v+'"';
else if (t == "object" && v !== null) v = JSON.stringify(v);
json.push((arr ? "" : '"' + n + '":') + String(v));
}
return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
}
}
}
//Get default Images
$(function(){
TZ.profile.defaultUserPhotos = [];
TZ.profile.GetAccountPhotos('@nullphoto',
function(result)
{
$(result.entries).each(function(index,element){TZ.profile.defaultUserPhotos.push(element.imageId);});
});
});
TZ.imageManager = {
myImages:{},
imageList:[],
makeoverList:[],
imagesLoaded:false,
loadImages:function(accountId,callback,onError){
TZ.rpc.createRPC('GetAccountJSONArrayPage',{dataSpec:{type:'image-list',accountId:accountId,typeId:"",visibility:false},query:"",offset:0,maxEntries:-1},
callback,onError);
},
loadMyImages:function(callback,onError){
if(TZ.imageManager.imagesLoaded == false){
TZ.imageManager.imagesLoaded = true;
TZ.imageManager.loadImages('',onSuccessF,onError);
}
else callback(TZ.imageManager.myImages)
function onSuccessF(images){
images.entries.sort(function(a,b){
if(!a.itemOrder) a.itemOrder = 0;
if(!b.itemOrder) b.itemOrder = 0;
return (a.itemOrder < b.itemOrder)?-1:1;
});
images.entries = images.entries.reverse();
var image;
TZ.imageManager.imageList = [];
TZ.imageManager.makeoverList = [];
for(var i=0;i" + data + "