Advertisement
Guest User

Untitled

a guest
Mar 16th, 2018
746
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.88 KB | None | 0 0
  1. <%@ page import="java.sql.ResultSet" %>
  2. <%@ page import="java.sql.SQLException" %>
  3. <%@ page import="java.sql.Statement" %>
  4. <%@ page import="java.sql.Connection" %>
  5. <%@ page import="java.sql.DriverManager" %>
  6.  
  7. <%@ page language="java" contentType="text/html; charset=UTF-8"
  8. pageEncoding="UTF-8"%>
  9. <%@ page trimDirectiveWhitespaces="true"%>
  10. <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
  11. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  12. <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
  13. <%@ taglib uri="/WEB-INF/tlds/permission.tld" prefix="perm"%>
  14. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
  15. <!DOCTYPE html>
  16.  
  17. <html lang="en" class="no-js">
  18. <!-- BEGIN HEAD -->
  19. <head>
  20. <meta charset="utf-8"/>
  21. <title>Welcome to Room Renter Management System by CubeSoftTech</title>
  22. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  23. <meta content="width=device-width, initial-scale=1" name="viewport"/>
  24. <meta content="" name="description"/>
  25. <meta content="" name="author"/>
  26. <link rel="shortcut icon" href="fav/1.png" />
  27. <link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/114779/Socicon/style-cf.css?u8vidh">
  28.  
  29. <style type="text/css">
  30. @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
  31. .thumbnail {
  32. position: relative;
  33. }
  34.  
  35. .caption {
  36. position: absolute;
  37. top: 45%;
  38. left: 0;
  39. width: 100%;
  40. }
  41.  
  42.  
  43. .body {
  44. width: 100%;
  45. height: 250px;
  46. box-sizing: border-box;
  47. }
  48. .search {
  49. padding: 0 30px;
  50. font-size: 18px;
  51. width: 60%;
  52. max-width: 400px;
  53. height: 80px;
  54. border: 1px solid darken(white, 300%);
  55. border-radius: 20px 0 0 20px;
  56. box-shadow: 10px 10px 0px #000000;
  57. }
  58.  
  59. .submit {
  60. cursor: pointer;
  61. border: none;
  62. box-shadow: 10px 10px 0px #000000;
  63. background: url('http://thesuiteworld.com/wp-admin/maint/search-icon-white-png-540.png')
  64. no-repeat center, #ff6600;
  65. background-size: 35px 35px;
  66. border-radius: 0 20px 20px 0;
  67. padding: 15px 25px;
  68. display: inline-block;
  69. width: 150px;
  70. height: 80px;
  71. }
  72. .zoom {
  73. }
  74.  
  75. .zoom:hover {
  76. transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  77. }
  78. </style>
  79.  
  80. <!-- GLOBAL MANDATORY STYLES -->
  81. <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
  82. <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
  83. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  84.  
  85. <!-- PAGE LEVEL PLUGIN STYLES -->
  86. <link href="css/animate.css" rel="stylesheet">
  87. <link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>
  88. <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
  89.  
  90. <!-- THEME STYLES -->
  91. <link href="css/layout.min.css" rel="stylesheet" type="text/css"/>
  92.  
  93. <!-- Favicon -->
  94. <link rel="shortcut icon" href="favicon.ico"/>
  95.  
  96.  
  97. <!-- ---------------------------------------------------------------------------------------------------------------- -->
  98. <link rel='stylesheet' id='ajax-auth-style-css' href='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/css/ajax-auth-style.css?ver=4.9.2' type='text/css' media='all' />
  99. <link rel='stylesheet' id='brandflow-wp-css' href='https://mdbootstrap.com/wp-content/plugins/brandflow-wp/public/css/brandflow-wp-public.css?ver=1.0.0' type='text/css' media='all' />
  100. <link rel='stylesheet' id='contact-form-7-css' href='https://mdbootstrap.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' type='text/css' media='all' />
  101. <link rel='stylesheet' id='dwqa-style-css' href='https://mdbootstrap.com/wp-content/plugins/dw-question-answer-pro/templates/assets/css/style.css?ver=250420160307' type='text/css' media='all' />
  102. <link rel='stylesheet' id='dwqa-style-rtl-css' href='https://mdbootstrap.com/wp-content/plugins/dw-question-answer-pro/templates/assets/css/rtl.css?ver=250420160307' type='text/css' media='all' />
  103. <link rel='stylesheet' id='woocommerce-layout-css' href='https://mdbootstrap.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=3.2.6' type='text/css' media='all' />
  104. <link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://mdbootstrap.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=3.2.6' type='text/css' media='only screen and (max-width: 768px)' />
  105. <link rel='stylesheet' id='woocommerce-general-css' href='https://mdbootstrap.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.2.6' type='text/css' media='all' />
  106. <link rel='stylesheet' id='wsl-widget-css' href='https://mdbootstrap.com/wp-content/plugins/wordpress-social-login/assets/css/style.css?ver=4.9.2' type='text/css' media='all' />
  107. <!-- <link rel='stylesheet' id='compiled.css-css' href='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/css/compiled.min.css?ver=4.4.0' type='text/css' media='all' /> -->
  108. <link rel='stylesheet' id='style.css-css' href='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/style.css?ver=4.9.2' type='text/css' media='all' />
  109. <link rel='stylesheet' id='dwqa_leaderboard-css' href='https://mdbootstrap.com/wp-content/plugins/dw-question-answer-pro/templates/assets/css/leaderboard.css?ver=4.9.2' type='text/css' media='all' />
  110. <link rel='stylesheet' id='sv-wc-payment-gateway-payment-form-css' href='https://mdbootstrap.com/wp-content/plugins/woocommerce-gateway-paypal-powered-by-braintree/lib/skyverge/woocommerce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-payment-form.min.css?ver=4.6.0' type='text/css' media='all' />
  111.  
  112. <script type='text/javascript' src='https://mdbootstrap.com/wp-admin/load-scripts.php?c=gzip&amp;load%5B%5D=jquery-core,jquery-migrate&amp;ver=4.9.2'></script>
  113. <script type='text/javascript' src='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/js/jquery.validate.js?ver=4.9.2'></script>
  114. <script type='text/javascript' src='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/js/ajax-auth-script.js?ver=4.9.2'></script>
  115. <script type='text/javascript' src='https://mdbootstrap.com/wp-content/themes/mdbootstrap4/js/comments-reply-mod.js?ver=4.9.2'></script>
  116. <script type='text/javascript' src='https://mdbootstrap.com/wp-content/plugins/brandflow-wp/public/js/brandflow-wp-public.js?ver=1.0.0'></script>
  117.  
  118. <style type="text/css">
  119. .zoom-in {cursor: zoom-in;}
  120. </style>
  121. <style type="text/css">
  122. .font {
  123. font-size: 24px;
  124. color: #f1f1f1!important;
  125. text-shadow:2px 1px 0px #545454;
  126. }</style>
  127. <!-- ------------------------------------------------------------- -->
  128. <link href="indexstyle/css/bootstrap.css" rel='stylesheet' type='text/css' />
  129. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  130. <script src="indexstyle/js/jquery.min.js"></script>
  131. <!-- Custom Theme files -->
  132. <!-- <link href="indexstyle/css/style.css" rel='stylesheet' type='text/css' /> -->
  133. <!-- Custom Theme files -->
  134. <!---- animated-css ---->
  135. <link href="indexstyle/css/animate.css" rel="stylesheet" type="text/css" media="all">
  136. <script type="text/javascript" src="indexstyle/js/jquery.corner.js"></script>
  137. <script src="indexstyle/js/wow.min.js"></script>
  138. <script>
  139. new WOW().init();
  140. </script>
  141. <style type="text/css">
  142. .bggold{
  143. background: url(https://blog.justlanded.com/wp-content/uploads/2015/05/business-04.jpg);
  144. background-color: rgba(0, 0, 0, 0.5);
  145. background-attachment:fixed;
  146. background-size:cover;
  147. }</style>
  148. <style type="text/css">
  149. .bgw {
  150. box-shadow: inset 0px 0px 10px 2px rgba(202, 228, 255, 0.8);
  151. background-color: rgba(208, 212, 255, 0.9);
  152. border-radius: 2px;
  153. }
  154. </style>
  155. <style type="text/css">
  156. .f1 {
  157. font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text",
  158. "Bitstream Charter", Georgia, serif;
  159. font-style: normal;
  160. font-variant: normal;
  161. font-weight: 500;
  162. line-height: 26.4px;
  163. }
  164. </style>
  165. <!-- ----------------------------------------------- -->
  166. </head>
  167. <!-- END HEAD -->
  168.  
  169. <!-- BODY -->
  170. <body id="body" data-spy="scroll" data-target=".header">
  171.  
  172. <!--========== HEADER ==========-->
  173. <header class="header navbar-fixed-top">
  174.  
  175. <!-- ---------------------------------------------------------------------------------- -->
  176.  
  177. <!-- Navbar -->
  178.  
  179.  
  180. <!-- BEGIN FORGOT PASSWORD FORM -->
  181.  
  182. <!-- END FORGOT PASSWORD FORM -->
  183.  
  184.  
  185. <!-- ------------------------------------------------------------------------------------ -->
  186. <!-- Navbar -->
  187. <nav class="navbar" role="navigation">
  188. <div class="container">
  189. <!-- Brand and toggle get grouped for better mobile display -->
  190. <div class="menu-container js_nav-item">
  191. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
  192. <span class="sr-only">Toggle navigation</span>
  193. <span class="toggle-icon"></span>
  194. </button>
  195.  
  196. <!-- Logo -->
  197. <div class="logo">
  198. <a class="logo-wrap" href="#body">
  199. <img class="logo-img logo-img-main" src="img/cubesofttech.png" alt="Asentus Logo">
  200. <img class="logo-img logo-img-active" src="img/cubesofttech.png" alt="Asentus Logo">
  201. </a>
  202. </div>
  203. <!-- End Logo -->
  204. </div>
  205. <div class="collapse navbar-collapse nav-collapse">
  206. <div class="menu-container font">
  207. <ul class="nav navbar-nav navbar-nav-right">
  208. <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover font" href="#body">Home</a></li>
  209. <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover font" href="#products">Apartment</a></li>
  210. <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover font" href="#pricing">Package</a></li>
  211. <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover font" href="#contact">Contact</a></li>
  212. <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover font" href="visitorFeedbackUser">Feedback</a></li>
  213.  
  214. <li class="js_nav-item nav-item"><a
  215. href="javascript:;" class="nav-item-child nav-item-hover"
  216. data-toggle="dropdown" data-hover="dropdown"
  217. data-close-others="true"> ${onlineUser.accountId}
  218. </a>
  219. <ul class="dropdown-menu dropdown-menu-default"style="background-color: rgba(246, 232, 236, 0.4);text-shadow:2px 1px 0px #a8a6a8;">
  220. <li class="js_nav-item nav-item"><a href="listProfileUser"> <i class="icon-user"></i> โปรไฟล์ของฉัน
  221. </a></li>
  222. <li class="js_nav-item nav-item"><a href="logout"> <i class="icon-key"></i> ออกจากระบบ
  223. </a></li>
  224. </ul></li>
  225. <c:if test="${onlineUser.accountId == null}">
  226. <li class="js_nav-item nav-item "><a href="#" id="navbar-static-login" class="nav-link nav-item-child nav-item-hover">Log In</a></li>
  227.  
  228. </c:if>
  229.  
  230. </ul>
  231. </div>
  232. </div>
  233.  
  234. </div>
  235. </nav>
  236. <!-- Navbar -->
  237. </header>
  238. <!--========== END HEADER ==========-->
  239.  
  240. <!--========== SLIDER ==========-->
  241. <div class="promo-block">
  242. <div class="container ">
  243. <div class="margin-b-40 font">
  244. <h1 class="promo-block-title" style=" color: #ffca00;">จองหอพักง่ายๆ แค่ปลายนิ้ว...</h1>
  245. <p class="promo-block-text " style="color: #ffc771;">ค้นหาพอพักได้ที่นี่...</p>
  246. </div>
  247. </div>
  248. <div class="body">
  249. <div style="margin-top: 2cm;"></div>
  250. <form action="findApartBykeywordUser" method="POST">
  251. <div class="wrapper ">
  252. <input class="search" type="text" placeholder="ชื่อหอพัก,บริเวณที่ต้องการค้นหา" id="search" name="keyword" />
  253. <input class="submit" type="submit" value=" " onclick="findRoom();" />
  254. <input type="hidden" class="form-control" placeholder=""
  255. id="priceMin" name="priceMin" value="0"> <input
  256. type="hidden" class="form-control" placeholder="" id="priceMax"
  257. name="priceMax" value="1000000">
  258.  
  259. </div></form>
  260.  
  261. </div>
  262. </div>
  263. <!--========== SLIDER ==========-->
  264.  
  265. <!--========== PAGE LAYOUT ==========-->
  266. <!-- Products -->
  267. <%
  268. String connectionURL = "jdbc:mysql://localhost/rfr";
  269. Connection connection = null;
  270. Statement statement = null;
  271. ResultSet rs = null;
  272.  
  273. Connection connection1 = null;
  274. Statement statement1 = null;
  275. ResultSet rs1 = null;
  276.  
  277. Class.forName("com.mysql.jdbc.Driver").newInstance();
  278. connection = DriverManager.getConnection("jdbc:mysql://localhost/rfr", "root", "1234");
  279. statement = connection.createStatement();
  280. rs = statement.executeQuery("select * from apartment inner join address where address.address_id = apartment.address_id order by apartment.time_create DESC limit 0,3 ");
  281. %>
  282. <div id="products" class="" style="background-image: url(https://ak8.picdn.net/shutterstock/videos/14103728/thumb/1.jpg);">
  283. <div class="content-md container">
  284. <!-- Masonry Grid -->
  285.  
  286. <div class="process-grids text-center wow bounce" data-wow-delay="0.4s">
  287. <div class=" process-grid wow bounceInUp" data-wow-delay="0.4s">
  288. <div class="f1" align="center"><br><h2 style=" color: #ffca00;text-shadow:2px 1px 0px #545454;">Apartment</h2> <br></div>
  289. <div class="masonry-grid row row-space-2"><% while((rs!=null) && (rs.next())) { %>
  290. <div class="masonry-grid-sizer col-xs-6 col-sm-6 col-md-1"></div>
  291.  
  292. <div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
  293. <!-- Work -->
  294. <div class="work work-popup-trigger">
  295. <div class="work-overlay thumbnail zoom zoom-in">
  296.  
  297. <!-- <img class="full-width img-responsive" src="img/397x300/02.jpg" alt="Portfolio Image"> -->
  298. <img onerror="this.src='https://res.cloudinary.com/apartmentlist/image/upload/t_fullsize/3852ddc38e2e79522108b257653fa0e5.jpg'"
  299. class="full-width img-responsive" alt="Portfolio Image" src="/ROOT<%=rs.getString("apartment_img_path")%>"
  300. style="width: 380px; height: 300px;">
  301. </div>
  302. <div class="work-popup-overlay">
  303. <div class="work-popup-content">
  304. <a href="javascript:void(0);" class="work-popup-close">ปิด</a>
  305. <div class="margin-b-30">
  306. <h3 class="margin-b-5">รายละเอียดหอพัก</h3>
  307. <span>ชื่อหอพัก <%=rs.getString("name")%></span>
  308. </div>
  309. <div class="row">
  310. <div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
  311. <div class="margin-t-10 sm-margin-t-0">
  312. <p>ราคา <%=rs.getString("price_min")%> -
  313. <%=rs.getString("price_max")%> บาท/เดือน </p>
  314. <p> ที่อยู่ <br><%=rs.getString("detail")%>
  315. แขวง/ตำบล <%=rs.getString("sub_district")%>
  316. อำเภอ/เขต <%=rs.getString("district")%>
  317. จังหวัด <%=rs.getString("province")%>
  318.  
  319. <ul class="list-inline work-popup-tag">
  320. <li class="work-popup-tag-item"><a class="work-popup-tag-link" href="apartmentDetailUser?id=<%=rs.getString("apartment_id")%>">รายละเอียดเพิ่มเติม</a></li>
  321. </ul>
  322. </div>
  323. </div>
  324. <div class="col-sm-4">
  325. <div class="margin-t-10 sm-margin-t-0">
  326. <p class="margin-b-5"><strong>ติดต่อ:</strong></p>
  327. <p class="margin-b-5"><strong>โทรศัพท์:</strong> <%=rs.getString("phone")%></p>
  328. <p class="margin-b-5"><strong>Email:</strong> <%=rs.getString("email")%></p>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. <!-- End Work -->
  336. </div><% } %>
  337. </div></div></div>
  338. <div align="right">
  339. <a style="background:-webkit-gradient(linear, 80% 20%, 10% 100%, from(#B86EA0), to(#59B757));
  340. box-shadow: 5px 4px 2px 2px rgba(0,0,0,0.6), 8px 4px 16px 0px rgba(20,20,20,1), inset -3px -3px 6px 0px rgba(18,18,14,1);"
  341. href="findApartmentFront" class="btn-theme btn-theme-sm btn-default-bg text-uppercase f1">More</a>
  342. </div>
  343. <!-- End Masonry Grid -->
  344. </div>
  345. </div>
  346. <!-- End Work -->
  347. <%
  348. statement.close();
  349. rs.close();
  350. %>
  351.  
  352. <div id="pricing">
  353. <div class="bg-info bggold">
  354. <div class="content-lg container">
  355. <div class="row row-space-2">
  356. <div class="col- sm-margin-b-12 bggold">
  357. <!-- Pricing -->
  358. <div class="bggold " align="right">
  359.  
  360. <div class="process-grids text-center wow bounce f1" data-wow-delay="0.4s">
  361. <div class=" process-grid wow bounceInUp" data-wow-delay="0.4s">
  362. <div align="center" class="bggold">
  363. <h3 style=" color: #ffca00;text-shadow:2px 1px 0px #545454;">PACKAGE $</h3>
  364. </div>
  365. <table class="table table-hover" id="table" style="box-shadow: 7px 7px 3px 0px rgba(38,29,99,1);">
  366. <%
  367. String connectionURL1 = "jdbc:mysql://localhost/rfr";
  368. Class.forName("com.mysql.jdbc.Driver").newInstance();
  369. connection1 = DriverManager.getConnection("jdbc:mysql://localhost/rfr", "root", "1234");
  370. statement1 = connection1.createStatement();
  371. ////// CHANGE THE statement TO statement1
  372. rs1 = statement1.executeQuery("select * from package");
  373. %>
  374.  
  375.  
  376. <thead>
  377. <tr class="warning" data-tabullet-map="id">
  378. <th style="width: 10%;"><center>Name</center></th>
  379. <th style="text-align: center; width: 10%;">Price</th>
  380. <th style="text-align: center; width: 10%;">Points</th>
  381. </tr>
  382. </thead>
  383. <%while((rs1!=null) && (rs1.next())) { %>
  384. <tbody>
  385. <tr class="bgw">
  386. <td style="text-align: center;"><%=rs1.getString("package_name")%></td>
  387. <td style="text-align: center;"><%=rs1.getString("package_price")%></td>
  388. <td style="text-align: center;"><%=rs1.getString("package_points")%></td>
  389. </tr>
  390. </tbody>
  391. <%} %>
  392. </table> </div></div>
  393. <%
  394. rs1.close();
  395. statement1.close();
  396. %>
  397. <a href="demo?pageName=loginCustomer" class="btn-theme btn-theme-sm btn-default-bg text-uppercase f1"
  398. style="background:-webkit-gradient(linear, 80% 20%, 10% 100%, from(#B86EA0), to(#59B757));
  399. box-shadow: 5px 4px 2px 2px rgba(0,0,0,0.6), 8px 4px 16px 0px rgba(20,20,20,1), inset -3px -3px 6px 0px rgba(18,18,14,1);">More</a>
  400. </div>
  401. <!-- End Pricing -->
  402. </div>
  403. </div>
  404. <!--// end row -->
  405. </div>
  406. </div>
  407. </div>
  408. <!-- End Pricing -->
  409.  
  410. <!-- Products -->
  411. <div id="contact">
  412. </div>
  413. <!-- End Products -->
  414. <!-- Promo Banner -->
  415. <div class="promo-banner f1">
  416. <div class="container-sm content-lg font">
  417. <h2 class="promo-banner-title">Contact</h2>
  418. <p class="promo-banner-text"><strong> Address:</strong> 308 Negra Arroyo Lane Albuquerque, New Mexico, 87111.</p>
  419. <p class="promo-banner-text"><strong> Cell No:</strong> 1-800-123-456 </p>
  420. <p class="promo-banner-text"> <strong> Email:</strong> developer@gmail.com </p>
  421. <div>
  422. <a href="#" class="socicon-btn socicon-btn-circle socicon-solid bg-yellow font-white bg-hover-grey-salsa socicon-facebook tooltips" data-original-title="Facebook"></a>
  423. <a href="#" class="socicon-btn socicon-btn-circle socicon-solid bg-yellow font-white bg-hover-grey-salsa socicon-google tooltips" data-original-title="Google"></a>
  424. <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid bg-green bg-hover-grey-salsa font-white bg-hover-white socicon-skype tooltips" data-original-title="Skype"></a>
  425. <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid bg-red bg-hover-grey-salsa font-white bg-hover-white socicon-instagram tooltips" data-original-title="Instagram"></a>
  426. </div>
  427.  
  428. </div>
  429.  
  430. </div>
  431. <!-- End Promo Banner -->
  432. <!--========== END PAGE LAYOUT ==========-->
  433.  
  434. <!--========== FOOTER ==========-->
  435. <footer class="footer">
  436. <!-- Copyright -->
  437. <div class="content container">
  438. <div class="row">
  439. <div class="col-xs-6">
  440. <img class="footer-logo" src="img/cubesofttech.png" alt="Aironepage Logo">
  441. </div>
  442. <div class="col-xs-6 text-right">
  443. <p class="margin-b-0"><a class="fweight-700" href="#">2018 &copy; Cube SoftTech Co., Ltd. Room Renter Management System v._965</a></p>
  444. </div>
  445. </div>
  446. <!--// end row -->
  447. </div>
  448. <!-- End Copyright -->
  449. </footer>
  450. <!--========== END FOOTER ==========-->
  451.  
  452. <!-- Back To Top -->
  453. <a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>
  454.  
  455. <!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
  456. <!-- CORE PLUGINS -->
  457. <script src="vendor/jquery.min.js" type="text/javascript"></script>
  458. <script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
  459. <script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  460.  
  461. <!-- PAGE LEVEL PLUGINS -->
  462. <script src="vendor/jquery.easing.js" type="text/javascript"></script>
  463. <script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
  464. <script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
  465. <script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
  466. <script src="vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>
  467. <script src="vendor/magnific-popup/jquery.magnific-popup.min.js" type="text/javascript"></script>
  468. <script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
  469. <script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
  470. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsXUGTFS09pLVdsYEE9YrO2y4IAncAO2U&amp;callback=initMap" async defer></script>
  471.  
  472. <!-- PAGE LEVEL SCRIPTS -->
  473. <script src="js/layout.min.js" type="text/javascript"></script>
  474. <script src="js/components/wow.min.js" type="text/javascript"></script>
  475. <script src="js/components/swiper.min.js" type="text/javascript"></script>
  476. <script src="js/components/maginific-popup.min.js" type="text/javascript"></script>
  477. <script src="js/components/masonry.min.js" type="text/javascript"></script>
  478. <script src="js/components/gmap.min.js" type="text/javascript"></script>
  479.  
  480. <!-- -------------------------------------------------------------------------------------------------------------------- -->
  481.  
  482. <!-- Angular or not Angular? -->
  483. <div class="switch-version hidden-md-down">
  484. <a href="/material-design-for-bootstrap"><span class="switch-to active mdb-jquery"></span></a>
  485. <a href="/angular"><span class="switch-to mdb-angular"></span></a>
  486. <a href="/react"><span class="switch-to mdb-react"></span></a>
  487. <a href="/vue"><span class="switch-to mdb-vue"></span></a>
  488. </div>
  489. <div class="modal fade" id="myModal" role="dialog">
  490. <div class="modal-dialog">
  491.  
  492. <!-- Modal content-->
  493. <div class="modal-content">
  494. <div class="modal-body">
  495. <font color="red"><h4>กรุณาใส่ข้อมูลให้ครบถ้วน</h4></font>
  496. </div>
  497. <div class="modal-footer">
  498. <button type="button" class="btn red-mint"
  499. data-dismiss="modal">ปิด</button>
  500. </div>
  501. </div>
  502.  
  503. </div>
  504. </div>
  505.  
  506. <div class="modal fade" id="myModal1" role="dialog">
  507. <div class="modal-dialog">
  508.  
  509. <!-- Modal content-->
  510. <div class="modal-content">
  511. <div class="modal-body">
  512. <font color="red""><h4>ชื่อผู้ใช้นี้ถูกใช้ไปแล้ว กรุณาระบุชื่อผู้ใช้ใหม่</h4></font>
  513. </div>
  514. <div class="modal-footer">
  515. <button type="button" class="btn red-mint"
  516. data-dismiss="modal">ปิด</button>
  517. </div>
  518. </div>
  519.  
  520. </div>
  521. </div>
  522.  
  523. <div class="modal fade" id="myModal2" role="dialog">
  524. <div class="modal-dialog">
  525.  
  526. <!-- Modal content-->
  527. <div class="modal-content">
  528. <div class="modal-body">
  529. <font color="red""><h4>รหัสผ่านไม่ตรงกัน!</h4></font>
  530. </div>
  531. <div class="modal-footer">
  532. <button type="button" class="btn red-mint"
  533. data-dismiss="modal">ปิด</button>
  534. </div>
  535. </div>
  536. <script type="text/javascript">
  537.  
  538. //press enter to login
  539. $(document).ready(function() {
  540.  
  541. $('#login').live("submit", function() {
  542. //any_function()
  543. });
  544. });
  545.  
  546. //forgetpass
  547. $(document).ready(function() {
  548. $("#forget-password").click(function() {
  549. $("#forgetPass").show();
  550. $("#login").hide();
  551. });
  552. $("#backLogin").click(function() {
  553. $("#forgetPass").hide();
  554. $("#login").show();
  555. });
  556.  
  557. });
  558.  
  559. //forgetpass
  560. function checkUserId() {
  561.  
  562. var accountId = $('#accountId').val();
  563.  
  564. $
  565. .ajax({
  566. url : "checkUser",
  567. method : "POST",
  568. type : "JSON",
  569. data : {
  570. "accountId" : accountId,
  571. },
  572. success : function(data) {
  573. console.log(data);
  574. if (data.toString().indexOf("1") != -1) {
  575. $("#myModal1").modal();
  576. $('#accountId').val("");
  577.  
  578. }
  579. }
  580. })
  581. }
  582. function checkPasswordMatch() {
  583. var password = $('#password').val();
  584. var checkPassword = $('#checkPassword').val();
  585. if (password != checkPassword) {
  586. //alert("รหัสผ่านไม่ตรงกัน!");
  587. $("#myModal2").modal();
  588. $('#checkPassword').val("");
  589. }
  590.  
  591. }
  592. function saveRegister() {
  593.  
  594. var accountId = $('#accountId').val();
  595. var password = $('#password').val();
  596. var checkPassword = $('#checkPassword').val();
  597. var name = $('#name').val();
  598. var userType = $('#userType').val();
  599. var email = $('#email').val();
  600. if(accountId=="" || name==""||email=="" || password=="" ||checkPassword=="" ){
  601. $("#myModal").modal();
  602. }
  603. else if (password == checkPassword) {
  604. $.ajax({
  605. url : "userAdd",
  606. method : "POST",
  607. type : "JSON",
  608. data : {
  609. "accountId" : accountId,
  610. "password" : password,
  611. "name" : name,
  612. "userType" : userType,
  613. "email" : email,
  614.  
  615. },
  616. success : function(data) {
  617. if (userType == "renter") {
  618. document.location = "findApartmentFront";
  619. } else if (userType == "owner") {
  620. document.location = "openApartment";
  621. } else {
  622. document.location = "findApartmentFront";
  623. }
  624.  
  625. }
  626. })
  627. }
  628.  
  629. };
  630. </script>
  631. </body>
  632. <!-- END BODY -->
  633. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement