Committer: atyurin
LJSUP-12032: Display social capital in the contextual hoverU trunk/htdocs/js/contextualhover.js
Modified: trunk/htdocs/js/contextualhover.js =================================================================== --- trunk/htdocs/js/contextualhover.js 2012-05-04 09:01:14 UTC (rev 21883) +++ trunk/htdocs/js/contextualhover.js 2012-05-04 09:15:57 UTC (rev 21884) @@ -131,46 +131,7 @@ templates: { wrapper: '<div class="b-contextualhover"></div>', loading: 'Loading...', - content: - '{{if userpic }}' + - '<div class="b-contextualhover-side">' + - '<div class="b-contextualhover-userpic">' + - '<a href="${userpic.allpics}"><img src="${userpic.pic}" alt="" /></a>' + - '</div>' + - '</div>' + - '{{/if}}' + - '<div class="b-contextualhover-section">' + - '<div class="b-contextualhover-title">' + - '<h3>{{html title.title}}</h3>' + - '{{each headLinks}}' + - '<p>{{if $value.url}}<a href="${$value.url}">${$value.text}</a>' + - '{{else}}{{html $value}}{{/if}}</p>' + - '{{/each}}' + - '</div>' + - '{{each(i, group) linkGroups}}' + - '{{if group.length }}' + - '<ul class="b-contextualhover-options">' + - '{{each group}}<li>' + - '{{if $value.url}}<a href="${$value.url}">${$value.text}</a>' + - '{{else}}{{html $value}}{{/if}}' + - '</li>{{/each}}' + - '</ul>' + - '{{/if}}' + - '{{/each}}' + - '{{if showBanOptions }}' + - '<ul class="b-contextualhover-options">' + - '{{if reportBot}}<li><a href="${reportBot.url}">${reportBot.text}</a></li>{{/if}}' + - '<li class="b-contextualhover-options-ban">' + - '<p>${banUsersLink.text}:</p>' + - '{{if banCheckboxes}}<div class="b-contextualhover-options-wrap">' + - '{{each banCheckboxes}}' + - '<p><label><input type="checkbox" class="input-checkbox ${$value.className}" {{if $value.checked}}checked{{/if}} /> ${$value.label}</label></p>' + - '{{/each}}' + - '</div>{{/if}}' + - '</li>' + - '</ul>' + - '{{/if}}' + - '</div>' + content: '' }, init: function() { @@ -478,9 +439,14 @@ new Image().src = this.adriverImages[userType].supplant({ random: Math.random()}); + buildObject.socialCap = { + value: data.value, + first: !!data.first + } + this.element .empty() - .append(jQuery.tmpl(this.templates.content, buildObject)); + .append(LJ.UI.template('templates-Widgets-contextualhover', buildObject)); if (this.element.is(':visible')) { //show method forces bubble to reposition with respect to the new content