added 3 other pages

This commit is contained in:
Jacob Levine 2019-02-06 17:51:58 -06:00
parent 48f34f0472
commit 901c8d25f8
8 changed files with 122 additions and 5 deletions

View File

@ -15,10 +15,10 @@
<body> <body>
<div id="mySidenav" class="sidenav"> <div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="#">About</a> <a href="#">Profile</a>
<a href="#">Services</a> <a href="team">Team</a>
<a href="#">Clients</a> <a href="scout">Scout Matches</a>
<a href="#">Contact</a> <a href="stats">Torunament Stats</a>
</div> </div>
<div id="main"> <div id="main">
<span onclick="openNav()" id="topbar"> <span onclick="openNav()" id="topbar">

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title><meta charset="utf-8">
<title>titanscout</title>
<script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.css" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="../">Profile</a>
<a href="#">Team</a>
<a href="../scout">Scout Matches</a>
<a href="../stats">Torunament Stats</a>
</div>
<span onclick="openNav()" id="topbar">
<h1 id="mainhead">TitanScout- Scout Matches</h1>
</body>
</html>

View File

@ -0,0 +1,13 @@
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px and add a black background color to body */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
}

View File

@ -41,7 +41,7 @@ var uiConfig = {
} }
}; };
var handleSignedInUser = function(user) { var handleSignedInUser = function(user) {
document.getElementById("mainhead").innerHTML = "TitanScout- Create Form"; document.getElementById("mainhead").innerHTML = "TitanScout- User Info";
if (user.displayName != null) { if (user.displayName != null) {
document.getElementById('status').innerHTML = "You are signed in as: " + user.displayName; document.getElementById('status').innerHTML = "You are signed in as: " + user.displayName;
} else if (user.email != null) { } else if (user.email != null) {
@ -219,3 +219,6 @@ function closeNav() {
document.getElementById("main").style.marginLeft = "0"; document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white"; document.body.style.backgroundColor = "white";
} }
if(firebase.auth().currentUser!=null){
handleSignedInUser(firebase.auth().currentUser)
}

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title><meta charset="utf-8">
<title>titanscout</title>
<script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.css" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="../">Profile</a>
<a href="#">Team</a>
<a href="../scout">Scout Matches</a>
<a href="../stats">Torunament Stats</a>
</div>
<span onclick="openNav()" id="topbar">
<h1 id="mainhead">TitanScout- Your Teams</h1>
</body>
</html>

View File

@ -0,0 +1,13 @@
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px and add a black background color to body */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
}

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title><meta charset="utf-8">
<title>titanscout</title>
<script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.css" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="../">Profile</a>
<a href="#">Team</a>
<a href="../scout">Scout Matches</a>
<a href="../stats">Torunament Stats</a>
</div>
<span onclick="openNav()" id="topbar">
<h1 id="mainhead">TitanScout- Your Teams</h1>
</body>
</html>

View File

@ -0,0 +1,13 @@
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px and add a black background color to body */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
}