[ Final-project ] Sidebar - 임시2

💎 Sidebar

Sidebar 최종 코드는 완성이고 들어갈내용이나 컬러들만 수정하면된다!

🏆 header jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<link rel="stylesheet" href="/resources/css/Administrator/sidebar.css">

	<nav class="nav">
                <ul class="gnb">
                <c:if test="${empty loginMember}" >
                    <li>
                    <a href='/myPage/memberInfo' class="sideimgbox">
                        <img src="/resources/images/member/user.png">
                    </a>

                    </li>
                    <li>
                    <a href="/member/login">Login</a><a href="/member/signUp">Join</a>
                    </li>

                    <li>
                </c:if>

                <c:if test="${!empty loginMember}" >
                    <li>
                    <a href='/myPage/memberInfo' class="sideimgbox">
                        <img src="${loginMember.profileImage}">
                    </a>
                    </li>

                    <li>
                        <a href='javascript:void(0);'>My-Info</a><a href="/member/logout">Logout</a>
                    </li>
                    <li>
                        <a href='javascript:void(0);'>My Page</a>
                        <ul class="sub_gnb">
                            <li><a href = "/myPage/memberInfo">내 정보</a></li>
                            <li><a href = "/myPage/memberInfoUpdate">내 정보 수정</a></li>
                            <li><a href = "/myPage/memberSecession">계정 탈퇴</a></li>
                            <c:if test="${loginMember.petsitterFlag == 'N'}" >
                            <li><a href = "/petsitter/toPetsitterApply">펫시터 되기</a></li>
                            </c:if>
                             <c:if test="${loginMember.petsitterFlag == 'Y'}" >
                            <li><a  href = "/petsitter/toGeneralApply">펫시터 그만두기</a></li>
                            </c:if>
                        </ul>
                    </li>
                </c:if>

                    <li>
                        <a href='javascript:void(0);'>멍메이트</a>
                        <ul class="sub_gnb">
                            <li></li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </li>

                    <li>
                        <a href='javascript:void(0);'>멍메이트</a>
                        <ul class="sub_gnb">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </li>

                    <li>
                       <a href='javascript:void(0);'>신고하기</a>
                        <ul class="sub_gnb">
                            <li><a href="/Administrator/declaration">신고</a></li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </li>
                    <c:if test="${loginMember.adminFlag == 'Y'}" >
                        <li>
                            <a href='javascript:void(0);'>관리자</a>
                            <ul class="sub_gnb">
                                <li><a href="/Administrator/management">회원정보 관리</a></li>
                                <li><a href="/Administrator/petManagement">펫시터 관리</a></li>
                                <li><a href="/Administrator/reserve">예약 관리</a></li>
                                <li><a  href = "/petsitter/admin/petsitterlist1">펫시터 신청 관리</a></li>
                            </ul>
                        </li>
                    </c:if>
                </ul>
            </nav>
            <div class="toggle">
                <div class="toggle_btn">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <script src="/resources/js/Administrator/code.jquery.com_jquery-3.7.1.min.js"></script>
    <script src="/resources/js/Administrator/sidebar.js"></script>