<html> <head> <link type="text/css" rel="stylesheet" href="/css/index.css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.corners.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.rounded').corners('40px'); $('li').live('click', function (event) { var el = event.target || event.srcElement; if (el.tagName != 'A') { $(this).find('div').slideToggle(); } }); }); function expandAllInfoBoxes() { $('#data').find('div').each(function(i, el) { $(this).slideToggle(); }); } function setLoadingUI(params) { var loadingText = params['loading'] || null; var data = params['data'] || null; if (loadingText) { $('#loading').text(loadingText).show(); } else { $('#loading').empty().fadeOut('slow'); } if(data) { $('#data').html(data); $('#loading').fadeOut('slow'); } else { $('#data').empty(); } } function fetchData(url) { setLoadingUI({'loading': "gettin' some data..."}); $.post(url, {}, function(data) { html = []; for(var i = 0, entry; entry = data[i]; ++i) { html.push('<li>'); html.push('<img src="/images/icon_' + entry.type + '.gif">'); html.push('<span style="margin-left:15px;margin-right:15px;">' + entry.title + '</span>'); var infoBoxHtml = []; infoBoxHtml.push('<a href="' + entry.links['alternate'] + '" target="nw">Open in Google Docs »</a><br>'); infoBoxHtml.push('<span class="right_margin">resource id:</span>' + entry.resourceId + '<br>'); infoBoxHtml.push('<span class="right_margin">created:</span>' + entry.published + '<br>'); infoBoxHtml.push('<span class="right_margin">updated:</span>' + entry.updated + '<br>'); if (entry.lastModifiedBy) { infoBoxHtml.push('<span class="right_margin">modified by:</span>' + entry.lastModifiedBy + '<br>'); } if (entry.lastViewed) { infoBoxHtml.push('<span class="right_margin">last viewed:</span>' + entry.lastViewed + '<br>'); } infoBoxHtml = '<div class="info_box">' + infoBoxHtml.join('') + '</div>'; html.push(infoBoxHtml); html.push('</li>'); } setLoadingUI({'loading': 'Done!', 'data': '<ul>' + html.join('') + '</ul>'}); }, 'json'); } </script> </head> <body> <div id="header"> <table height="100%" cellspacing="0" cellpadding="0"> <tr> <td width="25%" valign="bottom"> {% if user %} <span style="color:red;margin-right:8px;">logged in:</span> {{ user }} {% endif %} </td> <td width="50%" align="center" valign="bottom"> <div id="loading"></div> </td> <td width="25%" valign="bottom" align="right"> {% if revoke_token_link %} <a href="/revoke_token">revoke oauth token</a> {% endif %} </td> </tr> </table> </div> {% if revoke_token_link %} <div id="oauth_stats"> <h4>OAuth Stats:</h4> <table> <tr><td width="200">oauth_signature_method:</td><td>{{ sig_method }}</td></tr> <tr><td>oauth_consumer_key:</td><td>{{ consumer.key }}</td></tr> <tr><td>oauth_token:</td><td>{{ oauth_token.key }}<br>( oauth_token_secret: {{ oauth_token.secret }} )</td></tr> </table> </div> <center> <a href="#" onclick="expandAllInfoBoxes();">toggle all</a> <div id="data"><!-- dynamically filled --></div> <input type="button" value="{{ form_value }}" class="rounded button" onclick="fetchData('{{ form_action }}');"> </center> {% else %} <table id="fill"><tr><td> <form action="{{ form_action }}" method="post"> <input type="submit" value="{{ form_value }}" class="rounded button"><br><br> Use my Google Apps domain: <input type="text" name="domain" value="default"> </form> </td></tr></table> {% endif %} </body> </html>