From 91eb4f9b4d837549dfb2a0e1a88c2b853efac5e4 Mon Sep 17 00:00:00 2001 From: Sanj Date: Fri, 1 Jun 2012 00:29:50 +0530 Subject: [PATCH] forgot to add js :/ --- itf/static/js/render_object.js | 531 +++++++++++++++++++++++++++++++++ 1 file changed, 531 insertions(+) create mode 100755 itf/static/js/render_object.js diff --git a/itf/static/js/render_object.js b/itf/static/js/render_object.js new file mode 100755 index 0000000..bc4279c --- /dev/null +++ b/itf/static/js/render_object.js @@ -0,0 +1,531 @@ +var queryData; //will store initial query data as a global var for submodule js to potentially use + +$('.toggleBtn').live("click", function() { + var $this = $(this); + var toggleElem = $('#' + $this.attr("data-toggle")); + if (toggleElem.is(":visible")) { + toggleElem.slideUp(); + } else { + toggleElem.slideDown(); + } +}); + +/* +$('#listLeft ul li a').live("click", function() { + if ($(this).hasClass("listLeftSelected")) { + return false; + } + $('.listLeftSelected').removeClass("listLeftSelected"); + $(this).addClass('listLeftSelected'); + var objId = $(this).attr("data-id"); + var tab = $('.innerSelected').attr("data-slug"); + var formData = getSearchFormJSON(); + $('#textRight').text("Loading..."); + $('#bottomRight').text("Loading..."); + formData.object_id = objId; + var urlString = JSONtoQueryString(formData); + var urlString = JSONtoQueryString({ + 'tab': tab, + 'object_id': objId + }); + History.pushState(formData, "", urlString); + $.getJSON("/m/get_details", { + 'tab': tab, + 'object_id': objId + }, function(data) { + $('#imageInside').css({'backgroundImage': 'url(' + data.main_image.thumb + ')'}); + $('#textRight').text(data.title).formatTitle(); + var urlComponent = "?tab=" + $('.innerSelected').attr("data-slug") + "&object_id=" + objId; + var baseUrl = location.protocol + "//" + location.hostname + location.pathname; + var url = baseUrl + urlComponent; + +// var fb_url = url.replace("&", "&"); +// $('#fb_like').attr("data-href", fb_url); + var twitter_url = "https://twitter.com/share?url=" + encodeURIComponent(url) + "&title=" + encodeURIComponent(data.title); + $('#twitterBtn').attr("href", twitter_url); + $('#permalinkBtn').attr("href", url); + var searchTerm = $('.searchListField').val(); + var html = data.html; + html = "
" + html + "
"; //Wrap to make IE happy +// globalFoo = html; + if (searchTerm != '') { + for (var i=0; i" + searchTerm + ""); + } + $('#bottomRight').html(html); + + postLoadQuery(); //parse query string params for post load actions +// console.log(data); + }); + return false; +}); +*/ + +function postLoadQuery() { + if (queryData.hasOwnProperty("goto")) { + var locationHash = queryData['goto']; + var scrollTop = $('a[name=' + locationHash + ']').position().top; + $(window).scrollTop(scrollTop); //FIXME!! + delete queryData['goto']; + } +/* + if (queryData.hasOwnProperty("btn")) { + var $btn = $('#' + queryData.btn); + $btn.click(); + console.log($btn); + delete queryData['btn']; + } +*/ +} + +$('.lightboxNext').live("click", function(e) { + var $i = $(this).data("image"); + $i.click(); +}); + +$('.lightboxPrev').live("click", function(e) { + var $i = $(this).data("image"); + $i.click(); +}); + +$('.thumbsDetails').live("click", function(e) { +// alert($(this).attr("data-bigimage")); + var $that = $(this); + var totalImages = $(this).parent().find(".thumbsDetails").length; + var thisIndex = $(this).index(); + + if (thisIndex < (totalImages - 1)) { + var hasNext = true; + var nextImage = $(this).parent().find(".thumbsDetails").eq(thisIndex + 1); + var preloadImage = new Image(); + preloadImage.src = nextImage.attr("data-bigimage"); + } + + if (thisIndex > 0 && totalImages > 1) { + var hasPrev = true; + var prevImage = $(this).parent().find(".thumbsDetails").eq(thisIndex - 1); + } + var $lbox = $('#lightboxPanel'); + var $cont = $('
').addClass("lightboxContainer"); + var bigImage = $(this).attr("data-bigimage"); + var $img = $('').attr("src", bigImage).addClass("lightboxImg"); + $img.appendTo($cont); + var imgWidth = parseInt($that.attr("data-width")); + var imgHeight = parseInt($that.attr("data-height")); + var lightboxWidth = imgWidth + 40; + var lightboxHeight = imgHeight + 60; + $lbox.width(lightboxWidth); + $lbox.height(lightboxHeight); + var viewportWidth = $(window).width(); + var viewportHeight = $(window).height(); + if (viewportHeight < lightboxHeight) { + $lbox.height(viewportHeight - 40); + } + var lightboxTop = parseInt((viewportHeight - $lbox.height()) / 2); + $lbox.css({'top': lightboxTop + "px"}); + + + +// showLightbox($img); + var title = $(this).hasAttr("title") ? $(this).attr("title") : ''; +// var $c = $('#lightboxContent'); + + + if (title != '') { + var $caption = $('
').addClass("lightboxCaption").text(title).appendTo($cont); + } + if (hasNext) { + var $next = $('
').addClass("lightboxNext").text("next").data("image", nextImage).appendTo($cont); + } + if (hasPrev) { + var $prev = $('
').addClass("lightboxPrev").text("prev").data("image", prevImage).appendTo($cont); + } + showLightbox($cont); +}); + +function hideLightbox() { + $('#lightbox, #lightboxPanel').fadeOut(400); +} + +function showLightbox($content) { + if (!$('#lightbox').is("visible")) { + $('#lightbox, #lightboxPanel').fadeIn(400); + } + $('#lightboxContent').empty().append($content); +} + + +$('.toggleNext').live("click", function(e) { + e.preventDefault(); + var $next = $(this).next(); + if (!$next.is(":visible")) { + $next.slideDown(); + } else { + $next.slideUp(); + } +}); + +function highlightWordsNoCase(data, word) +{ + var regex = new RegExp("(" + word + ")", "gi"); + return data.replace(regex, "$1"); +} + +/* Get a jquery