Gnarwhal/achievements_project
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
achievements_project/frontend/webpage/search_users.html

130 lines
5.7 KiB
HTML
Raw Normal View History

Added initial front end
2021-01-22 07:57:23 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.
2021-01-29 08:30:05 +00:00
<title>Achievements Project</title>
Added initial front end
2021-01-22 07:57:23 +00:00
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
<link rel="stylesheet" href="/static/styles/theme.css" />
<link rel="stylesheet" href="/static/styles/common.css" />
Added SteamAPI and achievement searching
2021-02-18 07:15:09 +00:00
<link rel="stylesheet" href="/static/styles/search.css" />
<link rel="stylesheet" href="/static/styles/search_users.css" />
Added initial front end
2021-01-22 07:57:23 +00:00
</head>
<body>
<div id="navbar">
Frontend revision 2. Expanded template functionality and convenience
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}
Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.
2021-01-29 08:30:05 +00:00
</div>
</template>
Added initial front end
2021-01-22 07:57:23 +00:00
</div>
Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.
2021-01-29 08:30:05 +00:00
</template>
Added initial front end
2021-01-22 07:57:23 +00:00
</div>
<div id="content-body">
Added SteamAPI and achievement searching
2021-02-18 07:15:09 +00:00
<div id="search-users-page" class="search page">
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
<div class="page-subsection">
<div class="page-header">
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<p class="page-header-text">User Search</p>
A heckin ton. Mostly hackish
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">
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<label id="user-search-button" for="user-search">Search</label>
<input id="user-search-field" type="text" placeholder="Name" name="user-search"/>
A heckin ton. Mostly hackish
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">
<p class="page-subheader-text">Games</p>
<div class="page-subheader-separator"></div>
</div>
<div class="list-page-filter-chunk page-subsection-chunk">
<div class="page-subsection-wrapper">
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<div class="list-page-filter">
<p class="list-page-filter-label">Min Owned</p>
<input id="min-owned-filter" type="text" class="list-page-filter-param"></input>
</div>
<div class="list-page-filter">
<p class="list-page-filter-label">Max Owned</p>
<input id="max-owned-filter" type="text" class="list-page-filter-param"></input>
A heckin ton. Mostly hackish
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">
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<p class="page-subheader-text">Achievements</p>
A heckin ton. Mostly hackish
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">
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<div class="list-page-filter">
<p class="list-page-filter-label">Min Completed</p>
<input id="min-completed-filter" type="text" class="list-page-filter-param"></input>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<div class="list-page-filter">
<p class="list-page-filter-label">Max Completed</p>
<input id="max-completed-filter" type="text" class="list-page-filter-param"></input>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
Added searching for all relevant data types
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>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
Added searching for all relevant data types
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>
A heckin ton. Mostly hackish
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">
<p class="list-page-entry-icon"></p>
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<p class="list-page-entry-text user-username">Username</p>
<p class="list-page-entry-text user-game-count">Game Count</p>
<p class="list-page-entry-text user-achievement-count">Achievement Count</p>
<p class="list-page-entry-text user-avg-completion">Avg. Completion</p>
<p class="list-page-entry-text user-perfect-games">Perfect Games</p>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<template id="user-list-template" data-template="user-page-list: List<Basic>">
<div class="list-page-entry user" data-id="${user_id}">
<img class="list-page-entry-icon lazy-img" data-src="/api/user/${user_id}/image" alt="User Image"></img>
<p class="list-page-entry-text user-username">${username}</p>
<p class="list-page-entry-text user-game-count">${game_count}</p>
<p class="list-page-entry-text user-achievement-count">${achievement_count}</p>
<p class="list-page-entry-text user-avg-completion">${avg_completion}</p>
<p class="list-page-entry-text user-perfect-games">${perfect_games}</p>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
</template>
</div>
</div>
Revamped UI...ish
2021-02-06 01:19:11 +00:00
</div>
Added initial front end
2021-01-22 07:57:23 +00:00
</div>
Added searching for all relevant data types
2021-02-18 22:21:23 +00:00
<img id="loading-results" class="ap-loading" src="/static/res/loading.svg" alt="Loading Symbol" />
Added initial front end
2021-01-22 07:57:23 +00:00
</div>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
</div>
Added initial front end
2021-01-22 07:57:23 +00:00
</div>
A heckin ton. Mostly hackish
2021-02-16 19:11:12 +00:00
<script src="/static/scripts/template.js"></script>
<script src="/static/scripts/common.js"></script>
Added SteamAPI and achievement searching
2021-02-18 07:15:09 +00:00
<script src="/static/scripts/search.js"></script>
<script src="/static/scripts/search_users.js"></script>
Added initial front end
2021-01-22 07:57:23 +00:00
</body>
Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.
2021-01-29 08:30:05 +00:00
</html>
Reference in a new issue Copy permalink