").attr("id", "tag-soup");
$j.each(arrayOfTags, function(i, tagObj)
{
var formatted_tag_name = formatTagName(tagObj.tag_name, tagObj.cloud_step);
var tag_link = $j("").html(formatted_tag_name).attr("href", main_site + "/s/tag/" + tagObj.tag_name + "/");
var tag_table_cell = $j("").append(tag_link);
tag_table_cell.attr("id", "other-tags-" + tagObj.tag_id)
// if they're anonymous, add a login redirect link
if (userIsAnonymous)
{
var add_remove_button = $j("").attr("href", loginRedirectUrl);
tag_table_cell.addClass("tc" + tagObj.cloud_step);
}
// else, include the add/remove button based on if it's tagged
else
{
if (tagObj.is_tagged)
{
var add_remove_button = $j("").attr("id", "other-tags-remove-" + tagObj.tag_id);
tag_table_cell.addClass("tc" + tagObj.cloud_step + "-mytag");
}
else
{
var add_remove_button = $j(" ").attr("id", "other-tags-add-" + tagObj.tag_id);
tag_table_cell.addClass("tc" + tagObj.cloud_step);
}
}
tag_table_cell.prepend(add_remove_button)
tags_table.append($j(" ").append(tag_table_cell));
});
// now append of all of the dom elems and update the box
var tags_container = $j('');
tags_container.append(tags_table);
var scroll_wrapper_container = $j("").attr("id", "other-tags-jscroll-wrapper");
scroll_wrapper_container.append(tags_container);
return scroll_wrapper_container;
}
function formatTagName(tagName, cloudStep)
/**
* Formats tag for display, like a template filter would
* @param {String} tagName - tag to format
* @param {String} cloudStep - number of cloud group to base how many max chars
* @return {String} formatted tagName
*/
{
var max_chars_cloud_map = { "1":14, "2":13, "3":11, "4":9 }; // how many chars can each cloud support
var max_chars_for_tag = max_chars_cloud_map[cloudStep];
if (tagName.length > max_chars_for_tag)
{
tagName = ellipsify(tagName, max_chars_for_tag);
}
return tagName;
}
function bindTagsBoxEvents(arrayOfTags, userIsAnonymous, userHasTags)
/**
* After the tags box is created, bind the events to it
* @param {array} arrayOfTags
* @param {boolean} userIsAnonymous - anon or mycompete/pro?
* @param {boolean} userHasTags - does the user have any tags for this site
*/
{
// if the user is not anonymous, include the add/remove/filter tag events
if (!userIsAnonymous)
{
$j('div.other-tags-header-icon').bind('click', function() { $j('div#other-tags-dialog').dialog('open'); });
if (userHasTags) { $j('div#other-tags h5').bind('click', filterAllOrMyTags); }
$j.each(arrayOfTags, function(i, tagObj)
{
if (tagObj.is_tagged) // add removeTag/minus event
{
$j('div#other-tags-remove-'+tagObj.tag_id).bind('click', function() { removeTag(tagObj.tag_id); });
}
else // add voteUpTag/plus event
{
$j('div#other-tags-add-'+tagObj.tag_id).bind('click', function() { voteUpTag(tagObj.tag_name); });
}
});
}
// add the hover events, which will either add/remove tags or redirect to login
$j.each(arrayOfTags, function(i, tagObj)
{
// used to use a simple toggle for a hover class but ie6 can't handle multiple classes
// this now string appends/replaces to use the correct hover class
// e.g. tc3-mytag-hover, tc3-mytag
var add_hover_class = function(e)
{
var old_class = $j(this).attr('class');
var new_class = old_class + "-hover";
$j(this).removeClass(old_class);
$j(this).addClass(new_class);
}
var remove_hover_class = function(e)
{
var old_class = $j(this).attr('class');
var new_class = old_class.replace('-hover', '');
$j(this).removeClass(old_class);
$j(this).addClass(new_class);
}
$j('td#other-tags-'+tagObj.tag_id).bind('mouseover', add_hover_class);
$j('td#other-tags-'+tagObj.tag_id).bind('mouseout', remove_hover_class);
});
}
function voteUpTag(tagName) {
/* Votes up the tag for the current site.
Called when the plus button is clicked on
@param {string} tagName - tag entered by the user or voted up
*/
$j.getJSON('/s/add_tag/' + tagName + '/' + site_name + '/', voteUpTagSuccess);
}
function voteUpTagSuccess(jsonObject)
{
if (!jsonObject.error_message)
{
var all_tags_array = jsonObject.all_tags_js_array;
buildTagsBox(all_tags_array, jsonObject.user_is_anonymous);
}
}
function removeTag(tagId) {
/**
* Removes the association from the tag with the given ID
* Called when the minus button is clicked on
* @param {int} tagId - id of the tag to remove
*/
$j.getJSON('/s/remove_tag/' + tagId + '/' + site_name + '/', removeTagSuccess);
}
function removeTagSuccess(jsonObject)
{
// if my tags were selected when tag was removed, go back there after the build
var my_tags_selected = $j('table#tag-soup').hasClass("my-tags-selected");
// only go back if they have my tags, otherwase go back to all
var still_has_my_tags = false;
var all_tags_array = jsonObject.all_tags_js_array
for (var i in all_tags_array)
{ if (all_tags_array[i].is_tagged) { var still_has_my_tags = true; } }
buildTagsBox(jsonObject.all_tags_js_array, jsonObject.user_is_anonymous);
// if my tags were selected when tag was removed, go back there after the build
if (my_tags_selected && still_has_my_tags) { filterAllOrMyTags(); }
}
function filterAllOrMyTags()
/**
* Depending on the view, either shows all tags or only my tags
* and updates the link to reflect that
*/
{
var show_allormy_tags_link = $j("div#other-tags h5");
//$j('div#other-tags-content').jScrollPaneRemove();
$j('table#tag-soup').toggleClass("my-tags-selected");
if ($j('table#tag-soup').hasClass("my-tags-selected"))
{
show_allormy_tags_link.text('Show All Tags');
show_allormy_tags_link.addClass("my-tags-selected");
show_allormy_tags_link.removeClass("all-tags-selected");
}
else
{
show_allormy_tags_link.text('Show Only My Tags');
show_allormy_tags_link.addClass("all-tags-selected");
show_allormy_tags_link.removeClass("my-tags-selected");
}
$j('div#other-tags-content').jScrollPane();
}
function validateTagFormat()
/**
* Called everytime a key is pressed in the add tag field,
* validates and displays a message if it isn't
*/
{
var tag_format_regex = /[^a-zA-Z0-9-]/; // anything not alphanumeric or dash "-"
var tag_name_input_obj = $('id_tag_name');
if (tag_format_regex.test(tag_name_input_obj.value))
{
updateAddRemoveTagStatus("failure", 'Only letters and numbers are allowed, use "-" for spaces');
$('add_tags_submit').disabled = true;
}
else
{
updateAddRemoveTagStatus("", "");
$('add_tags_submit').disabled = false;
}
}
|
').
bind('click', function() {container.hide()});
var input = $j('') .attr('readonly', 'readonly').bind('focus', function() {$j(this).select()});
e.append(container.append(input).append(close));
}
function toggle_permalink_container() {
$j('.permalink-box').toggle();
$j('.permalink-box > input').focus().select();
}
function hide_permalink_container() {
$j('.permalink-box').css('display', 'none');
}
function _update_permalink_url(metric1, metric2, period) {
/* Updates the permalink url on the permalink-box's input box.
The url is generated based on the metric(s) and period selected.
This is mostly called from within update_chart()
*/
var stem = window.PERMALINK_STEM || snapshot_site;
var link = stem + '/' + site_name + '/?';
link += 'metric=' + metric1 + (metric2 != '' ? '+' + metric2 : '');
if (metric1 == 'attD' || metric1 == 'reachD') {
link += '&period=' + period;
}
else {
// we gotta jump through hoops here for legacy SEO stuff
if (period.slice(-1) == 'm') {period = period.slice(0, -1)}
else if (period == '1y') {period = 12}
else if (period == '2y') {period = 24}
else {period = ''}
link += '&months=' + period
}
$j('.permalink-box > input').attr('value', link)
}
function load_zoominfo_box() {
/*
*/
$j.getJSON('/s/async/zoominfo/' + site_name + '/', function(json) {
if (json.description != null && json.description.length > 0) {
$j('#info-about').
append($j('').
append($j('Company: ')).
append($j('').html(json.name)).
append($j('