[
{
"path": "README.md",
"content": "# loklak Movie Tweets\n\nThis form uses the [loklak public API](http://loklak.org/) to search the last 100 most recent tweets about the specified films. \nStyles by [Bootstrap](http://getbootstrap.com/).\n\n## Use\n\nSince it's plain HTML/JS, you only have to download both `index.html` and `script.js` and place them in the same directory. \nEvery time you change the content of the text box with a new film name and press ENTER, the results should update automatically. However, if it doesn't work, you can use the *Search!* button at the right.\n\n> Your browser must have JavaScript enabled, and Internet connection\n\nYou can find a live demo [here](http://yagogg.github.io/GCI2015/loklak%20Movie%20Tweets/). \n*(Hosted by GitHub Pages)*\n\n## Screenshots\n\n\n\n\n"
},
{
"path": "index.html",
"content": "\n\n\n \n \n \n GCI | Loklak Movie Tweets\n\n\n
\n
\n
Loklak Movie Tweets
\n
Google Code-in - FOSSASIA
\n
\n
Search a movie
\n
\n
\n
\n \n \n \n \n
\n \n
\n
Loading...
\n
\n
\n
\n
\n
\n
\n
\n
\n
Results
\n \n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
@user (30 Dic 13:37)
\n Text\n
\n
\n
\n \n \n \n \n \n \n \n\n\n"
},
{
"path": "script.js",
"content": "function searchTweets() { // Query the loklak.org API\n var film = document.getElementById('film').value;\n\n var url = 'http://loklak.org/api/search.json?q=' + film + ' film&minified=true&callback=updateResults';\n\n document.body.removeChild(document.getElementById('loklakAPICall')); // Delete old script calls\n\n // Creation of the new script, to support JSONP\n var script = document.createElement('script');\n script.id = 'loklakAPICall';\n script.src = url;\n document.body.appendChild(script);\n\n document.getElementById('loading').style.display = 'block'; // Make loading box visible\n}\n\nfunction updateResults(input) { // Function called to interpret the results from the API, through JSONP\n var statuses = input.statuses;\n\n document.getElementById('resultsBox').style.display = 'block';\n\n var tweetsBox = document.getElementById('tweets');\n\n while(tweetsBox.childElementCount > 0) { // Empty the tweets box\n tweetsBox.removeChild(tweetsBox.lastChild);\n }\n\n var media, mBody;\n\n document.getElementById('tweetCount').innerHTML = \"Found \" + statuses.length + \" tweets\"; // Show amount of tweets in the alert\n\n for(i in statuses) {\n current = document.getElementsByTagName('template')[0].content.children[0].cloneNode(true); // Clone the tweet format, from the \n\n media = current.getElementsByClassName('media')[0];\n media.getElementsByClassName('media-object')[0].src = statuses[i].user.profile_image_url_https; // Set user's picture\n\n mBody = media.getElementsByClassName('media-body')[0];\n mBody.getElementsByTagName('h4')[0].innerHTML = '@' + statuses[i].screen_name + '' + new Date(statuses[i].created_at).toUTCString() + ''; // Set username and tweet's date\n mBody.getElementsByTagName('span')[0].innerHTML = statuses[i].text; // Set tweet's content\n\n tweetsBox.appendChild(current); // Add the complete tweet to the list\n }\n\n document.getElementById('loading').style.display = 'none'; // Hide the loading progress bar\n}\n"
}
]
![](\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTFmMmVkZjk4NSB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1MWYyZWRmOTg1Ij48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi44Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==\")
\n