|
| 1 | +--- |
| 2 | +layout: main |
| 3 | +extraCSS: |
| 4 | + - css/toolbar.css |
| 5 | + - css/search.css |
| 6 | +--- |
| 7 | + |
| 8 | +{% include "toolbar" %} |
| 9 | + |
| 10 | +<div id="back-container"> |
| 11 | + <span> |
| 12 | + <a id="back-anchor" href="">Back</a> |
| 13 | + </span> |
| 14 | +</div> |
| 15 | + |
| 16 | +<div id="search-container"> |
| 17 | + <h1 id="searching-for"></h1> |
| 18 | + <div id="result-container"> |
| 19 | + <div class="results"> |
| 20 | + <h1>Entity Results</h1> |
| 21 | + <ul id="entity-results"> |
| 22 | + </ul> |
| 23 | + </div> |
| 24 | + <div class="results"> |
| 25 | + <h1>Member Results</h1> |
| 26 | + <ul id="member-results"> |
| 27 | + </ul> |
| 28 | + </div> |
| 29 | + </div> |
| 30 | +</div> |
| 31 | + |
| 32 | +<script> |
| 33 | + // Parse parameters from URL: |
| 34 | + var parameters = []; |
| 35 | + var apiSearch = undefined; |
| 36 | + var docs = {{ docs | json }}; |
| 37 | + (function() { |
| 38 | + var pairs = location.search.substring(1).split('&'); |
| 39 | + for (var i = 0; i < pairs.length; i++) { |
| 40 | + var keyVal = pairs[i].split('='); |
| 41 | + parameters[keyVal[0]] = keyVal.length == 2 ? keyVal[1] : undefined; |
| 42 | + } |
| 43 | + })(); |
| 44 | + |
| 45 | + // Set search term and back button: |
| 46 | + var searchTerm = parameters["searchTerm"]; |
| 47 | + document.getElementById("searching-for").innerHTML = 'Search results for "' + searchTerm + '"'; |
| 48 | + document.getElementById("back-anchor").href = parameters["previousUrl"]; |
| 49 | + |
| 50 | + if (!window.Worker) { |
| 51 | + document.getElementById("searching-for").innerHTML = |
| 52 | + "Couldn't search for \"" + searchTerm + "\", " + |
| 53 | + "web workers not supported. Please update your browser."; |
| 54 | + } |
| 55 | + else { |
| 56 | + // perform API search: |
| 57 | + apiSearch = new Worker("{{ site.baseurl }}/js/api-search.js"); |
| 58 | + apiSearch.postMessage({ |
| 59 | + "type": "setup", |
| 60 | + "search": searchTerm, |
| 61 | + "docs": docs, |
| 62 | + }); |
| 63 | + |
| 64 | + var insertEntity = function(entityResultsNode, entityResults) { |
| 65 | + return function(entity, parent) { |
| 66 | + var shouldInsert = |
| 67 | + parent.kind == "package" && |
| 68 | + !(entity.kind == "object" && entity.hasCompanion) |
| 69 | + |
| 70 | + if (shouldInsert) { |
| 71 | + // If parent package not in list, create it first: |
| 72 | + if (!(parent.name in entityResults)) { |
| 73 | + var packageLi = document.createElement("li"); |
| 74 | + entityResultsNode.appendChild(packageLi); |
| 75 | + |
| 76 | + packageLi.innerHTML = |
| 77 | + "<h1 class=\"package-name\">" + |
| 78 | + "<a href=\"{{ site.baseurl }}/api/" + parent.path.join('/') + "/index.html\">" + |
| 79 | + parent.name + |
| 80 | + "</a>" + |
| 81 | + "</h1>"; |
| 82 | + |
| 83 | + var entityUl = document.createElement("ul"); |
| 84 | + entityUl.classList.add("entity-ul"); |
| 85 | + packageLi.appendChild(entityUl); |
| 86 | + entityResults[parent.name] = entityUl; |
| 87 | + var coverBlock = document.createElement("div"); |
| 88 | + coverBlock.classList.add("cover-block"); |
| 89 | + entityUl.appendChild(coverBlock); |
| 90 | + } |
| 91 | + |
| 92 | + // Insert into list of results in package, no need to sort - |
| 93 | + // already sorted: |
| 94 | + var entityUl = entityResults[parent.name]; |
| 95 | + var entityLi = document.createElement("li"); |
| 96 | + if (entity.hasCompanion) |
| 97 | + entityLi.classList.add("entity-result-li", "with-companion"); |
| 98 | + else |
| 99 | + entityLi.classList.add("entity-result-li"); |
| 100 | + |
| 101 | + var companion = !entity.hasCompanion ? "" : ( |
| 102 | + '<a class="letter-anchor object" href="{{ site.baseurl }}/api/' + entity.companionPath.join('/') + '.html">O</a>' |
| 103 | + ); |
| 104 | + |
| 105 | + var letter = |
| 106 | + '<a class="letter-anchor ' + entity.kind + '" href="{{ site.baseurl }}/api/' + entity.path.join('/') + '.html">' + |
| 107 | + entity.kind.charAt(0).toUpperCase() + |
| 108 | + '</a>' |
| 109 | + |
| 110 | + entityLi.innerHTML = ( |
| 111 | + '<div class="entity-kinds">' + |
| 112 | + companion + |
| 113 | + letter + |
| 114 | + '</div>' + |
| 115 | + "<a class=\"entity-name\" href=\"{{ site.baseurl }}/api/" + entity.path.join('/') + ".html\">" + |
| 116 | + entity.name + |
| 117 | + "</a>" |
| 118 | + ); |
| 119 | + entityUl.appendChild(entityLi); |
| 120 | + return entityLi; |
| 121 | + } |
| 122 | + else { |
| 123 | + return undefined; |
| 124 | + } |
| 125 | + }; |
| 126 | + }; |
| 127 | + |
| 128 | + var insertMember = function(member, li) { |
| 129 | + li.appendChild(document.createTextNode(", " + member.name)); |
| 130 | + }; |
| 131 | + |
| 132 | + var entityResultsNode = document.getElementById("entity-results"); |
| 133 | + var entityResults = []; |
| 134 | + var memberResultsNode = document.getElementById("member-results"); |
| 135 | + var memberResults = []; |
| 136 | + |
| 137 | + apiSearch.onmessage = function(res) { |
| 138 | + switch(res.data.type) { |
| 139 | + case "entityResult": { |
| 140 | + var entity = res.data.entity; |
| 141 | + var package = res.data.package; |
| 142 | + //console.log("got entity: " + entity.name + ", in package: " + package.name); |
| 143 | + insertEntity(entityResultsNode, entityResults)(entity, package); |
| 144 | + break; |
| 145 | + } |
| 146 | + case "memberResult": { |
| 147 | + var member = res.data.member; |
| 148 | + var parent = res.data.parent; |
| 149 | + var package = res.data.package; |
| 150 | + //console.log("got member: " + member.name + ", in entity: " + parent.name); |
| 151 | + var li = insertEntity(memberResultsNode, memberResults)(parent, package); |
| 152 | + if (li) insertMember(member, li); |
| 153 | + break; |
| 154 | + } |
| 155 | + default: { |
| 156 | + console.log("Got unknown message: " + res.data.type); |
| 157 | + } |
| 158 | + } |
| 159 | + }; |
| 160 | + } |
| 161 | +</script> |
0 commit comments