From 10e2d2c8a23a0c3c1671fb7f1e034f00dbe147ca Mon Sep 17 00:00:00 2001
From: esmeii <eunseong@ewhain.net>
Date: Fri, 22 Dec 2023 14:25:46 +0900
Subject: [PATCH] Delete editing form function

---
 public/index.html         |   3 +-
 public/manageBooking.html | 198 +++++++++++++++++++-------------------
 styles/index.css          | 114 +++++++++++-----------
 3 files changed, 158 insertions(+), 157 deletions(-)

diff --git a/public/index.html b/public/index.html
index bb87245..d87f205 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,8 @@
       integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
       crossorigin="anonymous"
     />
-    <link href="../styles/index.css" rel="stylesheet" />
+    <link href="styles/index.css" rel="stylesheet" />
+
     <link
       href="https://fonts.googleapis.com/css?family=Song+Myung|Rubik+Scribble|Nanum+Gothic+Coding|DM+Serif+Display|Noto+Serif+KR:wght@500;600&display=swap"
       rel="stylesheet"
diff --git a/public/manageBooking.html b/public/manageBooking.html
index 1337ab6..81c4e4a 100644
--- a/public/manageBooking.html
+++ b/public/manageBooking.html
@@ -110,7 +110,9 @@ <h1 class="fw-bolder">예매 정보 확인</h1>
                   </div>
                 </div>
                 <div class="d-flex justify-content-center">
-                  <button type="submit" class="btn btn-dark">확인</button>
+                  <button type="submit" class="btn btn-dark" id="confirmButton">
+                    확인
+                  </button>
                 </div>
               </form>
             </div>
@@ -150,16 +152,16 @@ <h5 class="modal-title" id="exampleModalLabel">예매 정보</h5>
               예매 취소
             </button>
             <!-- 예매 취소 버튼 -->
-            <button id="openUpdateForm" type="button" class="btn btn-dark">
+            <!-- <button id="openUpdateForm" type="button" class="btn btn-dark">
               정보 수정
-            </button>
+            </button> -->
             <!-- 정보 수정 버튼 -->
           </div>
         </div>
       </div>
     </div>
 
-    <!-- 정보 수정 폼 -->
+    <!-- 정보 수정 폼
     <div id="updateForm" class="modal fade" tabindex="-1" aria-hidden="true">
       <div class="modal-dialog">
         <div class="modal-content">
@@ -217,7 +219,7 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
 
     <script>
       //  web app's Firebase configuration
@@ -242,13 +244,13 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
 
       var docRef = null; // 예매 정보에 대한 참조를 저장할 변수
       var reservationModal = document.getElementById("reservationModal"); // 모달 창
-      var updateForm = document.getElementById("updateForm"); // 정보 수정 폼
+      //var updateForm = document.getElementById("updateForm"); // 정보 수정 폼
       // 사용자 입력 값 가져오기
       var phone = document.getElementById("phone").value;
       var email = document.getElementById("email").value;
 
       document
-        .querySelector(".btn.btn-dark")
+        .getElementById("confirmButton")
         .addEventListener("click", function () {
           $("#reservationModal").modal("show");
         });
@@ -265,19 +267,19 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
         });
 
       // 정보 수정 버튼 클릭 이벤트 핸들러
-      document
-        .getElementById("openUpdateForm")
-        .addEventListener("click", function () {
-          $("#reservationModal").modal("hide"); // 예매 정보 폼 닫기
-          $("#updateForm").modal("show"); // 정보 수정 폼 보여주기
-        });
+      // document
+      //   .getElementById("openUpdateForm")
+      //   .addEventListener("click", function () {
+      //     $("#reservationModal").modal("hide"); // 예매 정보 폼 닫기
+      //     $("#updateForm").modal("show"); // 정보 수정 폼 보여주기
+      //   });
 
