Added bulk acceptance and progress bar in review org applications view.
In the list of organization applications for reviewing, if you click the button "click here" the whole first text line will fade out and the progress bar will fade in while starting to contact the server for the list of orgs to accept and then make synchronous calls for acceptance, while updating the progress bar, the name of the organization currently accepting and the number of orgs already accepted against the total.
Inside the script, what's inside the parenthesis is converted due to regexp (in this case (link_id)) and then read the json_object.applications[index].link_id. By doing this with an eval(), you can use other names as well and the script will be reading for example json_object.applications[index].attribute_name if you insert "(attribute_name)" inside the link returned by {{ bulk_accept_link }}.
Notes by Lennard:
-Put Done outside the for-loop so that it also shows when there are 0 pre-accepted organizations.
-Made some minor style fixes
Patch by: Mario Ferraro
Reviewed by: Lennard de Rijk
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<link rel="stylesheet" href="/svn/trunk/mockups/content/css/mockups.css" type="text/css"/>
<title>Google Open Source Programs</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="/svn/trunk/mockups/content/js/blog.js"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var blog = new BlogPreview(document.getElementById("blog"));
blog.show("http://google-opensource.blogspot.com/feeds/posts/default");
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id="login">
<a href="http://code.google.com/p/soc/issues/list">Report bugs</a> |
<a href="/">Sign in</a>
</div>
<div id="header">
<div id="logo">
<a href="/"><img src="/svn/trunk/mockups/content/images/logo-custom.gif" alt="Google Open Source Programs"/></a>
<span title=" TODO: logo updated in site sponsor interface " class="popup">
<small>*</small>
</span>
</div>
<div id="title">
Google Open Source Programs
</div>
</div>
<div id="side" dir="ltr">
<div id="menu">
<ul>
<li>
<a class="selected" href="/svn/trunk/mockups/sitehome.html">Google Open Source Programs</a>
<ul>
<li>
<a href="/svn/trunk/mockups/user/profile/linkname/profile.html">User (Sign In)</a>
<span title=" No Profile or Roles sidebar menu items until user signs in " class="popup">
<small>*</small>
</span>
</li>
</ul>
<ul>
<li>
<a href="/svn/trunk/mockups/program/home/gsoc2009/gsoc2009home.html">Google Summer of Code</a>
<ul>
<li>
<a href="/svn/trunk/mockups/program/community/gsoc2009/gsoc2009comm.html">Community</a>
</li>
<li>
<a href="/svn/trunk/mockups/program/docs/faqs/gsoc2009/gsoc2009faq.html">Program FAQs</a>
</li>
<li>
<a href="/svn/trunk/mockups/program/docs/tos/gsoc2009/gsoc2009tos.html">Terms of Service</a>
</li>
</ul>
</li>
<li>
<a href="/svn/trunk/mockups/program/home/ghop2008/ghop2008home.html">Google Highly Open Participation</a>
<ul>
<li>
<a href="/svn/trunk/mockups/program/community/ghop2008/">Community</a>
</li>
<li>
<a href="/svn/trunk/mockups/program/docs/faqs/ghop2008/">Program FAQs</a>
</li>
<li>
<a href="/svn/trunk/mockups/program/docs/rules/ghop2008/ghop2008rules.html">Contest Rules</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="search">
<form id="searchbox_015986126177484454297:pfmwlvdl42y" action="http://www.google.com/cse">
<input type="hidden" name="cx" value="015986126177484454297:pfmwlvdl42y" />
<input type="hidden" name="cof" value="FORID:0" />
<div class="header">
Search Google Open Source:
</div>
<input name="q" type="text" size="20" />
<input type="submit" name="sa" value="Search" />
<br/>
</form>
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_015986126177484454297:pfmwlvdl42y">
</script></form>
</div>
<div id="badge">
<a href="http://code.google.com/p/soc/" target="_blank">Powered by Melange</a>
<span title=" TODO: need a Melange logo " class="popup">
<small>*</small>
</span>
</div>
</div>
<div id="body">
<div style="line-height: 140%;">
<p class="todo">
This is generic HTML that can be configured via the site administration
interface. It is unclear if the site admin can be trusted and allowed to enter
any arbitrary HTML (more flexible and powerful) or if only a whitelist of "safe"
HTML tags should be permitted (to prevent XSS, etc.).
(<a href="http://www.feedparser.org/"><code>feedparser</code></a> is useful for
this and is written in Python, should whitelisting be necessary.)
</p>
<p>
Welcome to Google Open Source Programs, the home of
<a href="/svn/trunk/mockups/program/home/gsoc2009/gsoc2009home.html">Google Summer of Code</a>
and the
<a href="/svn/trunk/mockups/program/home/ghop2008/ghop2008home.html">Google Highly Open Participation</a> contest.
</p>
<p class="todo">
The site administration interface will provide a mechanism to select a feed to
be displayed here.
</p>
<div id="blog"></div>
</div>
<div id="footer" dir="ltr">
<div class="text">
©2008 Google -
<a href="http://www.google.com/">Google Home</a> -
<a href="http://www.google.com/privacy.html">Privacy Policy</a>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct="UA-4291635-1"; // code.google.com site-wide tracking
_uanchor=1;
_uff=0;
urchinTracker();
</script>
</body>
</html>