Gnarwhal/achievements_project
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.

Browse source
This commit is contained in:
Gnarwhal 2021-01-29 03:30:05 -05:00
parent c160703048
commit e5a84268cc
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
11 changed files with 456 additions and 328 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/webpage/templates/achievements_page.html.template Normal file
View file

@ -0,0 +1,40 @@
<div class="list-page-search">
<label for="achievement-search">Search</label>
<input id="achievement-search" type="text" placeholder="Name, Keyword, etc..." name="achievement-search" />
</div>
<div class="list-page-partitions">
<div class="list-page-filter-partition">
<p class="page-subheader-text">Filters</p>
<div class="page-subheader-separator"></div>
<div id="games-owned-filter" class="list-page-filter">
<div class="list-page-filter-checkbox"></div>
<p class="list-page-filter-name">From Games Owned</p>
</div>
<div id="games-owned-filter" class="list-page-filter">
<div class="list-page-filter-checkbox"></div>
<p class="list-page-filter-name">In Progress</p>
</div>
<div id="games-owned-filter" class="list-page-filter">
<div class="list-page-filter-checkbox"></div>
<p class="list-page-filter-name">Completed</p>
</div>
</div>
<div class="list-page-list-partition">
<div class="list-page-list">
<div class="list-page-list-header">
<p class="achievement-list-page-entry-icon"></p>
<p class="achievement-list-page-entry-name">Name</p>
<p class="achievement-list-page-entry-description">Description</p>
<p class="achievement-list-page-entry-stages">Stages</p>
</div>
<template data-template="achievements-page-list: list">
<div class="list-page-list-entry">
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Thumbnail"></img>
<p class="achievement-list-page-entry-name">${achievements-page-list[Name]}</p>
<p class="achievement-list-page-entry-description">${achievements-page-list[Description]}</p>
<p class="achievement-list-page-entry-stages">${achievements-page-list[Stages]}</p>
</div>
</template>
</div>
</div>
</div>