forked from SMU-LIKELION-HACKATHON-2TEAM/FrontEnd
-
Notifications
You must be signed in to change notification settings - Fork 1
/
infoChange.html
164 lines (153 loc) · 5.27 KB
/
infoChange.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/infoChange.css" />
<link rel="stylesheet" href="./css/main.css" />
<link rel="icon" href="img/logo.png" />
<script
src="https://kit.fontawesome.com/ba49d39b5e.js"
crossorigin="anonymous"
></script>
<title>가게정보 수정페이지</title>
</head>
<body>
<nav class="navbar">
<div class="navbar_logo">
<img src="img/logo.png" alt="로고" />
<a href="#" class="service_name">소확행</a>
</div>
<div class="search-mode">
<div class="search_icon">
<i class="fas fa-search"></i>
</div>
<input type="text" class="inputbox" placeholder="가게를 검색해보세요" />
</div>
<ul class="navbar_menu">
<p class="icon_name">
<span>소</span>상공인·<span>소</span>비자에게 <span>확</span>실한
<span>행</span>복
</p>
</ul>
<ul class="navbar_icon">
<li>
<p><i class="fa-regular fa-user" onclick="toggleUserPanel()"></i></p>
</li>
</ul>
</nav>
<!-- 사용자 패널 -->
<div id="userPanel" class="user_panel">
<div class="panel_content">
<ul>
<li><a href="#">로그아웃</a></li>
<li><a href="#">마이페이지</a></li>
</ul>
</div>
</div>
<div class="infoChange_header">
<i class="fa-regular fa-pen-to-square"></i>가게정보를 수정해주세요.
</div>
<div class="infoChange_container">
<p>1. 가게 사진</p>
<div class="wrap_store_img">
<img
onclick="handleImgClick(this)"
class="store_img"
id="store_img_1"
src="./img/store_basic_img.png"
/>
<input
onchange="readURL(this)"
id="input_store_img_1"
type="file"
accept="img"
hidden
/>
</div>
<p>2. 가게 소개글</p>
<input
id="store_introduction"
type="text"
placeholder="손님들이 가게 정보를 알 수 있도록 가게를 소개해주세요.*"
style="height: 100px"
/>
<p>3. 가게 위치</p>
<div class="address">
<form class="address" action="" name="frm">
<div class="wrap_adress_input1">
<input
type="button"
value="주소입력"
onclick="openAddressPopup()"
id="address_input_button"
/>
<input type="text" id="postalCode" name="address" readonly />
</div>
<div class="wrap_adress_input2">
<input type="text" id="address_input1" name="address" readonly />
<input
type="text"
id="address_input2"
placeholder="상세주소 입력"
name="address"
/>
</div>
</form>
</div>
<p>4. 가게 메뉴</p>
<div class="menu">
<div>
<p>⦁ 사진으로 등록하기</p>
<div class="wrap_menu">
<form id="myForm" enctype="multipart/form-data">
<div id="inputsContainer">
<div class="inputWrapper">
<input type="file" class="fileButton" name="photo[]" accept="image/*" onchange="displayImage(this)">
<img class="previewImage" src="./img/menu_basic_img.png" style="width: 300px; height:150px; " >
<input type="text" name="menu[]" placeholder="메뉴를 입력하세요">
<input type="text" id="name_input" name="price[]" placeholder="가격을 입력하세요">
</div>
</div>
<br>
<div class="menu_button">
<button type="button" id="addButton" onclick="addInputColumn()">+</button>
<button type="button" id="removeButton" onclick="removeInputColumn()">-</button>
</div>
</form>
</div>
<p>⦁ 글로 등록하기</p>
<input
id="writing_register"
type="text"
placeholder="메뉴, 가격 등을 상세히 기술해주세요.*"
/>
</div>
<p>5. 가게 운영시간</p>
<div class="select">
<input id="operating_time" type="text" placeholder="오픈시간 ~ 마감시간 입력 (00:00 ~ 00:00) ">
</div>
<p>6. 사업자 등록번호</p>
<input
id="registration_number"
type="text"
placeholder="사업자 등록번호 입력 *"
style="height: 30px" required
/>
<p>7. 가게 승인번호</p>
<input
id="certification_number"
type="text"
placeholder="가게 승인번호 입력 *"
style="height: 30px"
/>
<div class="change">
<a href="./sbMypage.html"><input type="button" value="수정하기" id="change_button"/></a>
</div>
</div>
</body>
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="./js/infoChange.js"></script>
</html>