-      // 정보 수정 폼 닫기 버튼 클릭 이벤트 핸들러
-      document
-        .getElementById("closeUpdateForm")
-        .addEventListener("click", function () {
-          $("#updateForm").modal("hide"); // 정보 수정 폼 닫기
-        });
+      // // 정보 수정 폼 닫기 버튼 클릭 이벤트 핸들러
+      // document
+      //   .getElementById("closeUpdateForm")
+      //   .addEventListener("click", function () {
+      //     $("#updateForm").modal("hide"); // 정보 수정 폼 닫기
+      //   });
 
       // 폼 제출 이벤트 핸들러
       document
@@ -323,18 +325,18 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
 
                   document.getElementById("reservationInfo").innerHTML = result;
 
-                  // 정보를 수정 폼의 input 값으로 설정
-                  document.getElementById("updateName").value = data.name;
-                  document.getElementById("updateEmail").value = data.email;
-                  document.getElementById("updatePeople").value = data.people;
-                  document.getElementById("updatePhone").value = data.phone;
+                  // // 정보를 수정 폼의 input 값으로 설정
+                  // document.getElementById("updateName").value = data.name;
+                  // document.getElementById("updateEmail").value = data.email;
+                  // document.getElementById("updatePeople").value = data.people;
+                  // document.getElementById("updatePhone").value = data.phone;
                   // 복수 개의 날짜 선택을 위해 date 필드를 배열로 처리
-                  var updateDate = document.getElementById("updateDate");
-                  for (var i = 0; i < updateDate.options.length; i++) {
-                    updateDate.options[i].selected = data.date.includes(
-                      updateDate.options[i].value
-                    );
-                  }
+                  // var updateDate = document.getElementById("updateDate");
+                  // for (var i = 0; i < updateDate.options.length; i++) {
+                  //   updateDate.options[i].selected = data.date.includes(
+                  //     updateDate.options[i].value
+                  //   );
+                  // }
                   document.getElementById("cancelReservation").disabled = false; // 예매 취소 버튼 활성화
                   found = true; // 일치하는 정보를 찾았음을 표시
                 }
@@ -384,78 +386,78 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
         });
 
       // 정보 수정 폼 제출 이벤트 핸들러
