', {'class': 'gs-results'});
+ $.each(items, function(i, item) {
+ // result item
+ var $resultItem = $('
', {'class': 'gs-result' });
+ var $title = $('
', {'class': 'gs-title'});
+ $title.append($('', {'target': '_blank', 'href': item['link'], 'html': item['htmlTitle']}));
+ var $url = $('
', {'class': 'gs-url', 'html': item['link']});
+ var $context = $('
', {'class': 'gs-context'});
+ var $snippet = $('
', {'class': 'gs-snippet', 'html': item['htmlSnippet'].replace(/\/g, '')});
+
+ // media
+ if (item.pagemap.hasOwnProperty('cse_thumbnail')) {
+ var $media = $('
', {'class': 'gs-media'});
+ var cse_thumbnail = item.pagemap.cse_thumbnail[0];
+ var $link = $('', {'href': item['link'], 'target': '_blank'});
+ var $image = $('![]()
', { 'src': cse_thumbnail.src, 'alt': 'Thumbnail image' });
+ $link.append($image);
+ $media.append($link);
+ $context.append($media);
+ }
+
+ // file format
+ if (item.hasOwnProperty('fileFormat')) {
+ var $ffBox = $('
', {'class': 'gs-file-format-box'});
+ var $fileFormat = $('', {'class': 'gs-file-format', 'text': 'File format: '});
+ var $type = $('', {'class': 'gs-file-type', 'text': item['fileFormat']});
+ $ffBox.append($fileFormat);
+ $ffBox.append($type);
+ $context.append($ffBox);
+ }
+
+ $context.append($snippet);
+
+ $resultItem.append($title);
+ $resultItem.append($url);
+ $resultItem.append($context);
+ $elements.append($resultItem);
+
+ });
+ $('#searchresults').append($elements);
+}
+
+function addPagination(query, selectedVersion, currentPage, previousPage, nextPage, totalPages, limit) {
+ function getPageList(currentPage, totalPages, limit) {
+ var x, left, right, pageList;
+ left = right = currentPage;
+ pageList = [];
+ x = 1;
+ while (x < 10 && x < totalPages) {
+ if (left > 1) {
+ left--;
+ x++;
+ }
+ if (right < totalPages) {
+ right++;
+ x++;
+ }
+ }
+
+ if (limit === currentPage) {
+ right = currentPage;
+ }
+
+ var diff = (right - left) + 1;
+ var rest = 10 - diff;
+
+ if (rest !== 0) {
+ left = left - rest < 1 ? 1 : left - rest;
+ }
+
+ for(i = left; i <= right; i++) {
+ pageList.push(i);
+ }
+ return pageList;
+ }
+
+ var pageList = getPageList(currentPage, totalPages, limit);
+
+ var $cursor = $('
', {'class': 'gs-cursor'});
+
+ if (previousPage) {
+ var $previous = $('', {
+ 'text': 'Previous',
+ 'class': 'gs-cursor-page-previous',
+ 'href': 'search.html?query=' + query + '&page=' + previousPage + '&version=' + selectedVersion
+ });
+ $cursor.append($previous);
+ }
+
+ var $page;
+ for(var i = 0; i < pageList.length; i++) {
+ $page = $('', {
+ 'class': 'gs-cursor-page',
+ 'href': 'search.html?query=' + query + '&page=' + pageList[i] + '&version=' + selectedVersion,
+ 'text': pageList[i]
+ });
+ if (currentPage === pageList[i]) {
+ $page.addClass('active');
+ }
+ $cursor.append($page);
+ }
+
+ if (nextPage) {
+ var $next = $('', {
+ 'text': 'Next',
+ 'class': 'gs-cursor-page-next',
+ 'href': 'search.html?query=' + query + '&page=' + nextPage + '&version=' + selectedVersion
+ });
+ $cursor.append($next);
+ }
+ $('#searchresults').append($cursor);
+}
+
+function trim(s) {
+ return s?s.replace(/^\s\s*/, '').replace(/\s\s*$/, ''):'';
+}
+
+var entityMap = {
+ "&": "&",
+ "<": "<",
+ ">": ">",
+ '"': '"',
+ "'": ''',
+ "/": '/'
+};
+
+function escapeHtml(s) {
+ return String(s).replace(/[&<>"'\/]/g, function (s) {
+ return entityMap[s];
+ });
+}
+
+
+function versionExists(v) {
+ for (var i = 0; i < versions.length; i++) {
+ if (versions[i].version === v) {
+ return true;
+ }
+ }
+ return false;
+}
+
+function getCurrentPath() {
+ var windowLocationArr = window.location.href.split("/");
+ var currentPath = encodeURI(
+ windowLocationArr[windowLocationArr.length - 1].replace(
+ window.location.hash,
+ ""
+ ));
+ return currentPath;
+}
+
+function getURLParameter(name) {
+ return decodeURIComponent((new RegExp('[?|&]'+name+
+ '='+'([^&;]+?)(&|#|;|$)').exec(location.search)
+ ||[,""])[1].replace(/\+/g, '%20'))||null;
+}
+
+$(document).ready(function() {
+ // remove duplicate search
+ $('#top > #MSearchField').remove();
+
+ var query = trim(getURLParameter('query'));
+ if (!query) {
+ handleNoResults();
+ return;
+ }
+ var page = trim(getURLParameter('page')) || 1;
+ var selectedVersion = trim(getURLParameter('version'));
+ if (versionExists(selectedVersion)) {
+ if (versions[1] && selectedVersion === versions[1].version) {
+ selectedVersion = 'latest';
+ }
+ if (window.location.pathname.startsWith('/cn')) {
+ selectedVersion = 'cn/' + selectedVersion;
+ }
+ }
+ else {
+ selectedVersion = 'ALL';
+ }
+
+ // the key is used to store and retrieve data from sessionStorage
+ var key = getCurrentPath();
+
+ var data;
+ if (key in sessionStorage) {
+ try {
+ data = JSON.parse(sessionStorage[key]);
+ }
+ catch(err) {};
+ }
+ gapi.load('client', search(query, selectedVersion,page, key));
+});
diff --git a/docs/_templates/search-field.html b/docs/_templates/search-field.html
new file mode 100644
index 00000000000..4ed6c3803df
--- /dev/null
+++ b/docs/_templates/search-field.html
@@ -0,0 +1,4 @@
+
diff --git a/docs/_templates/search.html b/docs/_templates/search.html
new file mode 100644
index 00000000000..7b9b218860e
--- /dev/null
+++ b/docs/_templates/search.html
@@ -0,0 +1,31 @@
+{%- extends "layout.html" %}
+{% set title = _('Search') %}
+{%- block scripts %}
+ {{ super() }}
+
+
+
+{%- endblock %}
+{% block body %}
+
{{ _('Search') }}
++ Search Results... +
+ + {% block scriptwarning %} +
+
+
+ {% endblock %}
+ {% block searchbox %}
+
+ {% endblock %}
+ {% block searchresults %}
+
+
+ {% endblock %}
+{% endblock %}