Hopefully fully fixed the sorting issue on members list. This time via javascript

dnene · dnene · commit b3d6f8740c41 · 2012-12-12T10:44:11.000+05:30
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,7 +8,14 @@
     <link rel="stylesheet" type="text/css" href="/stylesheets/pygment_trac.css" media="screen" />
     <link rel="stylesheet" type="text/css" href="/stylesheets/print.css" media="print" />
     <link rel="alternate" type="application/atom+xml" title="Atom Feed for PythonPune" href="/atom.xml" />
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
+    <script type="text/javascript" src="/javascripts/jquery.tinysort.min.js"></script>  
     <title>PythonPune by pythonpune</title>
+    <script type="text/javascript">
+      function page_callback() {
+        // do nothing;
+      }
+    </script>
   </head>
 
   <body>
@@ -38,9 +45,8 @@ <h2>Pune Pythonistas and their discussions and events.</h2>
 
   </body>
     <script type="text/javascript">
-      document.getElementById("forum_embed").src =
-        "https://groups.google.com/forum/embed/?place=forum/pythonpune" +
-        "&theme=default&showtabs=false&hideforumtitle=true&showpopout=true" + 
-        encodeURIComponent(window.location.href);
+      $(document).ready(function() {
+        page_callback();
+      });
     </script>
 </html>
diff --git a/index.html b/index.html
@@ -36,3 +36,12 @@ <h2>Recent Discussions</h2>
               width="900"
               height="700">
             </iframe>
+
+<script type="text/javascript">
+  function page_callback() {
+    document.getElementById("forum_embed").src =
+      "https://groups.google.com/forum/embed/?place=forum/pythonpune" +
+      "&theme=default&showtabs=false&hideforumtitle=true&showpopout=true" + 
+      encodeURIComponent(window.location.href);
+  }
+</script>
diff --git a/javascripts/jquery.tinysort.min.js b/javascripts/jquery.tinysort.min.js
diff --git a/members/index.html b/members/index.html
@@ -3,27 +3,36 @@
 ---
 <h1>PythonPune Members</h1>
 <em>Note: This page only lists those members who have chosen to publish their information here.</em><br/>
-<table>
-  <tr>
-    <th>Name</th>
-    <th>Github</th>
-    <th>Bitbucket</th>
-    <th>Twitter</th>
-    <th>Blog</th>
-    <th>Homepage</th>
-  </tr>
-  {% assign all_pages = site.pages | sort: 'url' %}
-  {% for page in all_pages %}
-    {% capture prefix %}{{page.url | truncate: 15, ''}}{% endcapture%}
-    {% if prefix == "/members/pages/" %}
-      <tr>
-        <td><a href="{{page.url}}">{{page.name}}{% if page.twitter_id %} (@{{page.twitter_id}}){% endif %}</a></td>
-        {% if page.github_id %}<td><a href="http://github.com/{{page.github_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
-        {% if page.bitbucket_id %}<td><a href="http://bitbucket.org/{{page.bitbucket_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
-        {% if page.twitter_id %}<td><a href="http://twitter.com/{{page.twitter_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
-        {% if page.blog %}<td><a href="{{page.blog}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
-        {% if page.homepage %}<td><a href="{{page.homepage}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
-      </tr>
-    {% endif %}
-  {% endfor %}
+<table id="members_table">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Github</th>
+      <th>Bitbucket</th>
+      <th>Twitter</th>
+      <th>Blog</th>
+      <th>Homepage</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% assign all_pages = site.pages | sort: 'url' %}
+    {% for page in site.pages %}
+      {% capture prefix %}{{page.url | truncate: 15, ''}}{% endcapture%}
+      {% if prefix == "/members/pages/" %}
+        <tr>
+          <td><a href="{{page.url}}">{{page.name}}{% if page.twitter_id %} (@{{page.twitter_id}}){% endif %}</a></td>
+          {% if page.github_id %}<td><a href="http://github.com/{{page.github_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
+          {% if page.bitbucket_id %}<td><a href="http://bitbucket.org/{{page.bitbucket_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
+          {% if page.twitter_id %}<td><a href="http://twitter.com/{{page.twitter_id}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
+          {% if page.blog %}<td><a href="{{page.blog}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
+          {% if page.homepage %}<td><a href="{{page.homepage}}">&#x2713;</a></td>{% else %}<td>&nbsp;</td>{% endif %}
+        </tr>
+      {% endif %}
+    {% endfor %}
+  </tbody>
 </table>
+<script>
+  function page_callback() {
+    $("#members_table tbody tr").tsort();
+  }
+</script>
