'
console.log(urlSpaceRemaining, short_url)
return html;
}
function trimLongUrl( str, length ) {
/* utility used for FUNCTION: render_infopage_promo */
console.log(str, length)
if(!str) return "";
return (str.length > length) ? str.substring(0,length-3) + '...' : str;
}
function render_State_NoLinks() {
/*
1. Drop down w/ copy button selected state
2. Grey 'Go' Button
*/
var html = '
';
html += render_customButton_state( NO_BOX_STATE );
html += '
'
html += '
';
return html;
}
function render_customButton_state( state ) {
var html = "", text = "Customize", cssClass = "initializeCustomNameField", title="";
switch (state) {
case NO_BOX_STATE:
cssClass = "initializeCustomNameField";
title = "Create a bit.ly link with a custom name"
break;
case BOX_NO_LINK_STATE:
cssClass = "intializeCustomFieldWithNoLink"
text = "Cancel"
title = "Cancel custom keyword edit"
break;
case BOX_COPY_STATE:
cssClass = "enableCustomNameField";
title = "Give your bit.ly link a custom name"
break;
case LINK_EDIT_STATE:
cssClass = "saveCustomNameField";
text = "Save";
title = "Save your custom name"
break;
default:
break;
}
html += '
';
return html;
}
function render_linkCapsule_state_1( data, state, keyword, text ) {
console.log(data, 'render_linkCapsule_state_1')
var kword = (keyword) ? keyword : data.keyword || data.hash, txt = text || " ",
save_long_url = $.escapeHTML( data.long_url );
/*
1. white container
2. bit.ly link
- Copy or Edit
3. customize | save button
4. animation flag
promo line: Get real-time stats: http://gt-co.de/hash
// shareMessages.js attaches below this class
*/
var html = '
';
html += '
'
html += ''
html += ''
html += ""+txt+""
if( state === BOX_COPY_STATE) {
html += _renderLinkState1( data.url )
} else {
html += _renderLinkState2( "bit.ly/", kword ) // get the domain and hash here...
}
html += render_customButton_state(state);
html += '
'
html += '
'
html += render_infopage_promo( data.long_url, data.url );
html += '
'
var $html = $(html);
$html.linkCapsule_Animation();
$html.data('meta',data);
return $html;
}
function _renderLinkState1( url ) {
var html = '';
html += '
';
//html += '';
html += ''
html += '';
html += '
Click to Copy
'
html += '
';
return html;
}
function _renderLinkState2( domain, hash ) {
var html = '';
html += '
'
html += '
'
html += ''+domain+''
html += ''
html += '
'
html += ''
html += '
Edit Your Link
'
html += '
'
return html;
}
}
/*
jquery.linkCapsule_Animation.js
This helper function directly effects it's parent plugin
This style is NON standard, exploring nested function usage to make APP more 'bit' sized
*/
$.fn.linkCapsule_Animation = function(options) {
var $el = this, o = $.extend({}, defaults, options), $p = $el.parent(),
$editable, copyButton = $p.find('.copyButtonAnimation');
$editable = $el.find('.keywordInputField');
if($editable.length>0) {
$editable.hover(function(e){
copyButton.animate({
right:0
}, 300)
},function(e){
copyButton.animate({
right:'-85'
}, 200)
})
}
$editable.focus();
$editable.bind('keypress', function(e) {
console.log('thi is chnaing')
$editable.unbind();
copyButton.animate({
right:'-85'
}, 200);
});
return this;
}
$.fn.linkCapsule_Copy = function( url, options) {
var $el = this;
var copyButtonAnimation, clipboard = null, flashHTML = null;
if (!FlashDetect.installed){
// turn off the div that hids the input field so it can by copy & pasted
$el.find('.shortenedLinkState1_viewWindow').hide();
return;
}
if(url !== '') {
clipboard = new ZeroClipboard.Client();
flashHTML = clipboard.getHTML(262, 30);
//
clipboard.addEventListener('load', function() {
clipboard.setText( url );
});
clipboard.setHandCursor( true );
copyButtonAnimation = $el.find('.copyButtonAnimation');
clipboard.addEventListener( 'onMouseOver', function(e) {
copyButtonAnimation.animate({
right:0
}, 300)
} );
clipboard.addEventListener( 'onComplete', function(e) {
$el.trigger('successMessage', {
text : 'Successfully copied '+ url + ' to clipboard'
})
} );
clipboard.addEventListener( 'onMouseOut', function(e) {
copyButtonAnimation.animate({
right:'-85'
}, 200)
} );
clipboard.glue( $el.find('.shortenedLinkState1_viewWindow')[0], $el.find('.shortenedLinkState1')[0] )
clipboard.setText( url );
}
}
var defaults = {
linkLimit : 3,
debug : true,
url : '',
params : {
},
maxPromoLength : 72,
txt : {
infopromo : 'Get real-time stats:',
longpromo : 'Long Link:'
}
}, $bod;
})(jQuery);