g+, facebook like, etc

itf/settings.py

@@ -5,7 +5,7 @@ from os.path import join
 # import markdown
 
 SITENAME = "India Theatre Forum"
-DEBUG = False
+DEBUG = True
 TEMPLATE_DEBUG = DEBUG
 JSON_DEBUG = DEBUG
 
@@ -115,6 +115,7 @@ TEMPLATE_CONTEXT_PROCESSORS = (
   "django.core.context_processors.debug",
   "django.core.context_processors.i18n",
   "django.core.context_processors.media",
+  "django.core.context_processors.request",
 #  "multilingual.context_processors.multilingual",
   "frontpage.context_processors.menus"
   )

itf/static/js/insidepage.js

@@ -287,6 +287,7 @@ $(function() {
 */
 
     $('#listForm').submit(function(e) {
+        return true;
         e.preventDefault();
         doListLoading();
 //        var urlString = "?tab_id=" + $('.innerSelected').attr("data-id") + "&sort=" + sortString + "&search=" + searchTerm;

itf/templates/modules/festival/meeting.html

@@ -218,31 +218,34 @@
 
 <script type="text/javascript">
 
-	//When page loads...
+    $(function() {
-	$(".tab_content").hide(); //Hide all content
+	    //On Click Event
-//	$("ul.tabsInnerRight li:first").addClass("active").show(); //Activate first tab
+	    $("ul.tabsInnerRight li").click(function() {
-
+		    $(".active").removeClass("active"); //Remove any "active" class
-	//On Click Event
+		    $(this).addClass("active"); //Add "active" class to selected tab
-	$("ul.tabsInnerRight li").click(function() {
+		    $(".tab_content").hide(); //Hide all tab content
-		$(".active").removeClass("active"); //Remove any "active" class
+		    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
-		$(this).addClass("active"); //Add "active" class to selected tab
+		    $(activeTab).fadeIn(); //Fade in the active ID content
-		$(".tab_content").hide(); //Hide all tab content
+		    return false;
-		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
+    //    var queryData = {};
-		$(activeTab).fadeIn(); //Fade in the active ID content
+	    }); 
-		return false;
+/*
-	}); 
+        
-//    var queryData = {};
+        if (queryData.hasOwnProperty("innertab")) {
-    
+            if ($('#' + queryData.innertab).length > 0) {
-    if (queryData.hasOwnProperty("innertab")) {
+                $('a[href=#' + queryData.innertab + "]").click();
-        if ($('#' + queryData.innertab).length > 0) {
+            } else {
-            $('a[href=#' + queryData.innertab + "]").click();
+                $('ul.tabsInnerRight li:first').click();
+            }
         } else {
-            $('ul.tabsInnerRight li:first').click();
+	        $('ul.tabsInnerRight li:first').click(); //Show first tab content
         }
-    } else {
+*/
-	    $('ul.tabsInnerRight li:first').click(); //Show first tab content
+	//When page loads...
-    }
+    	$(".tab_content").hide(); //Hide all content
+    	$("ul.tabsInnerRight li:first").click() //addClass("active").show(); //Activate first tab
 
+    });
 
 </script>
 

itf/templates/noel/render_object.html

@@ -19,7 +19,7 @@
 
 
 {% block content %}
-<!--
+
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
@@ -28,7 +28,7 @@
   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
--->
+
 <div id="lightboxPanel">
     <div id="lightboxContent">
 
@@ -103,19 +103,19 @@
             <img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
             -->
         </div>
-        
+        <!--
         <form action="" method="get">
             <input type="text" placeholder="search" name="field" class="searchInnerField"/>
         </form>
-		
+		-->
         <div id="tabsInner">
 	  		<ul id="selection">
 
-                <li class="tabCategory defaultTab" data-id="{{ default_tab.id }}" id="tab_{{default_tab.slug}}" data-slug="{{ default_tab.slug }}">{{ tab.title }}</li>
+<!--                 <li class="tabCategory defaultTab" data-id="{{ default_tab.id }}" id="tab_{{default_tab.slug}}" data-slug="{{ default_tab.slug }}">{{ tab.title }}</li> -->
                 {% for t in tabs %}
-                    {% ifnotequal t.id tab.id %}
+                   
-                    <li class="tabCategory" data-id="{{ t.id }}" id="tab_{{ t.slug }}" data-slug="{{ t.slug }}"><a href="{{ t.get_absolute_url }}">{{ t.title }}</a></li>
+                    <li class="tabCategory {% ifequal t.id tab.id %} innerSelected {% endifequal %}" data-id="{{ t.id }}" id="tab_{{ t.slug }}" data-slug="{{ t.slug }}"><a href="{{ t.get_absolute_url }}">{{ t.title }}</a></li>
-                    {% endifnotequal %}
+                   
                 {% endfor %}
 	  		</ul>
             
@@ -123,17 +123,10 @@
                 <div id="tabText_{{default_tab.id}}" class="tabText displayedTab">
 	  	            {{ tab.text }}
                 </div>
-                {% for t in tabs %}
+               <form class="selectMenu" id="listForm" method="GET" action=".">
-                    <div id="tabText_{{t.id}}" class="tabText">
-                        {% ifnotequal t.id tab.id %}
-	      	                {{ t.text }}
-                        {% endifnotequal %}
-                    </div>          
-                {% endfor %}
-                    <form class="selectMenu" id="listForm" method="post" action="">
                         
                         <span>Sort:</span><!--Can i avoid a p tag here to keep it inline -->
-                        <select id="orderBySelect">Select
+                        <select id="orderBySelect" name="sort">Select
                             {% for s in tab.get_dict.sorts %}
                                 <option value="{{s.operator}}{{s.field_name}}">{{s.friendly_name}}</option>
                             {% endfor %}                            
@@ -144,10 +137,10 @@
                             <option value="mostpopular">Most popular</option>
 -->
                         </select>
-                        
+                        <input name="tab" type="hidden" value="{{ tab.slug }}" />
-                        <input id="page_no" name="page_no" type="hidden" value="1" />
+                        <input id="page" name="page" type="hidden" value="{{ request.GET.page|default:'1' }}" />
-                        <input id="object_id" name="object_id" type="hidden" value="" />
+                        <!-- <input id="object_id" name="object_id" type="hidden" value="{{ item.id }}" /> -->
-                        <input type="text" placeholder="Filter by keyword" id="searchList" name="field" class="searchListField"/>
+                        <input type="text" placeholder="Filter by keyword" id="searchList" name="search" class="searchListField" value="{{ request.GET.search }}" />
                         <!--<img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">-->                    
                         
                         <span id="pageDisplay" style="display:none;">Page <span id="currPageNo">1</span> of <span id="totalPages">10</span></span>
@@ -168,17 +161,13 @@
                 <li id="loadingList" style="display:none;">Loading...</li>
                 
                 {% for l in object_list.items %}
-                    <li class="tabListItem"><a href="{{ l.url }}" data-id="{{ l.id }}""><span>{{ l.title }}</span></a></li>
+                    <li class="tabListItem"><a href="{{ l.url }}" {% ifequal l.id item.id %} class="listLeftSelected" {% endifequal %} data-id="{{ l.id }}""><span>{{ l.title }}</span></a></li>
                 {% endfor %}
                
         		<!-- <li><a href=""><span>The Mystery of vanishing rights<span></a></li> -->
   	        </ul>
         
         </div>
-        <div id="pagination" style="display:none;"> <!-- Please, please let me display pagination info -->
-            <span id="currPageNo">1</span>
-            <span id="totalPages"></span>
-        </div>
 
     </div>
     
@@ -201,7 +190,17 @@
                 
                     <a href="" target="_blank" id="twitterBtn" title="Tweet this!"><img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> </a>
                     <!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->     	
-                
+<div class="g-plusone" data-size="small" data-annotation="none"></div>
+
+<!-- Place this render call where appropriate -->
+<script type="text/javascript">
+  (function() {
+    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+    po.src = 'https://apis.google.com/js/plusone.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+  })();
+</script>
+         
 <div id="fb_like" class="fb-like" data-href="{{ item.get_absolute_url }}" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div>
                    <!-- <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages"> -->  
    <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->