<blackbox.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<link rel="stylesheet" href="appkit-landing-v2.3/assets/startmodal.scss">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<!-- 어드민!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!-- ------------------------------------------------------------------------------------------------------------------ -->
<div class="container bbox-sec">
<h1 class="bbox-title">실시간 블랙박스 영상확인</h1>
<br>
</div>
<div class ="bboxdiv">
<img class ="bbox" src="http://192.168.137.31:80/stream"> </img>
</div>
</div>
</body>
</html><faq.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bootstrap FAQ example with tabs and accordions</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel="stylesheet" href="appkit-landing-v2.3/assets/css/faq.css">
<!-- 헤드바 css -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<!-- ajax jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<script type="text/javascript">
function sos() {
$.ajax({
url: "sosAlert",
type: "get",
dataType: "json",
data: {
"ex": 1
},
success: sosAlert,
error: function() {
alert('error');
}
})
}
function sosAlert(data) {
console.log('성공');
console.log(data);
var shock = data[0];
if (shock == 1) {
console.log(data);
alert('sos 발생!');
location.href="acc.do";
shock = 0;
} else if (data[0] == 0) {
setTimeout(sos,5000);
}
}
</script>
<body class="faq-body">
<!-- header 상단바 부분 -->
<header id="header" class="header lo-header faq-header">
<div class="container">
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text"><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<div id="navbar-collapse">
<% Member member = (Member)session.getAttribute("member"); %>
<%if (member == null) {%>
<!-- 로그인 전 -->
<ul class="nav navbar-nav faqnav">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewJoin.do'">회원가입</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewLogin.do'">로그인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
</ul><!--//nav-->
<%} else if (member.getMem_num() == 1) { %>
<script type="text/javascript">
$(document).ready(function(){
sos();
})
</script>
<!-- admin 로그인 -->
<!-- alert function -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/sos.js"></script>
<ul class="nav navbar-nav faqnav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
<%} else {%>
<!-- user 로그인 -->
<ul class="nav navbar-nav faqnav">
<li class="nav-item">
<div class="dropdown nav-link scrollt ">
<p class="head-kick">킥보드</p>
<div class="dropdown-content">
<a href="viewUse.do">이용시작</a>
<a href='usinglist.do?mem_id=<%=member.getMem_id()%>'>나의이용내역</a>
</div></div></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
<%} %>
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!--FAQ 시작 -->
<div class="container faq-section">
<div class="col-md-4">
<ul class="list-group help-group ">
<div class="faq-list list-group nav nav-tabs">
<a href="#tab1" class="list-group-item active" role="tab"data-toggle="tab">이용안내</a>
<a href="#tab2" class="list-group-item active" role="tab" data-toggle="tab">안전수칙</a>
<a href="#tab3" class="list-group-item active" role="tab" data-toggle="tab">고객센터</a>
<a href="#tab4" class="list-group-item active" role="tab" data-toggle="tab">SOS</a>
<a href="#tab5" class="list-group-item active" role="tab" data-toggle="tab">블랙박스</a>
</div>
</ul>
</div>
<div class="col-md-8">
<div class="tab-content panels-faq">
<div class="tab-pane active" id="tab1">
<div class="panel-group" id="help-accordion-1">
<div class="panel panel-default panel-help">
<a href="#a1" data-toggle="collapse"
data-parent="#help-accordion-1">
<div class="panel-heading">
<h2>1. GOAHED는 어떻게 탑승하나요?</h2>
</div>
</a>
<div id="a1" class="collapse in">
<div class="panel-body">
<p>[대여 방법]</p>
<p>회원가입시 면허증 등록 > 로그인 후 결제 > 지도에서 킥보드 선택> 헬멧착용 및 음주여부 측정 > 이용시작 </p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#a2" data-toggle="collapse"
data-parent="#help-accordion-1">
<div class="panel-heading">
<h2>2. GOAHED는 누구나 탈 수 있나요?</h2>
</div>
</a>
<div id="a2" class="collapse">
<div class="panel-body">
<p>전동킥보드는 도로교통법 상 원동기 면허 이상(소형, 보통 운전면허 포함)의 먼허증을 소지하고
계신분들은 누구나 이용 가능합니다.</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#a3" data-toggle="collapse"
data-parent="#help-accordion-1">
<div class="panel-heading">
<h2>3. 탑승 가능한 시간은 언제인가요?</h2>
</div>
</a>
<div id="a3" class="collapse">
<div class="panel-body">
<p>GOAHED는 24시간 이용 가능합니다.</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#a4" data-toggle="collapse"
data-parent="#help-accordion-1">
<div class="panel-heading">
<h2>4. 지도에는 킥보드가 안 뜨는데 앞에 있어요! 타도 되나요?</h2>
</div>
</a>
<div id="a4" class="collapse">
<div class="panel-body">
<p>배터리가 부족한 킥보드는 지도에 표시 되지 않으며 이용불가능합니다.</p>
<p>앱 내 지도에 표시 된 킥보드만 탑승 부탁드립니다!</p>
</div>
</div>
</div>
</div>
</div>
<!-- 안전 수칙 -->
<div class="tab-pane" id="tab2">
<div class="panel-group" id="help-accordion-2">
<div class="panel panel-default panel-help">
<a href="#b1" data-toggle="collapse"
data-parent="#help-accordion-2">
<div class="panel-heading">
<h2>1. 전동킥보드는 어디서 탑승해야 하나요?</h2>
</div>
</a>
<div id="b1" class="collapse in">
<div class="panel-body">
<p>전동킥보드는 현행법상 원동기장치자전거로, 차도 가장자리, 이면도로, 그리고 자전거 도로에서 탑승해주세요!</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#b2" data-toggle="collapse"
data-parent="#help-accordion-2">
<div class="panel-heading">
<h2>2. 1대의 킥보드에 2명이 탑승가능한가요?</h2>
</div>
</a>
<div id="b2" class="collapse">
<div class="panel-body">
<p>킥보드 주행시 반드시 1명만 탑승하세요.</p>
<p>2인 이상 탑승 시 탑승자와 동승자 모두 대형사고로 이어질 수 있습니다.</p>
<p>킥보드의 탑승 가능한 최대 무게는 100kg입니다.</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#b3" data-toggle="collapse"
data-parent="#help-accordion-2">
<div class="panel-heading">
<h2>3. 헬멧을 꼭 써야하나요? </h2>
</div>
</a>
<div id="b3" class="collapse">
<div class="panel-body">
<p>GOAHED는 헬멧 미착용시 작동하지 않습니다.</p>
<p>GOAHED 탑승시 헬멧을 착용해주세요!</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#b4" data-toggle="collapse"
data-parent="#help-accordion-2">
<div class="panel-heading">
<h2>4. 음주시 이용 불가능하나요??</h2>
</div>
</a>
<div id="b4" class="collapse">
<div class="panel-body">
<p>GOAHED는 이용 전 음주여부를 측정합니다.</p>
<p>기준 알코올 수치 초과시 이용 불가합니다.</p>
</div>
</div>
</div>
</div>
</div>
<!-- 고객센터 시작 -->
<div class="tab-pane" id="tab3">
<div class="panel-group" id="help-accordion-3">
<div class="panel panel-default panel-help">
<a href="#c1" data-toggle="collapse"
data-parent="#help-accordion-3">
<div class="panel-heading">
<h2>1. 고객센터 운영시간 </h2>
</div>
</a>
<div id="c1" class="collapse in">
<div class="panel-body">
<p>고객센터 응대 시간은 평일 오전 10:00 ~ 오후 6:00까지 입니다.</p>
<br />
<p>*주말, 공휴일 제외</p>
</div>
</div>
</div>
</div>
</div>
<!-- sos -->
<div class="tab-pane" id="tab4">
<div class="panel-group" id="help-accordion-4">
<div class="panel panel-default panel-help">
<a href="#d1" data-toggle="collapse"
data-parent="#help-accordion-4">
<div class="panel-heading">
<h2>1. SOS 운영시간 </h2>
</div>
</a>
<div id="d1" class="collapse in">
<div class="panel-body">
<p>SOS 운영 시간은 24시간 입니다.</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#d2" data-toggle="collapse"
data-parent="#help-accordion-4">
<div class="panel-heading">
<h2>2. SOS 발생시 어떻게 작동하나요? </h2>
</div>
</a>
<div id="d2" class="collapse">
<div class="panel-body">
<p>GOAHED는 낙상감지가 되면 관리자 창에 sos 페이지로 이동하여 사고를 파악합니다</p>
<p>이후 119 신고 및 보호자에게 연락이 취해져 고객의 안전을 신속히 대처합니다.</p>
</div>
</div>
</div>
</div>
</div>
<!-- 블랙박스 -->
<div class="tab-pane" id="tab5">
<div class="panel-group" id="help-accordion-5">
<div class="panel panel-default panel-help">
<a href="#e1" data-toggle="collapse"
data-parent="#help-accordion-5">
<div class="panel-heading">
<h2>1. 블랙박스 작동시간 </h2>
</div>
</a>
<div id="e1" class="collapse in">
<div class="panel-body">
<p>GOAHED 블랙박스는 킥보드 이용중 모든 시간이 저장됩니다.</p>
</div>
</div>
</div>
<div class="panel panel-default panel-help">
<a href="#e2" data-toggle="collapse"
data-parent="#help-accordion-5">
<div class="panel-heading">
<h2>2. 블랙박스 제공은 어떻게 되나요? </h2>
</div>
</a>
<div id="e2" class="collapse">
<div class="panel-body">
<p>GOAHED 블랙박스는 사고시 회사측에서 확인 후 제공가능합니다.</p>
<p>자세한 문의사항은 고객센터로 연락바랍니다.</p>
</div>
</div>
</div>
</div>
</div>
<!-- java script 영역 -->
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script
src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src="appkit-landing-v2.3/assets/js/faq.js"></script>
<script src="appkit-landing-v2.3/assets/js/other.js"></script>
<script src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html><hLocation.jsp>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<!-- ajax/jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- alert function -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/sos.js"></script>
<!-- map java script -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cf65f305eeffb142807ebc9a6025b896"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/map.js"></script>
<script type="text/javascript">
$(document).ready(function() {
mapload();
sos();
//console.log($())
$('#inputbtn').click(function() {
hLocationView();
})
})
//실행확인됨
//function uLocationView() {
// alert('실행');
// alert($('#inputbox').val());
//}
function hLocationView() {
$.ajax({
url : "Hlocation.do",
type : "get",
dataType : "json",
data : {"hel_number" : $('#inputbox').val()},
// 데이터보내기 성공 받는것부터 오류ㅜ..인것같음
success : hLoList,
error: function () {
alert('error');
}
})
}
// json에서 받아온데이터 -> data로 jsp로 넘어옴! console.log(data)로 확인가능~ // console.log(data.mem_id);
var lat = '33.450701';
var long = '126.570667';
function hLoList(data) {
console.log(lat)
console.log(long)
alert( data.hel_number +'번 헬멧 위치 확인');
lat = data.hel_loc_lat;
long = data.hel_loc_long;
console.log(lat)
console.log(long)
console.log(data);
mapload();
var list = "<table class='ulocation-list'>";
list += "<tr>"
list += "<th>헬멋번호: </th>"
list += "<td>"+data.hel_number+"</td>"
list += "</tr>"
list += "<tr>"
list += "<th>헬멧 분실여부:</th>"
list += "<td>"+data.hel_lost+"</td>"
list += "</tr>"
list += "<tr>"
list += "<th>헬멋 파손여부:</th>"
list += "<td>"+data.hel_damage+"</td>"
list += "</tr>"
list += "<tr>"
list += "<th>헬멋 점검날짜:</th>"
list += "<td>"+data.hel_check+"</td>"
list += "</tr>"
list +="</table>"
$('#list').html(list);
}
function sos() {
$.ajax({
url: "sosAlert",
type: "get",
dataType: "json",
data: {
"ex": 1
},
success: sosAlert,
error: function() {
alert('error');
}
})
}
function sosAlert(data) {
console.log('성공');
console.log(data);
var shock = data[0];
if (shock == 1) {
console.log(data);
alert('sos 발생!');
location.href="acc.do";
shock = 0;
} else if (data[0] == 0) {
setTimeout(sos,5000);
}
}
</script>
</head>
<body>
<!-- 어드민!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div id="map"></div>
<div>
<div class="input-group mb-3 search left-box">
<h4 class="lo-title">헬멧위치확인</h4>
<div class="input-group mb-3 lo-input">
<input id="inputbox" type="text" class="form-control" placeholder="헬멧번호를 입력하세요">
<div class="input-group-append">
<button id = "inputbtn" class="btn btn-primary disabled lo-btn" type="submit">Go</button>
</div>
</div>
<div id="list"></div>
</div>
</div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cf65f305eeffb142807ebc9a6025b896"></script>
</body>
</html><join_success.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>GO AHEAD - 킥보드에 안전을 더하다</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
</head>
<body style="text-align: center;">
<%
String mem_id = (String)request.getAttribute("mem_id");
%>
<!-- header 상단바 부분 -->
<header id="header" class="header">
<div class="container">
<h1 class="logo">
<a class="scrollto" href="#hero">
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon" style=" width: 40px; height: 40px;"></span>
<span class="text"><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewJoin.do'">회원가입</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewLogin.do'">로그인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!-- Wrapper -->
<div class = "join-s-div">
<nav>
<div class="actions vertical">
<h1>환영합니다!</h1>
<p>회원가입을 축하합니다.</p>
<p>GO AHEAD의 새로운 아이디는<%=mem_id %>입니다.</p>
<p><button class = "btn btn-primary disabled"onclick='location.href="/Go_aHead/viewMain.do"'>시작하기</button></p>
</div>
</nav>
</div>
<!-- Scripts -->
<script src="appkit-landing-v2.3/assets/js/jquery.min.js"></script>
<script src="appkit-landing-v2.3/assets/js/jquery.scrolly.min.js"></script>
<script src="appkit-landing-v2.3/assets/js/jquery.scrollex.min.js"></script>
<script src="appkit-landing-v2.3/assets/js/skel.min.js"></script>
<script src="appkit-landing-v2.3/assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html><join.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<!-- header 상단바 부분 -->
<header id="header" class="header ad-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewJoin.do'">회원가입</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewLogin.do'">로그인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div class="container">
<div class="input-form-backgroud row">
<div class="input-form col-md-12 mx-auto">
<h4 class="mb-3 join_title">회원가입</h4>
<!-- 회원가입 컨트롤러 -->
<form class="validation-form" action="join.do" method="post" novalidate>
<div class="mb-3">
<label for="name">이름</label>
<input type="text" class="form-control" id="name" name ="mem_name" required>
<div class="invalid-feedback">
이름을 입력해주세요.
</div>
</div>
<div class="mb-3">
<label for="id">아이디</label>
<input type="text" class="form-control" id="id" name ="mem_id" placeholder="" value="" required>
<div class="invalid-feedback">
아이디를 입력해주세요.
</div>
</div>
<div class="mb-3">
<label for="pw">비밀번호</label>
<input type="password" class="form-control" id="pw" name ="mem_pw" placeholder="" required>
<div class="invalid-feedback">
비밀번호를 입력해주세요.
</div>
</div>
<div class="row">
<div class="col-md-6 mb-3">
<label for="gender">성별</label>
<select class="form-control" name="mem_gender">
<option>여성</option>
<option>남성</option>
</select>
</div>
<div class="col-md-6 mb-3">
<label for="blood">혈액형</label>
<select class="form-control" name="mem_blood">
<option>A</option>
<option>B</option>
<option>AB</option>
<option>O</option>
</select>
</div>
</div>
<div class="mb-3">
<label for="birth">생년월일</label>
<input type="date" class="form-control" id="birth" name ="mem_birth" placeholder="" value="" required>
<div class="invalid-feedback">
생년월일을 입력해주세요.
</div>
</div>
<div class="mb-3">
<label for="phone">연락처</label>
<input type="text" class="form-control" id="phone" name ="mem_phone" placeholder="" required>
<div class="invalid-feedback">
연락처를 입력해주세요.
</div>
</div>
<div class="mb-3">
<label for="sos">SOS 연락처</label>
<input type="text" class="form-control" placeholder="" name = "mem_subphone" required>
<div class="invalid-feedback">
SOS 연락처를 입력해주세요.
</div>
</div>
<div class="mb-3">
<label for="sos">면허번호</label>
<input type="text" class="form-control" placeholder="" name = "drivenum" required>
<div class="invalid-feedback">
면허번호를 입력해주세요.
</div>
</div>
<hr class="mb-4">
<div class="mb-4"></div>
<button class="btn btn-primary btn-lg btn-block btncolor" type="submit">가입 완료</button>
</form>
</div>
</div>
</div>
<script>
window.addEventListener('load', () => {
const forms = document.getElementsByClassName('validation-form');
Array.prototype.filter.call(forms, (form) => {
form.addEventListener('submit', function (event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
</script>
<!-- Javascript -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html><login.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body class="login_body">
<%
Member vo = (Member)session.getAttribute("member");
%>
<script>
$(document).ready(function() {
$('#login-btn').click(function() {
})
})
function motorZero() {
$.ajax({
url : "moduleController",
type : "get",
data : {"motor" : 0},
success : console.log("motorZero success"),
error: function() {
alert('error');
}
})
}
</script>
<!-- header 상단바 부분 -->
<header id="header" class="header ad-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewJoin.do'">회원가입</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewLogin.do'">로그인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<section class="gradient-custom">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-8 col-lg-6 col-xl-5">
<div class="card bg-dark text-white login_content" >
<div class="card-body p-5 text-center">
<div class="mb-md-5 mt-md-4 pb-5">
<h2 class="fw-bold mb-2 text-uppercase">로그인</h2>
<p class="text-white-50 mb-5">아이디 비밀번호를 입력하세요!</p>
<form action="login.do" method="post">
<div class="form-outline form-white mb-4">
<input type="text" name="mem_id" id="typeEmailX" class="form-control form-control-lg" />
<label class="form-label" for="typeEmailX">아이디</label>
</div>
<div class="form-outline form-white mb-4">
<input type="password" name="mem_pw" id="typePasswordX" class="form-control form-control-lg" />
<label class="form-label" for="typePasswordX">비밀번호</label>
</div>
<button id="login-btn" class="btn btn-outline-light btn-lg px-5 btncolor" type="submit">로그인</button>
</form>
<div class="d-flex justify-content-center text-center mt-4 pt-1">
<a href="#!" class="text-white"><i class="fab fa-facebook-f fa-lg"></i></a>
<a href="#!" class="text-white"><i class="fab fa-twitter fa-lg mx-4 px-2"></i></a>
<a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
</div>
</div>
<div>
<p class="mb-0">Go Ahead 계정이 없으신가요?<a href="viewJoin.do" class="text-white-50 fw-bold goJoin"><br>회원가입 하러가기</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Javascript -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html><main.jsp>
<%@page import="com.smhrd.module.module"%>
<%@page import="com.smhrd.domain.Member"%>
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>GO AHEAD - 킥보드에 안전을 더하다</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<!-- font -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/font/stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<!-- sos alert -->
<script type="text/javascript">
function sos() {
$.ajax({
url: "sosAlert",
type: "get",
dataType: "json",
data: {
"ex": 1
},
success: sosAlert,
error: function() {
alert('error');
}
})
}
function sosAlert(data) {
console.log('성공');
console.log(data);
var shock = data[0];
if (shock == 1) {
console.log(data);
alert('sos 발생!');
location.href="acc.do";
shock = 0;
} else if (data[0] == 0) {
setTimeout(sos,5000);
}
}
</script>
<body class="main-body">
<!-- header 상단바 부분 -->
<header id="header" class="header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<% Member member = (Member)session.getAttribute("member"); %>
<%if (member == null) {%>
<!-- 로그인 전 -->
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewJoin.do'">회원가입</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewLogin.do'">로그인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
</ul><!--//nav-->
<%} else if (member.getMem_num() == 1) { %>
<script type="text/javascript">
$(document).ready(function(){
sos();
})
</script>
<!-- sos function -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/sos.js"></script>
<!-- admin 로그인 -->
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
<%} else {
%>
<!-- user 로그인 -->
<ul class="nav navbar-nav">
<li class="nav-item">
<div class="dropdown nav-link scrollt ">
<p class="head-kick">킥보드</p>
<div class="dropdown-content">
<a href="viewUse.do">이용시작</a>
<a href='usinglist.do?mem_id=<%=member.getMem_id()%>'>나의이용내역</a>
</div></div></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
<%} %>
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!-- header 상단바 아래 이미지+소개글 부분 -->
<div id="hero" class="hero-section">
<div id="hero-carousel" class="hero-carousel carousel carousel-fade slide" data-ride="carousel" data-interval="10000">
<div class="figure-holder-wrapper">
<div class="container">
<div class="row justify-content-end">
<div class="figure-holder">
</div><!--//figure-holder-->
</div><!--//row-->
</div><!--//container-->
</div><!--//figure-holder-wrapper-->
<!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#hero-carousel"></li>
<li data-slide-to="1" data-target="#hero-carousel"></li>
<li data-slide-to="2" data-target="#hero-carousel"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="carousel-item item-1 active">
<div class="item-content container" >
<div class="item-content-inner" style="text-shadow: 1px 1px black ">
<br>
<br>
<br>
<h2>고어헤드</h2>
<br>
<h4>스마트한 안전헬멧을 착용함으로써, </h4>
<h4>안전한 킥보드 사용문화에 앞서 나가자 </h4>
<br>
<br>
<%if (member == null) {%>
<a class="btn btn-primary btn-cta" href="viewLogin.do" target="_blank">시작하기</a>
<%} else {%>
<a class="btn btn-primary btn-cta" href="viewUse.do" target="_blank">시작하기</a>
<%} %>
</div><!--//item-content-inner-->
</div><!--//item-content-->
</div><!--//item-->
<div class="carousel-item item-2" >
<div class="item-content container">
<div class="item-content-inner" style="margin-left : 370px; text-shadow: 1px 1px black " >
<br>
<br>
<br>
<h2>고어헤드 </h2>
<br>
<h4>스마트한 안전헬멧을 착용함으로써, </h4>
<h4>안전한 킥보드 사용문화에 앞서 나가자 </h4>
<br>
<br>
<%if (member == null) {%>
<a class="btn btn-primary btn-cta" href="viewLogin.do" target="_blank">시작하기</a>
<%} else {%>
<a class="btn btn-primary btn-cta" href="viewUse.do" target="_blank">시작하기</a>
<%} %>
</div><!--//item-content-inner-->
</div>
</div><!--//item-->
<div class="carousel-item item-3">
<div class="item-content container">
<div class="item-content-inner" style="margin-left : 900px; width: 1000px; text-shadow: 1px 1px black ">
<br>
<br>
<h2>고어헤드? </h2>
<br>
<h4>스마트한 안전헬멧을 착용함으로써, </h4>
<h4>안전한 킥보드 사용문화에 앞서 나가자 </h4>
<br>
<br>
<%if (member == null) {%>
<a class="btn btn-primary btn-cta" href="viewLogin.do" target="_blank">시작하기</a>
<%} else {%>
<a class="btn btn-primary btn-cta" href="viewUse.do" target="_blank">시작하기</a>
<%} %>
</div><!--//item-content-inner-->
</div>
</div><!--//item-->
</div><!--//carousel-inner-->
</div><!--//carousel-->
</div><!--//hero-->
<div id="about" class="about-section">
<div class="container text-center">
<h2 class="section-title">킥보드에 안전을 더하다</h2>
<p class="intro">이동의 패러다임을 바꾸는 GO AHEAD
<p>가고 싶은 곳으로 언제든 갈 수 있도록, 하고 싶었던 것을 언제든 할 수 있도록👌</p>
<p>다양한 공유킥보드가 나왔지만 GO AHEAD는 더욱 안전을 위해👌</p>
<p>교통혼잡, 대기오염, 주차공간 부족과 같은 문제 개선에 적극 기여하며</p>
<p>사람과 도시를 연결하기 위하여 오늘도 노력합니다.</p>
<p>우리는 이동을 통해 아낀 시간이 우리의 삶을 조금 더 나아지게 할 수 있다고 믿습니다.</p></p>
<div class="items-wrapper row">
<div class="item col-md-4 col-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image fimg-1 main-img-se" src="appkit-landing-v2.3/assets/images/lost.png" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">분실 방지</h3>
<div class="item-desc mb-3">
GPS를 이용하고 있기 때문에 <br>헬멧 분실시 고객센터 문의를 통해 <br>위치를 찾아 낼 수 있습니다!
</div><!--//item-desc-->
<!-- <a class="btn btn-primary" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-startups/" target="_blank">Find out more</a>-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-md-4 col-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image fimg-2 main-img-se" src="appkit-landing-v2.3/assets/images/sos.png" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">SOS </h3>
<div class="item-desc mb-3">
헬멧을 통해 사고를 감지하기 때문에 <br> 일정 시간 내 반응이 없을 시 <br> 입력된 비상연락망과 119에 도움을 요청합니다!
</div><!--//item-desc-->
<!-- <a class="btn btn-primary" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-startups/" target="_blank">Find out more</a> -->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-md-4 col-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image fimg-3 main-img-se" src="appkit-landing-v2.3/assets/images/blackbox.jpg" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">블랙박스</h3>
<div class="item-desc mb-3">
사고 발생 시,<br> 관리자가 실시간 블랙박스 영상을 통해 사고 영상을 확인할 수 있습니다!
</div><!--//item-desc-->
<!-- <a class="btn btn-primary" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-startups/" target="_blank">Find out more</a> -->
</div><!--//item-inner-->
</div><!--//item-->
</div><!--//items-wrapper-->
</div><!--//container-->
</div><!--//about-section-->
<!-- Javascript -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/main.js"></script>
<script>
var $hauntedText = $('[data-haunted-text]');
var maxDuration = 2000;
var maxDelay = 500;
var minDuration = maxDuration - maxDelay;
setTimeout(function() {
$hauntedText.find('.blast').each(function(i, el) {
var $el = $(el);
var duration = getRandomValue(minDuration, maxDuration);
var delay = maxDuration - duration;
var blur = getRandomValue(2, 10);
// From
$el.velocity({
opacity: 0,
blur: blur,
}, {
duration: 0,
});
// To
$el.velocity({
opacity: 1,
blur: 0,
}, {
duration: duration,
delay: delay,
ease: [250, 0],
});
});
$hauntedText.css({visibility: 'visible'});
}, 500);
var getRandomValue = function(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
</body>
</html><memberList.jsp>
<%@page import="com.smhrd.domain.Member"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.smhrd.dao.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<!-- alert function -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/sos.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
sos();
})
function sos() {
$.ajax({
url: "sosAlert",
type: "get",
dataType: "json",
data: {
"ex": 1
},
success: sosAlert,
error: function() {
alert('error');
}
})
}
function sosAlert(data) {
console.log('성공');
console.log(data);
var shock = data[0];
if (shock == 1) {
console.log(data);
alert('sos 발생!');
location.href="acc.do";
shock = 0;
} else if (data[0] == 0) {
setTimeout(sos,5000);
}
}
</script>
<%
ArrayList<Member> list = (ArrayList)request.getAttribute("list");
%>
<!-- 어드민!!!!!! header 상단바 부분 -->
<header id="header" class="header ad-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div class="container memlist">
<h2>GO AHEAD 회원정보관리</h2>
<table class="table">
<thead class="thead-dark">
<tr>
<th>ID</th>
<th>NAME</th>
<th>GENDER</th>
<th>B_TYPE</th>
<th>PHONE</th>
<th>SUBPHONE</th>
<th>DRIVENUM</th>
</tr>
</thead>
<tbody>
<%
for(Member vo : list){
%>
<tr>
<td><%=vo.getMem_id() %></td>
<td><%=vo.getMem_name() %></td>
<td><%=vo.getMem_gender() %></td>
<td><%=vo.getMem_blood() %></td>
<td><%=vo.getMem_phone() %></td>
<td><%=vo.getMem_subphone() %></td>
<td><%=vo.getDrivenum() %></td>
</tr>
<%} %>
</tbody>
</table>
<a href="viewMain.do" class="button next scrolly">되돌아가기</a>
</div>
<!-- Javascript -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/main.js"></script>
<script src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html><sos.jsp>
<%@page import="com.smhrd.domain.AccVO"%>
<%@page import="com.smhrd.domain.UseVO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<% AccVO vo = (AccVO)session.getAttribute("acc_vo"); %>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
</head>
<body>
<!-- 어드민!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div id="map" style=" width :100%;height:800px; "></div>
<div>
<div class="input-group search title left-box">
<h4 style="margin-top: 30px; margin-left: 25px; font-weight: bold; font-size: 30px;">🚨SOS🚨</h4>
<br><br>
<table style='margin-left: 25px; height: 600px'>
<tr>
<th>고객이름 </th>
<td><%= vo.getMem_name() %></td>
</tr>
<tr>
<th>아이디 </th>
<td><%= vo.getMem_id() %></td>
</tr>
<tr>
<th>고객연락처 </th>
<td><%= vo.getMem_phone() %></td>
</tr>
<tr>
<th>혈액형 </th>
<td><%= vo.getMem_blood() %></td>
</tr>
<tr>
<th>비상연락망 </th>
<td><%= vo.getMem_subphone() %></td>
</tr>
<tr>
<th>이용번호 </th>
<td><%= vo.getUse_number() %></td>
</tr>
</table>
</div>
</div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cf65f305eeffb142807ebc9a6025b896"></script>
<script>
var lat = 33.450701;
var long = 126.570667;
<%
AccVO accvo = (AccVO)session.getAttribute("acc_helmet");
%>
lat = <%=accvo.getAcc_loc_lat()%>;
long = <%=accvo.getAcc_loc_long()%>;
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(lat, long), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 마커가 표시될 위치입니다
// 위치좌표변경해주기~
var markerPosition = new kakao.maps.LatLng(lat, long);
// 마커를 생성합니다
var marker = new kakao.maps.Marker({
position: markerPosition
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
// 아래 코드는 지도 위의 마커를 제거하는 코드입니다
// marker.setMap(null);
</script>
</body>
</html><uLocation.jsp>
<%@page import="com.smhrd.domain.UlocationVO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- alert function -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/sos.js"></script>
<!-- map java script -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cf65f305eeffb142807ebc9a6025b896"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/map.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#inputbtn').click(function() {
uLocationView();
})
sos();
})
//실행확인됨
//function uLocationView() {
// alert('실행');
// alert($('#inputbox').val());
//}
function uLocationView() {
$.ajax({
url : "Ulocation.do",
type : "get",
dataType : "json",
data : {
"mem_id" : $('#inputbox').val()
},
// 데이터보내기 성공 받는것부터 오류ㅜ..인것같음
success : uLoList,
error: function () {
alert('error');
}
})
}
// json에서 받아온데이터 -> data로 jsp로 넘어옴! console.log(data)로 확인가능~ // console.log(data.mem_id);
var lat = '33.450701';
var long = '126.570667';
function uLoList(data) {
console.log(lat)
console.log(long)
alert( data.mem_id +' 님의 위치 확인');
lat = data.hel_loc_lat;
long = data.hel_loc_long;
console.log(lat)
console.log(long)
console.log(data);
mapload();
var list = "<table class='ulocation-list'>";
list += "<tr>"
list += "<th colspan='2'>"+data.mem_id+ "님의 현재 위치 입니다</td>"
list += "</tr>"
list += "<tr>"
list += "<th> 사용중인 헬멋번호 : </th>"
list += "<td>"+data.hel_number+"</td>"
list += "</tr>"
list +="</table>"
$('#list').html(list);
}
function sos() {
$.ajax({
url: "sosAlert",
type: "get",
dataType: "json",
data: {
"ex": 1
},
success: sosAlert,
error: function() {
alert('error');
}
})
}
function sosAlert(data) {
console.log('성공');
console.log(data);
var shock = data[0];
if (shock == 1) {
console.log(data);
alert('sos 발생!');
location.href="acc.do";
shock = 0;
} else if (data[0] == 0) {
setTimeout(sos,5000);
}
}
</script>
</head>
<body>
<!-- 어드민!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='memberlist.do'">회원정보관리</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewUlocation.do'">고객위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewHlocation.do'">헬멧위치확인</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='viewBlackbox.do'">실시간블랙박스</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div id="map"></div>
<div>
<div class="input-group mb-3 search left-box">
<h4 class="lo-title">고객위치확인</h4>
<div class="input-group mb-3 lo-input">
<input id = "inputbox" type="text" class="form-control" placeholder="아이디를 입력하세요">
<div class="input-group-append">
<button id="inputbtn" class="btn btn-primary disabled lo-btn" type="submit">Go</button>
</div>
</div>
<div id ="list"></div>
</div>
</div>
</body>
</html><use.jsp>
<%@page import="com.smhrd.module.returnMotor"%>
<%@page import="com.smhrd.module.module"%>
<%@page import="com.smhrd.domain.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>GO AHEAD - 킥보드에 안전을 더하다</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- map java script -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=17b3f4afc77e1401ad704210c028726b"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/usemap.js"></script>
</head>
<% Member member = (Member)session.getAttribute("member"); %>
<script>
<% int alcohol = returnMotor.alcoholYES; %>
<% int press = module.press; %>
var press = <%=press%>;
var alcohol = <%=alcohol%>;
$(document).ready(function() {
console.log(alcohol);
$('#start-btn').click(function() {
if(press == 0) {
console.log('헬멧펑션');
alert('🚨헬멧 미착용🚨\n 운행이 불가합니다');
} else {
if(alcohol == 0) {
alert(' 🚨혈중 알코올 농도 초과🚨\n운행이 불가합니다')
} else {
kickStart();
motorStart();
}
}
})
$('#stop-btn').click(function() {
kickStop();
motorStop();
})
})
function kickStart() {
$.ajax({
url : "use.do",
type : "get",
dataType : "json",
data : {
"kick_num" : $('#kick_num_input').val(),
"hel_num" : $('#het_num_input').val()
},
success : useList,
error: function () {
alert('error');
}
})
}
function motorStart() {
$.ajax({
url : "moduleController",
type : "get",
data : {"motor" : 1},
success : console.log("success"),
error : function(){
alert('error');
}
})
}
function motorStop() {
$.ajax({
url : "moduleController",
type : "get",
data : {"motor" : 2},
success : console.log("success"),
error : function(){
alert('error');
}
})
}
function useList(data) {
console.log("성공")
console.log(data)
document.querySelector(".background").className = "background show";
var list = "<table style ='position: relative; left: 35%; text-align: center; height:200px;'>";
list += "<tr>"
list += "<td>이용시작 시간</td>"
list += "</tr>"
list += "<tr>"
list += "<td>"+data.start_time+"</td>"
list += "</tr>"
list += "<tr>"
list += "<td>헬멧번호</td>"
list += "</tr>"
list += "<tr>"
list += "<td>"+data.hel_number+"</td>"
list += "</tr>"
list += "<tr>"
list += "<td>아이디</td>"
list += "</tr>"
list += "<tr>"
list += "<td>"+data.mem_id+"</td>"
list += "</tr>"
list +="</table>"
$('#useListTable').html(list)
}
function kickStop() {
$.ajax({
url : "stop.do",
type : "get",
data : {
"mem_id" : $('#mem_id').val()
},
dataType : "json",
success : stop,
error: function () {
alert('error');
}
})
}
function stop () {
console.log('종료완료');
document.querySelector(".background").className = "background";
}
</script>
<body>
<!-- 유저!!!!!!!!!!!!!!!!!!!!!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon" style=" width: 40px; height: 40px;"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<li class="nav-item">
<div class="dropdown nav-link scrollt ">
<p class="head-kick">킥보드</p>
<div class="dropdown-content">
<a href="viewUse.do">이용시작</a>
<a href='usinglist.do?mem_id=<%=member.getMem_id()%>'>나의이용내역</a>
</div></div></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!-- ------------------------------------------------------------------------------------------------------------------ -->
<div id="map"></div>
<div class="start-section">
<div class ="start-tag">
<input type="text" class="form-control start-input" id ="kick_num_input" placeholder="킥보드 번호를 입력하세요." name="kick_num">
<input type="text" class="form-control start-input" id ="het_num_input" placeholder="헬멧 번호를 입력하세요." name="hel_num">
<input type="hidden" id="mem_id" value=<%=member.getMem_id()%>>
<button type="button" class="btn btn-success" id ="start-btn">이용시작</button>
</div>
<div class="background">
<div class="window">
<div class="popup">
<div>
<br><br>
<p class="stop-ti ti-1">이용이 시작되었습니다.</p>
<br>
<p class="stop-ti ti-2">이용 정보</p>
</div>
<div id ="useListTable">
</div>
<button type="submit" class="btn btn-success" id ="stop-btn" >이용종료</button>
</div>
</div>
</div>
</div>
</body>
</html><usingList.jsp>
<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="com.smhrd.domain.UseVO"%>
<%@page import="com.smhrd.domain.Member"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.smhrd.dao.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4 theme for developers and startups</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 landing page template for developers and startups">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Global CSS -->
<link rel="stylesheet" href="appkit-landing-v2.3/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/styles.css">
<link id="theme-style" rel="stylesheet" href="appkit-landing-v2.3/assets/css/other.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<%
ArrayList<UseVO> list = (ArrayList)request.getAttribute("list");
%>
<!-- 유저!!!!!!!!!!!!!!!!!!!!!!!!!! header 상단바 부분 -->
<header id="header" class="header lo-header" >
<div class="container" >
<h1 class="logo">
<a class="scrollto" onclick='location.href="viewMain.do"'>
<span class="logo-icon-wrapper"><img class="logo-icon" src="appkit-landing-v2.3/assets/images/kick_icon_F.png" alt="iccon" style=" width: 40px; height: 40px;"></span>
<span class="text" ><span class="highlight">GO</span>AHEAD</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-expand-md float-right navbar-inverse" role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
<div id="navbar-collapse">
<ul class="nav navbar-nav header-ul">
<% Member member = (Member)session.getAttribute("member"); %>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='usinglist.do?mem_id=<%=member.getMem_id()%>'">이용내역</a></li>
<li class="nav-item">
<div class="dropdown nav-link scrollt ">
<p class="head-kick">킥보드</p>
<div class="dropdown-content">
<a href="viewUse.do">이용시작</a>
<a href="viewBlackbox.do">블랙박스 확인</a>
</div></div></a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='faq.do'">고객센터</a></li>
<li class="nav-item"><a class="nav-link scrollto" onclick="location.href='logout.do'">로그아웃</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div class="container memlist">
<h2>GO AHEAD 고객정보조회</h2>
<table class="table">
<thead class="thead-dark">
<tr>
<th>아이디</th>
<th>이용번호</th>
<th>킥보드 번호</th>
<th>헬멧 번호</th>
<th>이용시작시간</th>
<th>이용종료시간</th>
<th>이용시간</th>
</tr>
</thead>
<tbody>
<%
//String a_date = "2022-03-19";
//String b_date = "2022-02-10";
//SimpleDateFormat format = new SimpleDateFormat("yyyy-mm-dd");
//Date a_parseDate = format.parse(a_date);
//Date b_parseDate = format.parse(b_date);
// 밀리세컨드 단위로 차이 결과 도출
SimpleDateFormat format = new SimpleDateFormat("YYYYMMddHHmm");
for(UseVO vo : list){
String a_date = vo.getStart_time();
String b_date = vo.getEnd_time();
Date a_parseDate = format.parse(a_date);
Date b_parseDate = format.parse(b_date);
long resultTime = b_parseDate.getTime() - a_parseDate.getTime();
int a=(int)(resultTime / 1000);
int b=(int)(resultTime / (60*1000));
int c=(int)(resultTime / (60*60*1000));
%>
<tr>
<td><%=vo.getMem_id() %></td>
<td><%=vo.getUse_number() %></td>
<td><%=vo.getKick_number() %></td>
<td><%=vo.getHel_number() %></td>
<td><%=vo.getStart_time() %></td>
<td><%=vo.getEnd_time()%></td>
<td><%=vo.getUsing_time()+"분"%></td>
</tr>
<%} %>
</tbody>
</table>
</div>
<!-- Javascript -->
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="appkit-landing-v2.3/assets/js/main.js"></script>
<script src="appkit-landing-v2.3/assets/js/main.js"></script>
</body>
</html>'2차 프로젝트' 카테고리의 다른 글
| 아두이노 Module 코드 (0) | 2022.07.22 |
|---|---|
| FrontController 코드 (0) | 2022.07.22 |
| Domain 코드 (0) | 2022.07.22 |
| DAO 코드 (0) | 2022.07.22 |
| Controller 코드 (0) | 2022.07.22 |