초기소스

src/main/webapp/WEB-INF/views/sopmal/ordr/PayFailR.jsp

@@ -0,0 +1,57 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
+<%@ taglib prefix="f" uri="/WEB-INF/tlds/f.tld"%>
+
+<%--
+    Class Name : PayFailRC.jsp
+    Description : 토스 위젯결제 실패화면
+    Modification Information
+
+    수정일       수정자     수정내용
+    -------    -------- ---------------------------
+    2024-06-12 이경숙     최초 생성생성
+--%>
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" type="text/css" href="style.css" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>토스 결제 샘플</title>
+  </head>
+
+  <body>
+    <div id="info" class="box_section" style="width: 600px">
+      <img width="100px" src="https://static.toss.im/lotties/error-spot-no-loop-space-apng.png" />
+      <h2>결제를 실패했어요</h2>
+
+      <div class="p-grid typography--p" style="margin-top: 50px">
+        <div class="p-grid-col text--left"><b>에러메시지</b></div>
+        <div class="p-grid-col text--right" id="message"></div>
+      </div>
+      <div class="p-grid typography--p" style="margin-top: 10px">
+        <div class="p-grid-col text--left"><b>에러코드</b></div>
+        <div class="p-grid-col text--right" id="code"></div>
+      </div>
+      <div class="p-grid">
+        <button class="button p-grid-col5" onclick="location.href='https://docs.tosspayments.com/guides/payment/integration';">연동 문서</button>
+        <button class="button p-grid-col5" onclick="location.href='https://discord.gg/A4fRFXQhRu';" style="background-color: #e8f3ff; color: #1b64da">실시간 문의</button>
+      </div>
+    </div>
+
+    <script>
+      const urlParams = new URLSearchParams(window.location.search);
+
+      const codeElement = document.getElementById("code");
+      const messageElement = document.getElementById("message");
+
+      codeElement.textContent = urlParams.get("code");
+      messageElement.textContent = urlParams.get("message");
+    </script>
+  </body>
+</html>