(function() { // anonymize var allTags = {}; var loadedResults = []; /** * Initialization code run upon the DOM being ready. */ $(document).ready(function() { // Parse page query parameters. var params = parseParams(document.location.search); params.tag = params.tag ? makeArray(params.tag) : null; // Load tag and resource dataset. loadTags(); loadResources(); showResults(params); // Watch for keypresses in the keyword filter textbox, and update // search results to reflect the keyword filter. $('#resource-browser-keyword-filter').keyup(function() { // Filter results on screen by keyword. var keywords = $(this).val().split(/\s+/g); for (var i = 0; i < loadedResults.length; i++) { var hide = false; for (var j = 0; j < keywords.length; j++) { if (!resultMatchesKeyword(loadedResults[i].result, keywords[j])) { hide = true; break; } } loadedResults[i].node[hide ? 'hide' : 'show'](); } }); }); /** * Returns whether or not the given search result contains the given keyword. */ function resultMatchesKeyword(result, keyword) { keyword = keyword.toLowerCase(); if (result.title && result.title.en.toLowerCase().indexOf(keyword) >= 0) return true; else if (result.description && result.description.en.toLowerCase().indexOf(keyword) >= 0) return true; else if (result.topicsHtml && result.topicsHtml.replace(/\<.*?\>/g,'').toLowerCase().indexOf(keyword) >= 0) return true; return false; } /** * Populates the allTags array with tag data from the ANDROID_TAGS * variable in the resource data JS file. */ function loadTags() { for (var tagClass in ANDROID_TAGS) { for (var tag in ANDROID_TAGS[tagClass]) { allTags[tag] = { displayTag: ANDROID_TAGS[tagClass][tag], tagClass: tagClass }; } } } /** * Massage the ANDROID_RESOURCES resource list in the resource data JS file. */ function loadResources() { for (var i = 0; i < ANDROID_RESOURCES.length; i++) { var resource = ANDROID_RESOURCES[i]; // Convert the tags array to a tags hash for easier querying. resource.tagsHash = {}; for (var j = 0; j < resource.tags.length; j++) resource.tagsHash[resource.tags[j]] = true; // Determine the type and topics of the resource by inspecting its tags. resource.topics = []; for (tag in resource.tagsHash) if (tag in allTags) { if (allTags[tag].tagClass == 'type') { resource.type = tag; } else if (allTags[tag].tagClass == 'topic') { resource.topics.push(tag); } } // Add a humanized topics list string. resource.topicsHtml = humanizeList(resource.topics, function(item) { return '' + allTags[item].displayTag + ''; }); } } /** * Loads resources for the given query parameters. */ function showResults(params) { loadedResults = []; $('#resource-browser-search-params').empty(); $('#resource-browser-results').empty(); var i, j; var searchTags = []; if (params.tag) { for (i = 0; i < params.tag.length; i++) { var tag = params.tag[i]; if (tag.toLowerCase() in allTags) { searchTags.push(tag.toLowerCase()); } } } if (searchTags.length) { // Show query params. var taggedWithHtml = ['Showing technical resources tagged with ']; taggedWithHtml.push(humanizeList(searchTags, function(item) { return '' + allTags[item].displayTag + ''; })); $('#resource-browser-search-params').html(taggedWithHtml.join('') + ':'); } else { $('#resource-browser-search-params').html('Showing all technical resources:'); } var results = []; // Create the list of resources to show. for (i = 0; i < ANDROID_RESOURCES.length; i++) { var resource = ANDROID_RESOURCES[i]; var skip = false; if (searchTags.length) { for (j = 0; j < searchTags.length; j++) if (!(searchTags[j] in resource.tagsHash)) { skip = true; break; } if (skip) continue; results.push(resource); continue; } results.push(resource); } // Format and show the list of resource results. if (results.length) { $('#resource-browser-results .no-results').hide(); for (i = 0; i < results.length; i++) { var result = results[i]; var resultJqNode = $(tmpl('tmpl_resource_browser_result', result)); for (tag in result.tagsHash) resultJqNode.addClass('tagged-' + tag); $('#resource-browser-results').append(resultJqNode); loadedResults.push({ node: resultJqNode, result: result }); } } else { $('#resource-browser-results .no-results').show(); } } /** * Formats the given array into a human readable, English string, ala * 'a, b and c', with an optional item formatter/wrapper function. */ function humanizeList(arr, itemFormatter) { itemFormatter = itemFormatter || function(o){ return o; }; arr = arr || []; var out = []; for (var i = 0; i < arr.length; i++) { out.push(itemFormatter(arr[i]) + ((i < arr.length - 2) ? ', ' : '') + ((i == arr.length - 2) ? ' and ' : '')); } return out.join(''); } /** * Parses a parameter string, i.e. foo=1&bar=2 into * a dictionary object. */ function parseParams(paramStr) { var params = {}; paramStr = paramStr.replace(/^[?#]/, ''); var pairs = paramStr.split('&'); for (var i = 0; i < pairs.length; i++) { var p = pairs[i].split('='); var key = p[0] ? decodeURIComponent(p[0]) : p[0]; var val = p[1] ? decodeURIComponent(p[1]) : p[1]; if (val === '0') val = 0; if (val === '1') val = 1; if (key in params) { // Handle array values. params[key] = makeArray(params[key]); params[key].push(val); } else { params[key] = val; } } return params; } /** * Returns the argument as a single-element array, or the argument itself * if it's already an array. */ function makeArray(o) { if (!o) return []; if (typeof o === 'object' && 'splice' in o) { return o; } else { return [o]; } } })();