2021-01-22 07:57:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
2021-01-29 08:30:05 +00:00
|
|
|
<title>Achievements Project</title>
|
2021-01-22 07:57:23 +00:00
|
|
|
|
2021-02-16 19:11:12 +00:00
|
|
|
<link rel="stylesheet" href="/static/styles/theme.css" />
|
|
|
|
|
<link rel="stylesheet" href="/static/styles/common.css" />
|
2021-02-18 07:15:09 +00:00
|
|
|
<link rel="stylesheet" href="/static/styles/search.css" />
|
|
|
|
|
<link rel="stylesheet" href="/static/styles/search_games.css" />
|
2021-01-22 07:57:23 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="navbar">
|
2021-01-30 00:52:25 +00:00
|
|
|
<template data-template="navbar: List<Basic>">
|
|
|
|
|
<div id="navbar-section-${section}" class="navbar-section">
|
|
|
|
|
<template data-template="navbar-section-${section}: List<Basic>">
|
|
|
|
|
<div id="navbar-item-${item}" class="navbar-item" data-page-name="${item}">
|
|
|
|
|
${title}
|
2021-01-29 08:30:05 +00:00
|
|
|
</div>
|
|
|
|
|
</template>
|
2021-01-22 07:57:23 +00:00
|
|
|
</div>
|
2021-01-29 08:30:05 +00:00
|
|
|
</template>
|
2021-01-22 07:57:23 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="content-body">
|
2021-02-18 07:15:09 +00:00
|
|
|
<div id="search-games-page" class="search page">
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="page-subsection">
|
|
|
|
|
<div class="page-header">
|
2021-02-18 22:21:23 +00:00
|
|
|
<p class="page-header-text">Game Search</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="page-header-separator"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="page-subsection">
|
|
|
|
|
<div id="list-page-search-filters">
|
|
|
|
|
<div id="list-page-search-dropdown">
|
|
|
|
|
<div id="search-wrapper" class="page-subsection-wrapper">
|
|
|
|
|
<div id="list-page-search-pair" class="list-page-search page-subsection-chunk">
|
2021-02-18 22:21:23 +00:00
|
|
|
<label id="game-search-button" for="game-search">Search</label>
|
|
|
|
|
<input id="game-search-field" type="text" placeholder="Name" name="game-search"/>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="filter-dropdown-wrapper" class="page-subsection-wrapper">
|
|
|
|
|
<div id="filter-dropdown-stack">
|
|
|
|
|
<img id="filter-dropdown-button" src="/static/res/dropdown.svg" alt="Dropdown Button"/>
|
|
|
|
|
<img id="filter-dropdown-button-hover" src="/static/res/dropdown-hover.svg" alt="Dropdown Button"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="list-page-filters-flex">
|
|
|
|
|
<div class="list-page-filter-section page-subsection-wrapper">
|
|
|
|
|
<div class="page-subheader">
|
2021-02-18 22:21:23 +00:00
|
|
|
<p class="page-subheader-text">Me</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="page-subheader-separator"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter-chunk page-subsection-chunk">
|
|
|
|
|
<div class="page-subsection-wrapper">
|
2021-02-18 22:21:23 +00:00
|
|
|
<div id="owned-filter" class="list-page-filter">
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="list-page-filter-checkbox"></div>
|
2021-02-18 22:21:23 +00:00
|
|
|
<p class="list-page-filter-name">Owned By Me</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter-section page-subsection-wrapper">
|
|
|
|
|
<div class="page-subheader">
|
|
|
|
|
<p class="page-subheader-text">Achievements</p>
|
|
|
|
|
<div class="page-subheader-separator"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter-chunk page-subsection-chunk">
|
|
|
|
|
<div class="page-subsection-wrapper">
|
2021-02-18 22:21:23 +00:00
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Min Avg. Completion</p>
|
|
|
|
|
<input id="min-avg-completion-filter" type="text" class="list-page-filter-param"></input>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
2021-02-18 22:21:23 +00:00
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Max Avg. Completion</p>
|
|
|
|
|
<input id="max-avg-completion-filter" type="text" class="list-page-filter-param"></input>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter-section page-subsection-wrapper">
|
|
|
|
|
<div class="page-subheader">
|
2021-02-18 22:21:23 +00:00
|
|
|
<p class="page-subheader-text">Users</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="page-subheader-separator"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter-chunk page-subsection-chunk">
|
|
|
|
|
<div class="page-subsection-wrapper">
|
2021-02-18 22:21:23 +00:00
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Min Num Owners</p>
|
|
|
|
|
<input id="min-num-owners-filter" type="text" class="list-page-filter-param"></input>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Max Num Owners</p>
|
|
|
|
|
<input id="max-num-owners-filter" type="text" class="list-page-filter-param"></input>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Min Num Perfects</p>
|
|
|
|
|
<input id="min-num-perfects-filter" type="text" class="list-page-filter-param"></input>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-filter">
|
|
|
|
|
<p class="list-page-filter-label">Max Num Perfects</p>
|
|
|
|
|
<input id="max-num-perfects-filter" type="text" class="list-page-filter-param"></input>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-page-partitions">
|
|
|
|
|
<div class="list-page-list-partition page-subsection-wrapper">
|
|
|
|
|
<div class="page-subsection-chunk">
|
|
|
|
|
<div class="list-page-list">
|
|
|
|
|
<div class="list-page-header">
|
2021-02-18 22:21:23 +00:00
|
|
|
<p class="list-page-entry-icon game"></p>
|
|
|
|
|
<p class="list-page-entry-text game-name">Game</p>
|
|
|
|
|
<p class="list-page-entry-text game-achievement-count">Achievement Count</p>
|
|
|
|
|
<p class="list-page-entry-text game-avg-completion">Avg. Completion</p>
|
|
|
|
|
<p class="list-page-entry-text game-num-owners">Num Owners</p>
|
|
|
|
|
<p class="list-page-entry-text game-num-perfects">Num Perfects</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
2021-02-18 22:21:23 +00:00
|
|
|
<template id="game-list-template" data-template="games-page-list: List<Basic>">
|
2021-02-16 19:11:12 +00:00
|
|
|
<div class="list-page-entry">
|
2021-02-18 22:21:23 +00:00
|
|
|
<img class="list-page-entry-icon lazy-img game" data-src="/api/game/${game_id}/image" alt="Game Thumbnail"></img>
|
|
|
|
|
<p class="list-page-entry-text game-name">${game_name}</p>
|
|
|
|
|
<p class="list-page-entry-text game-achievement-count">${achievement_count}</p>
|
|
|
|
|
<p class="list-page-entry-text game-avg-completion">${avg_completion}</p>
|
|
|
|
|
<p class="list-page-entry-text game-num-owners">${num_owners}</p>
|
|
|
|
|
<p class="list-page-entry-text game-num-perfects">${num_perfects}</p>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-02-06 01:19:11 +00:00
|
|
|
</div>
|
2021-01-22 07:57:23 +00:00
|
|
|
</div>
|
2021-02-18 22:21:23 +00:00
|
|
|
<img id="loading-results" class="ap-loading" src="/static/res/loading.svg" alt="Loading Symbol" />
|
2021-01-22 07:57:23 +00:00
|
|
|
</div>
|
2021-02-16 19:11:12 +00:00
|
|
|
</div>
|
2021-01-22 07:57:23 +00:00
|
|
|
</div>
|
2021-02-16 19:11:12 +00:00
|
|
|
<script src="/static/scripts/template.js"></script>
|
|
|
|
|
<script src="/static/scripts/common.js"></script>
|
2021-02-18 07:15:09 +00:00
|
|
|
<script src="/static/scripts/search.js"></script>
|
|
|
|
|
<script src="/static/scripts/search_games.js"></script>
|
2021-01-22 07:57:23 +00:00
|
|
|
</body>
|
2021-01-29 08:30:05 +00:00
|
|
|
</html>
|
