loot/loot.github.io
0
0
Fork 0
mirror of https://github.com/loot/loot.github.io.git synced 2026-07-27 14:13:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use <paper-dropdown-menu> for search game select.

Browse Source
This commit is contained in:
Oliver Hamlet
2014-12-16 01:46:02 +00:00
parent edc5d2595f
commit 44020de3b0
3 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_layouts/page.html
+3
View File
@@ -16,12 +16,15 @@
<link rel="import" href="http://www.polymer-project.org/components/core-icons/communication-icons.html">
<link rel="import" href="http://www.polymer-project.org/components/core-icon-button/core-icon-button.html">
<link rel="import" href="http://www.polymer-project.org/components/core-input/core-input.html">
<link rel="import" href="http://www.polymer-project.org/components/core-menu/core-menu.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-button/paper-button.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-item/paper-item.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-spinner/paper-spinner.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-input/paper-input-decorator.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-shadow/paper-shadow.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-dropdown/paper-dropdown.html">
<link href="http://fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
<body unresolved fullbleed>
js/search.js
+13 -9
View File
@@ -21,7 +21,7 @@ repos = [
var github = new Github(auth);
var repoBranch = 'master'; //The repository branch to search.
var gameSelect = document.getElementById('gameSelect');
var gameSelect = document.getElementById('gameSelectMenu');
var searchButton = document.getElementById('searchButton');
var searchBox = document.getElementById('searchBox');
var resultsDiv = document.getElementById('results');
@@ -84,7 +84,7 @@ function onSearchInit(evt) {
return;
}
var repo = github.getRepo("loot", gameSelect.value);
var repo = github.getRepo("loot", gameSelect.selected);
repo.read(repoBranch, 'masterlist.yaml', readMasterlist);
/* Clear any previous search results. */
@@ -102,9 +102,9 @@ function onSearchInit(evt) {
/* Fill the drop-down games box with stuff. */
for (var i=0; i < repos.length; ++i) {
var option = document.createElement('option');
option.innerText = repos[i][0];
option.setAttribute('value', repos[i][1]);
var option = document.createElement('paper-item');
option.textContent = repos[i][0];
option.setAttribute('data-game', repos[i][1]);
gameSelect.appendChild(option);
}
@@ -118,14 +118,18 @@ if (pos != -1) {
searchBox.value = decodeURIComponent(document.URL.substring(pos2+8));
var game = decodeURIComponent(document.URL.substring(pos+6, pos2).toLowerCase());
if (game == "oblivion") {
gameSelect.value = repos[0][1];
gameSelect.selected = repos[0][1];
} else if (game == "skyrim") {
gameSelect.value = repos[1][1];
gameSelect.selected = repos[1][1];
} else if (game == "fallout3") {
gameSelect.value = repos[2][1];
gameSelect.selected = repos[2][1];
} else if (game == "falloutnv") {
gameSelect.value = repos[3][1];
gameSelect.selected = repos[3][1];
} else {
gameSelect.selected = repos[0][1];
}
searchButton.click();
} else {
gameSelect.selected = repos[0][1];
}
search.html
+10 -3
View File
@@ -24,13 +24,20 @@ permalink: /search/
<p>
<paper-button id="searchButton" raised>Search</paper-button> for
<paper-button id="searchButton" raised>Search</paper-button>
for
<paper-input-decorator label="Plugin filename...">
<input is="core-input" type="text" id="searchBox" autofocus />
</paper-input-decorator>
in the
<select id="gameSelect"></select>
masterlist.<br>
<paper-dropdown-menu>
<paper-dropdown class="dropdown">
<core-menu class="menu" valueattr="data-game" id="gameSelectMenu">
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
masterlist.
</p>