From c625a05ae72caca3530f86812358c8c6835c4849 Mon Sep 17 00:00:00 2001
From: Hyung Geun <vndanwl@naver.com>
Date: Fri, 19 Aug 2022 15:26:52 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=EC=8B=A0=EC=B2=AD?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/templates/login/login.html | 104 +++++++++++++-----
 1 file changed, 75 insertions(+), 29 deletions(-)

diff --git a/src/main/resources/templates/login/login.html b/src/main/resources/templates/login/login.html
index aff99fc7..ebd28a68 100644
--- a/src/main/resources/templates/login/login.html
+++ b/src/main/resources/templates/login/login.html
@@ -51,50 +51,96 @@
   </div>
 
   <div class="modal fade" id="userInsertModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userInsertModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
       <div class="modal-content ">
         <div class="modal-header">
           <h5 class="modal-title" id="userInsertModalLabel">사용자 신청</h5>
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
-        <div  class="modal-body">
-          <form id="userInfoInsert" action="#" th:action="@{/admin/insertUserInfo}" method="post">
-            <div class="mb-3 row">
-              <label for="userId" class="col-sm-4 col-form-label text-center">아이디</label>
-              <div class="col-sm-6">
-                <input type="text" class="form-control" id="userId" name="userId" autocomplete="off">
-              </div>
-              <div class="col-sm-auto form-text mx-auto">
-                6~20자 사이의 알파벳, 숫자를 입력해주세요.
+        <form id="userInfoInsert" action="#" th:action="@{/admin/insertUserInfo}" method="post">
+          <div class="mb-3 row">
+          <div class="mb-3 mt-3 row">
+            <label for="userId" class="col-sm-2 col-form-label text-center ">아이디</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" id="userId" name="userId" autocomplete="off">
+              <label for="userId" style="font-size: 12px">6~20자 사이의 알파벳, 숫자를 입력하세요</label>
+            </div>
+            <label for="name" class="col-sm-2 col-form-label text-center">이름</label>
+            <div class="col-sm-4">
+              <input type="text" class=" form-control" id="name" name="name" autocomplete="off">
+            </div>
+          </div>
+          <div class="mb-3 row">
+            <label for="modalPassword" class="col-sm-2 col-form-label text-center">비밀번호</label>
+            <div class="col-sm-4">
+              <input type="password" class="form-control" id="modalPassword" name="password" >
+              <label for="userId" style="font-size: 12px">8~16자 사이의 알파벳, 숫자, 특수문자 조합</label>
+            </div>
+            <label for="passwordConfirm" class="col-sm-2 col-form-label text-center">비밀번호 확인</label>
+            <div class="col-sm-4">
+              <input type="password" class="form-control" id="passwordConfirm">
+            </div>
+          </div>
+          <div class="mb-3 row">
+            <label for="tel" class="col-sm-2 col-form-label text-center">전화번호</label>
+            <div class="col-sm-4">
+              <input type="tel" class="form-control" id="tel">
+            </div>
+            <label for="email" class="col-sm-2 col-form-label text-center">이메일</label>
+            <div class="col-sm-4">
+              <input type="email" class="form-control" id="email">
+            </div>
+          </div>
+          <div class="mb-3 row">
+            <label for="telP" class="col-sm-2 col-form-label text-center">휴대전화</label>
+            <div class="col-sm-4">
+              <input type="tel" class="form-control" id="telP">
+            </div>
+          </div>
+          <div class="mb-3 row" >
+            <label for="address" class="col-sm-2 col-form-label text-center">주소</label>
+            <div class="col-sm-8">
+              <input type="adress" class="form-control" id="address">
+            </div>
+            <div class="col-sm-2">
+              <button type="button" class="btn btn-secondary" id="search">주소검색</button>
+            </div>
+          </div>
+          <div class="mb-3 row">
+              <label for="addresses" class="col-sm-2 col-form-label text-center">상세주소</label>
+              <div class="col-sm-10">
+                <input type="address" class="form-control" id="addresses">
               </div>
             </div>
             <div class="mb-3 row">
-              <label for="modalPassword" class="col-sm-4 col-form-label text-center">비밀번호</label>
-              <div class="col-sm-6">
-                <input type="password" class="form-control" id="modalPassword" name="password">
+              <label for="photo" class="col-sm-2 col-form-label text-center">사진</label>
+              <div class="col-sm-4">
+                <input type="file" style="font-size: 12px" class="form-control" id="photo">
               </div>
-              <div class="col-sm-auto form-text mx-auto">
-                8~16자 사이의 알파벳, 숫자, 특수문자 조합을 입력해주세요.
+              <label for="sign" class="col-sm-2 col-form-label text-center">서명</label>
+              <div class="col-sm-4">
+                <input type="file" style="font-size: 12px" class="form-control" id="sign">
               </div>
             </div>
             <div class="mb-3 row">
-              <label for="passwordConfirm" class="col-sm-4 col-form-label text-center">비밀번호 확인</label>
-              <div class="col-sm-6">
-                <input type="password" class="form-control" id="passwordConfirm">
+              <label for="tel" class="col-sm-2 col-form-label text-center">요청사항</label>
+              <div class="col-sm-4">
+                <input type="text" class="form-control" id="need">
+              </div>
+              <label for="precautions" class="col-sm-2 col-form-label text-center">주의사항</label>
+              <div class="col-sm-4">
+                <input type="text" class="form-control" id="precautions">
               </div>
             </div>
-            <div class="mb-3 row">
-              <label for="name" class="col-sm-4 col-form-label text-center">이름</label>
-              <div class="col-sm-6">
-                <input type="text" class="form-control" id="name" name="name" autocomplete="off">
-              </div>
-            </div>
-          </form>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>
-          <button type="button" class="btn btn-primary" id="saveBtn">신청</button>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>
+            <button type="button" class="btn btn-primary" id="saveBtn">신청</button>
+          </div>
+         </form>
+
         </div>
+
       </div>
     </div>
   </div>