zoriya/EAU
1
0
Fork 0
mirror of https://github.com/zoriya/EAU.git synced 2026-06-03 10:56:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding a game tab.

Browse Source
This commit is contained in:
Tristan Roux
2019-03-06 21:40:30 +01:00
parent b606d0f367
commit 6dbf7fcf54
10 changed files with 91 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
game.html
+36
View File
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>EAU</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="scss/custom.css" type="text/css">
<link rel="stylesheet" href="scss/game.css" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script>if (window.module) module = window.module;</script>
</head>
<body>
<header id="nav"> </header>
<!-- 616px x 353px -->
<div class="container-fluid pt-5">
<div class="row">
<div class="col-12 col-md-6">
<img class="game-head" src="https://steamcdn-a.akamaihd.net/steam/apps/728880/header.jpg?t=1551893616" />
</div>
<div class="col">
<h2>Overcooked 2</h2>
</div>
</div>
</div>
<script>
$(function ()
{
$("#nav").load("navBar.html");
});
</script>
</body>
</html>
index.html
+13 -14
View File
@@ -9,23 +9,15 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="js/search.js"></script>
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script>if (window.module) module = window.module;</script>
<script src="js/Library.js"></script>
<script src="js/Carousel.js"></script>
</head>
<body onLoad="populateGrid(); setup();">
<header>
<nav class="navbar navbar-dark bg-primary align-items-end"> <!--fixed-top-->
<a class="navbar-brand" href="#">EAU</a>
<div style="float: right;">
<div class="searchbar">
<button type="button" class="btn icon" onClick="openSearch()"><i class="fa fa-search"></i></button>
<input type="text" id="searchInput" placeholder="Search your library" />
</div>
<button type="button" class="btn icon"><i class="fa fa-cog"></i></button>
</div>
</nav>
</header>
<header id="nav"> </header>
<div class="scene">
<div class="carousel">
@@ -44,6 +36,13 @@
<hr>
<div class="grid" id="library"></div>
<div class="grid" id="library"></div>
<script>
$(function ()
{
$("#nav").load("navBar.html");
});
</script>
</body>
</html>
js/Library.js
+5
View File
@@ -62,3 +62,8 @@ function populateGrid() {
function onGameClick(gameClicked) {
console.log(gameClicked.name);
}
function openSearch() {
var input = document.getElementById("searchInput");
input.value = "";
input.focus();
}
js/Library.ts
+8
View File
@@ -75,4 +75,12 @@ function populateGrid()
function onGameClick(gameClicked: Game)
{
console.log(gameClicked.name);
}
function openSearch()
{
let input = <HTMLInputElement>document.getElementById("searchInput");
input.value = "";
input.focus();
}
js/search.js
-6
View File
@@ -1,6 +0,0 @@
function openSearch()
{
let input = document.getElementById("searchInput");
input.value = "";
input.focus();
}
main.js
+1 -1
View File
@@ -5,7 +5,7 @@ var win;
function createWindow()
{
win = new BrowserWindow({ width: 800, height: 600 });
win.loadFile('index.html');
win.loadFile("index.html");
win.setMenu(null);
win.on("closed", () =>
navBar.html
+11
View File
@@ -0,0 +1,11 @@
<nav class="navbar navbar-dark bg-primary align-items-end">
<!--fixed-top-->
<a class="navbar-brand" href="#">EAU</a>
<div style="float: right;">
<div class="searchbar">
<button type="button" class="btn icon" onClick="openSearch()"><i class="fa fa-search"></i></button>
<input type="text" id="searchInput" placeholder="Search your library" />
</div>
<button type="button" class="btn icon"><i class="fa fa-cog"></i></button>
</div>
</nav>
scss/game.css
+4
View File
@@ -0,0 +1,4 @@
.game-head {
width: 100%;
}
/*# sourceMappingURL=game.css.map */
scss/game.css.map
+9
View File
@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,UAAU,CACV;EACI,KAAK,EAAE,IAAI;CACd",
"sources": [
"game.scss"
],
"names": [],
"file": "game.css"
}
scss/game.scss
+4
View File
@@ -0,0 +1,4 @@
.game-head
{
width: 100%; //Not really good, low pixels.
}