-      document
-        .getElementById("submitUpdate")
-        .addEventListener("click", function (event) {
-          event.preventDefault();
+      // document
+      //   .getElementById("submitUpdate")
+      //   .addEventListener("click", function (event) {
+      //     event.preventDefault();
 
-          // 변경할 정보 가져오기
-          var updateName =
-            document.getElementById("updateName").value ||
-            document.getElementById("updateName").placeholder;
-          var updateEmail =
-            document.getElementById("updateEmail").value ||
-            document.getElementById("updateEmail").placeholder;
-          var updatePeople =
-            document.getElementById("updatePeople").value ||
-            document.getElementById("updatePeople").placeholder;
-          var updatePhone =
-            document.getElementById("updatePhone").value ||
-            document.getElementById("updatePhone").placeholder;
+      //     // 변경할 정보 가져오기
+      //     var updateName =
+      //       document.getElementById("updateName").value ||
+      //       document.getElementById("updateName").placeholder;
+      //     var updateEmail =
+      //       document.getElementById("updateEmail").value ||
+      //       document.getElementById("updateEmail").placeholder;
+      //     var updatePeople =
+      //       document.getElementById("updatePeople").value ||
+      //       document.getElementById("updatePeople").placeholder;
+      //     var updatePhone =
+      //       document.getElementById("updatePhone").value ||
+      //       document.getElementById("updatePhone").placeholder;
 
-          // 선택된 날짜 가져오기
-          var updateDate = Array.from(
-            document.getElementById("updateDate").selectedOptions
-          ).map((option) => option.value);
+      //     // 선택된 날짜 가져오기
+      //     var updateDate = Array.from(
+      //       document.getElementById("updateDate").selectedOptions
+      //     ).map((option) => option.value);
 
-          // 이름, 이메일, 전화번호 조건 검사
-          if (!updateName) {
-            alert("이름을 입력해주세요.");
-            return;
-          }
+      //     // 이름, 이메일, 전화번호 조건 검사
+      //     if (!updateName) {
+      //       alert("이름을 입력해주세요.");
+      //       return;
+      //     }
 
-          if (!updateEmail) {
-            alert("이메일을 입력해주세요.");
-            return;
-          }
+      //     if (!updateEmail) {
+      //       alert("이메일을 입력해주세요.");
+      //       return;
+      //     }
 
-          if (!updatePhone) {
-            alert("전화번호를 입력해주세요.");
-            return;
-          }
+      //     if (!updatePhone) {
+      //       alert("전화번호를 입력해주세요.");
+      //       return;
+      //     }
 
-          // 인원과 날짜 조건 검사
-          if (!updatePeople || updatePeople < 1) {
-            alert("인원은 반드시 1명 이상이어야 합니다.");
-            return;
-          }
+      //     // 인원과 날짜 조건 검사
+      //     if (!updatePeople || updatePeople < 1) {
+      //       alert("인원은 반드시 1명 이상이어야 합니다.");
+      //       return;
+      //     }
 
-          if (!updateDate.length) {
-            alert("날짜는 반드시 한 개 이상 선택되어야 합니다.");
-            return;
-          }
+      //     if (!updateDate.length) {
+      //       alert("날짜는 반드시 한 개 이상 선택되어야 합니다.");
+      //       return;
+      //     }
 
-          // 파이어베이스에 정보 업데이트
-          docRef
-            .update({
-              name: updateName,
-              date: updateDate,
-              email: updateEmail,
-              people: updatePeople,
-              phone: updatePhone,
-            })
-            .then(function () {
-              console.log("Document successfully updated!");
-              alert("예매 정보가 성공적으로 업데이트되었습니다.");
-              updateForm.style.display = "none"; // 정보 수정 폼 닫기
-              $("#updateForm").modal("hide");
-              $("body").removeClass("modal-open");
-              $(".modal-backdrop").remove();
-            })
-            .catch(function (error) {
-              console.error("Error updating document: ", error);
-            });
-        });
+      //     // 파이어베이스에 정보 업데이트
+      //     docRef
+      //       .update({
+      //         name: updateName,
+      //         date: updateDate,
+      //         email: updateEmail,
+      //         people: updatePeople,
+      //         phone: updatePhone,
+      //       })
+      //       .then(function () {
+      //         console.log("Document successfully updated!");
+      //         alert("예매 정보가 성공적으로 업데이트되었습니다.");
+      //         updateForm.style.display = "none"; // 정보 수정 폼 닫기
+      //         $("#updateForm").modal("hide");
+      //         $("body").removeClass("modal-open");
+      //         $(".modal-backdrop").remove();
+      //       })
+      //       .catch(function (error) {
+      //         console.error("Error updating document: ", error);
+      //       });
+      //   });
 
       // 페이지 로드 시 정보 가져오기
       window.addEventListener("load", function () {
@@ -467,10 +469,10 @@ <h5 class="modal-title" id="exampleModalLabel">예매 내역 수정</h5>
               var data = doc.data();
 
               // 가져온 정보로 placeholder 설정
-              document.getElementById("updateName").placeholder = data.name;
-              document.getElementById("updateEmail").placeholder = data.email;
-              document.getElementById("updatePeople").placeholder = data.people;
-              document.getElementById("updatePhone").placeholder = data.phone;
+              // document.getElementById("updateName").placeholder = data.name;
+              // document.getElementById("updateEmail").placeholder = data.email;
+              // document.getElementById("updatePeople").placeholder = data.people;
+              // document.getElementById("updatePhone").placeholder = data.phone;
             } else {
               console.log("No such document!");
             }
diff --git a/styles/index.css b/styles/index.css
index b2ae121..4aa22a0 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,86 +1,84 @@
-.last-row {font-family: 'Song Myung', sans-serif;
-color:black;
-font-size:5em;
-position: relative;
-top: -1em;
- }
+.last-row {
+  font-family: "Song Myung", sans-serif;
+  color: black;
+  font-size: 5em;
+  position: relative;
+  top: -1em;
+}
 
- .myungjo{
-    font-family:'Noto Serif KR';
- }
+.myungjo {
+  font-family: "Noto Serif KR";
+}
 
-.start{
-    font-family:'Rubik Scribble';
-    font-size:2em;
-    text-decoration: none;
-    color: inherit;
+.start {
+  font-family: "Rubik Scribble";
+  font-size: 2em;
+  text-decoration: none;
+  color: inherit;
 }
 
-.bg-white{
+.bg-white {
   background-color: white;
 }
 
-.bg-bigger{
-    height:25em;
+.bg-bigger {
+  height: 25em;
 }
 
-
-.date{
-    font-size:1.1em;
-    position: relative;
-    top: -4.2em;
-    left: 0.1em;
-    font-family:'Noto Serif KR';
+.date {
+  font-size: 1.1em;
+  position: relative;
+  top: -4.2em;
+  left: 0.1em;
+  font-family: "Noto Serif KR";
 }
 
-.bg-gray{
-    background-color: gray;
+.bg-gray {
+  background-color: gray;
 }
 
-.bg-lightgray{
-    background-color: lightgray;
+.bg-lightgray {
+  background-color: lightgray;
 }
 
 .box-container {
-    width: 150px; /* 상자의 너비 */
-    height: 50px; /* 상자의 높이 */
-    background-color: rgba(255, 255, 255, 0); /* 흰색, 투명도 0.8 */
-    border: 2px solid white; /* 흰색 테두리, 1px 두께 */
-    border-radius: 20px; /* 둥근 테두리 반지름 */
-    padding: 20px; /* 안 여백(padding) 설정 */
-    display: flex; /* 부모 컨테이너를 flex로 설정하여 자식 요소들을 정렬 */
-    align-items: center; /* 수직 정렬 */
-    justify-content: center; /* 수평 정렬 */
-    text-align: center; /* 텍스트 가운데 정렬 */
-    text-decoration: none; /* 링크의 밑줄 제거 */
-    color: white; /* 글자 색상 */
-    font-size: 18px; /* 글자 크기 */
-    font-weight: bold; /* 글자 두껍게 설정 */
+  width: 150px; /* 상자의 너비 */
+  height: 50px; /* 상자의 높이 */
+  background-color: rgba(255, 255, 255, 0); /* 흰색, 투명도 0.8 */
+  border: 2px solid white; /* 흰색 테두리, 1px 두께 */
+  border-radius: 20px; /* 둥근 테두리 반지름 */
+  padding: 20px; /* 안 여백(padding) 설정 */
+  display: flex; /* 부모 컨테이너를 flex로 설정하여 자식 요소들을 정렬 */
+  align-items: center; /* 수직 정렬 */
+  justify-content: center; /* 수평 정렬 */
+  text-align: center; /* 텍스트 가운데 정렬 */
+  text-decoration: none; /* 링크의 밑줄 제거 */
+  color: white; /* 글자 색상 */
+  font-size: 18px; /* 글자 크기 */
+  font-weight: bold; /* 글자 두껍게 설정 */
 }
 
-
 /* 글자 스타일링 */
 .box-text {
-    font-size: 18px; /* 글자 크기 */
-    color: white; /* 글자 색상 */
-    font-weight: bold; /* 글자 두껍게 설정 */
-    text-decoration: none; /* 밑줄 제거 */
+  font-size: 18px; /* 글자 크기 */
+  color: white; /* 글자 색상 */
+  font-weight: bold; /* 글자 두껍게 설정 */
+  text-decoration: none; /* 밑줄 제거 */
 }
 
-.small-title{
-    font-family:'DM Serif Display';
+.small-title {
+  font-family: "DM Serif Display";
 }
 
-.map-ele{
-    width:60%;
+.map-ele {
+  width: 60%;
 }
 
-.exp-ele{
-    width:40%;
-
+.exp-ele {
+  width: 40%;
 }
 
-.small-title-kr{
-    font-size:1.5em;
-    font-weight: bold;
-}
\ No newline at end of file
+.small-title-kr {
+  font-size: 1.5em;
+  font-weight: bold;
+}