Skip to content

Project update #22

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
imadbaber93 wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Project update #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ad52504
imads first commit
imadbaber93 Oct 16, 2017
da7425b
Rename login.html to index.html
imadbaber93 Oct 16, 2017
341b6bf
update
imadbaber93 Oct 18, 2017
ed01f20
update
imadbaber93 Oct 18, 2017
b5d625e
update
imadbaber93 Oct 18, 2017
8510809
update
imadbaber93 Oct 18, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 58 additions & 31 deletions assets/javascript/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,46 +1,73 @@
$(document).ready(function () {
//$(document).ready(function) {
var nameArray = [];
var dateArray = [];
var localeArray = [];
var authKey = "c6Pfj5qgjtkvDTOAzxWf1bDTtr80wGVA";
var searchKeyword = "rock"
var searchKeyword = "Panthers"
var searchCity = "charlotte"
var queryURLBase = "https://app.ticketmaster.com/discovery/v2/events.json?keyword=" + searchKeyword + "&city=" + searchCity + "&raduis=20&unit=miles&apikey=" +
authKey;

$.ajax({
url: queryURLBase,
method: "GET"
}).done(function (response) {
console.log(response);
var results = response;
// console.log(results._embedded.events[0]);
// console.log(results._embedded.events);
var provider = new firebase.auth.GoogleAuthProvider();
provider.addScope('https://www.googleapis.com/auth/plus.login');
function signIn() {
console.log("Sign IN");
firebase.auth().signInWithPopup(provider).then(function (result) {
//this gives you a google access token. you can use it to access the google api.
var token = result.credential.accessToken;
// The signed-in user info.
var user = result.user;
console.log(user.displayName);
firebase.auth().onAuthStateChanged(user => {
if(user) {
window.location = 'https://www.google.com'; //After successful login, user will be redirected to home.html
}
})
.catch(function(error) {
//handle errors here.
var errorCode = error.code;
var errorMessage = error.message;
//the email of the user's account used
var email = error.email;
// the firebase.auth.AuthCredential type that was used.
var credential = error.credential;
});

for (var i = 0; i < results._embedded.events.length; i++) {
var eventList = results._embedded.events[i];
var eventName = eventList.name;
var eventDate = eventList.dates.start.localDate;

nameArray.push(results._embedded.events[i]);
dateArray.push(eventDate);
localeArray.push();
console.log(eventName);
console.log(eventDate);
});
};
// $("#login").on("click", function(event){
// signIn();
// });
// // $.ajax({
// url: queryURLBase,
// method: "GET"
// }).done(function (response) {
// console.log(response);
// var results = response;
// // console.log(results._embedded.events[0]);
// // console.log(results._embedded.events);

// for (var i = 0; i < results._embedded.events.length; i++) {
// var eventList = results._embedded.events[i];
// var eventName = eventList.name;
// var eventDate = eventList.dates.start.localDate;
// nameArray.push(results._embedded.events[i]);
// dateArray.push(eventDate);
// console.log(eventName);
// console.log(eventDate);

};
console.log(nameArray[0].name);
console.log(nameArray[1].name);
console.log(nameArray[2].name);
console.log(nameArray[3].name);
console.log(dateArray[0]);
console.log(dateArray[1]);
console.log(dateArray[2]);
console.log(dateArray[3]);

// };
// console.log(nameArray[0].name);
// console.log(nameArray[1].name);
// console.log(nameArray[2].name);
// console.log(nameArray[3].name);
// console.log(dateArray[0]);
// console.log(dateArray[1]);
// console.log(dateArray[2]);
// console.log(dateArray[3]);
// });

});


});
// });
151 changes: 57 additions & 94 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,94 +1,57 @@
<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">





</head>

<body>



<div class="jumbotron">
<h1 class="display-3">Calendar Complete</h1>
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<hr class="my-4">
<p class="lead">It uses utility classes for typography and spacing to space content out within the larger container.</p>

</div>

<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #bc2220;">
<a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index2.html">Calendar Page
<span class="sr-only">(current)</span>
</a>
</li>
</ul>
</div>
</nav>



<div class="container search-par">
<form>
<div id="band-info" class="form-group">
<label for="exampleInputEmail1">What you want to see</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
</div>
<div id="locate" class="form-group">
<label for="exampleInputPassword1">Location</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="">
</div>
<center>
<a href="index2.html" id="infoSubmit" class="btn btn-secondary btn-sm active" style="background-color: #bc2220; border-color: #bc2220;"
role="button" aria-pressed="true">Submit</a>
</center>
</form>
</div>





<div class="card text-center">

<div class="card-footer text-muted">
CopyRight@CalendarComplete
</div>
</div>








<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
crossorigin="anonymous"></script>
<script type="text/javascript" src="assets/javascript/app.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">

</head>
<body>




<div class="container" style="width:20%">
<div class="card text-center">
<h5>Login</h5>
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<a href="index.html" id="logSubmit" class="btn btn-secondary btn-sm active" style="background-color: #bc2220; border-color: #bc2220;" role="button" aria-pressed="true">Submit</a>
</form>
</div>
</div>

<button class="btn btn-primary" onclick="signIn();" ><i class="fa fa-google-plus"></i>Google Signin</button>
<script src="https://www.gstatic.com/firebasejs/4.5.1/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyASdrxxXBuHkCx5SzEO0dknqCDvAc_mra0",
authDomain: "concert-search-app.firebaseapp.com",
databaseURL: "https://concert-search-app.firebaseio.com",
projectId: "concert-search-app",
storageBucket: "concert-search-app.appspot.com",
messagingSenderId: "836632121398"
};
firebase.initializeApp(config);
</script>
<script src ="https://apis.google.com/js/platform.js" async defer></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="assets/javascript/app.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>
111 changes: 0 additions & 111 deletions index2.html
View file
Open in desktop

This file was deleted.

Loading