김대철 / CafeRecommend

Go to a project
Toggle navigation Toggle navigation pinning
최정민
e12e4534 1 parent 514c4535

FEAT: 선호도 조사추가 

-
Inline Side-by-side
Showing 6 changed files with 99 additions and 12 deletions
......@@ -104,14 +104,21 @@ router.post("/login", (req, res) => {
req.session.user.nickname = req.body.nickname;
req.session.user.age = req.body.age;
req.session.user.gender = req.body.gender;
req.session.user.price=req.body.price;
req.session.user.kindness=req.body.kindness;
req.session.user.noise=req.body.noise;
req.session.user.accessibility=req.body.accessibility;
var sql =
"INSERT INTO USER(EMAIL, NAME, NICKNAME, AGE, GENDER) VALUES(?,?,?,?,?)";
"INSERT INTO USER(EMAIL,NICKNAME, AGE, GENDER, PICTURE, KINDNESS, NOISE, ACCESSIBILITY) VALUES(?,?,?,?,?,?,?,?)";
var parameter = [
req.session.user.email,
req.session.user.name,
req.session.user.nickname,
req.session.user.age,
req.session.user.gender,
req.session.user.price,
req.session.user.kindness,
req.session.user.noise,
req.session.user.accessibility
];
connection.query(sql, parameter, function (err) {
if (err) {
......@@ -134,7 +141,6 @@ function checkAuthenticated(req, res, next) {
audience: CLIENT_ID, // Specify the CLIENT_ID of the app that accesses the backend
});
const payload = ticket.getPayload();
user.name = payload.name;
user.email = payload.email;
user.picture = payload.picture;
}
......
{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1622125471625,"user":{"name":"‍최정민[학생](소프트웨어융합대학 컴퓨터공학과)","email":"cjm2021401@khu.ac.kr","picture":"https://lh3.googleusercontent.com/a/AATXAJzFD3R6CaL2NpysVrfvdGqcQ83vh_wpbN_5hj-0=s96-c"}}
\ No newline at end of file
{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1622135361726,"user":{"email":"cjm104174@gmail.com","picture":"https://lh3.googleusercontent.com/a-/AOh14Gh3nytGsPbviGhkznR8HIwrL6o7xBIoFL08nIeU=s96-c","nickname":"cjm","age":"19","gender":"male","price":"1","kindness":"2","noise":"3","accessibility":"4"}}
\ No newline at end of file
......@@ -64,13 +64,7 @@
<script>
function onSignIn(googleUser) {
// var profile = googleUser.getBasicProfile();
// console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
// console.log('Name: ' + profile.getName());
// console.log('Image URL: ' + profile.getImageUrl());
// console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
var id_token = googleUser.getAuthResponse().id_token;
// console.log(id_token);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/index');
xhr.setRequestHeader('Content-Type', 'application/json');
......
......@@ -64,7 +64,7 @@
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<hr class="my-4" style="background-color: white">
<hr class="my-2" style="background-color: white">
<form method="post">
<div class="form-group">
<label for="id_input">닉네임을 입력하세요</label>
......@@ -84,8 +84,93 @@
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<hr class="my-3" style="background-color: white">
<hr class="my-2" />
<hr class="my-2" style="background-color: white">
<div class="pricing-header px-3 py-1 pt-md-3 pb-md-1 mx-auto text-center">
<h5 class="display- ">PREFERENCE</h5>
<p>카페를 선택할 떄 중요하게 여기는 요소들의 순위를 매겨주세요.</p>
<p>(순위가 중복되면 안됩니다. ex) 가격 1순위, 친절 1순위(X)</p>
</div>
<div class="text-center">
<label for="price_form" class="form-label font-weight-bold" style="margin-right: 15px">가격</label>
<div class="form-check form-check-inline" id="price_form">
<input class="form-check-input" type="radio" name="price" id="price1" value="1">
<label class="form-check-label" for="price1">1순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="price" id="price2" value="2">
<label class="form-check-label" for="price2">2순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="price" id="price3" value="3" >
<label class="form-check-label" for="price3">3순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="price" id="price4" value="4" >
<label class="form-check-label" for="price4">4순위</label>
</div>
<hr class="my-1" style="background-color: white" />
<label for="kindness_form" class="form-label font-weight-bold" style="margin-right: 5px">친절도</label>
<div class="form-check form-check-inline" id="kindness_form">
<input class="form-check-input" type="radio" name="kindness" id="kindness1" value="1">
<label class="form-check-label" for="kindness">1순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="kindness" id="kindness2" value="2">
<label class="form-check-label" for="kindness2">2순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="kindness" id="kindness3" value="3" >
<label class="form-check-label" for="kindness3">3순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="kindness" id="kindness4" value="4" >
<label class="form-check-label" for="kindness4">4순위</label>
</div>
<hr class="my-4" style="background-color: white" />
<hr class="my-1" style="background-color: white" />
<label for="noise_form" class="form-label font-weight-bold" style="margin-right: 15px">소</label>
<div class="form-check form-check-inline" id="noise_form">
<input class="form-check-input" type="radio" name="noise" id="noise1" value="1">
<label class="form-check-label" for="noise">1순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="noise" id="noise2" value="2">
<label class="form-check-label" for="kindness2">2순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="noise" id="noise3" value="3" >
<label class="form-check-label" for="noise3">3순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="noise" id="noise4" value="4" >
<label class="form-check-label" for="noise4">4순위</label>
</div>
<hr class="my-1" style="background-color: white" />
<label for="accessibility_form" class="form-label font-weight-bold" style="margin-right: 5px">접근성</label>
<div class="form-check form-check-inline" id="accessibility_form">
<input class="form-check-input" type="radio" name="accessibility" id="accessibility1" value="1">
<label class="form-check-label" for="accessibility">1순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="accessibility" id="accessibility2" value="2">
<label class="form-check-label" for="accessibility2">2순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="accessibility" id="accessibility3" value="3" >
<label class="form-check-label" for="accessibility3">3순위</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="accessibility" id="accessibility4" value="4" >
<label class="form-check-label" for="accessibility4">4순위</label>
</div>
</div>
<hr class="my-3" style="background-color: white" />
<button type="submit" style="float: right" class="btn btn-primary btn-lg" id="please">Submit</button>
</form>
</div>
......
......@@ -329,7 +329,7 @@
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title"><%=user.name%></h5>
<h5 class="card-title"><%=user.nickname%></h5>
<p class="card-text">
Age : <%=user.age%>, Gender : <%=user.gender%>
</p>
......