초기소스

src/main/webapp/WEB-INF/views/comm/mobile/Header.jsp

@@ -0,0 +1,44 @@
+<%@ 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="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
+<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
+    <div class="header__wrapper">
+        <div class="header__controls-wrapper">
+            <div class="header__controls">
+                <div class="header__toBack">
+                    <c:if test = "${!(fn:contains('/sopmal/ordr/selectOrdrCompt',accessUri)||fn:contains('/sopmal/ordr/selectOrdrFailr',accessUri))}"><%--주문완료와 주문실패는 뒤로가기 버튼 미노출--%>
+                        <button type="button" class="header__toBack__btn" >
+                            <span class="visually-hidden">뒤로가기</span>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
+                                viewBox="0 0 24 24">
+                                <path fill="#1A1A1A"
+                                    d="M16.598 3.338a.75.75 0 0 0-1.061 0l-8.132 8.131a.75.75 0 0 0 0 1.061l8.132 8.132a.75.75 0 0 0 1.06-1.06L8.998 12l7.6-7.602a.75.75 0 0 0 0-1.06Z">
+                                </path>
+                            </svg>
+                        </button>
+                    </c:if>
+                </div>
+                <h1 class="header__title" id="headerTitle"></h1><%--각자 페이지에 맞게 set해야함--%>
+                <div class="header__btn-container">
+                    <button class="header__btn" onclick="fn_search_open();" type="button"><i class="icon icon_nav-search"></i><span
+                            class="visually-hidden">검색</span></button>
+                    <button type="button" class="header__btn" onclick="location.href='/sopmal/ordr/selectSpbk';">
+                        <span class="number-badge headerCartCnt"><c:out value="${topBarInfo.cartCnt}"/></span>
+                        <i class="icon icon_nav-cart"></i>
+                        <span class="visually-hidden">장바구니</span>
+                    </button>
+                    <button type="button" class="header__btn" onclick="fn_select_mbrInfo('<c:out value="${cdnurl}"/>',${isAuthenticated}); openModal('hamburger-menu');">
+                        <i class="icon icon_nav-menu"></i>
+                        <span class="visually-hidden">메뉴</span>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+<script>
+    //뒤로가기 이벤트 부여, 각 페이지 마다 이벤트 삭제 후 다른 이벤트 사용 가능
+    $(".header__toBack__btn").on("click",function (){
+        fn_go_back();
+    });
+</script>