Skip to content

Commit

Permalink
Merge pull request #41 from Zuhye/feature-FE-jh
Browse files Browse the repository at this point in the history 
제발
  • Loading branch information
@noorong
noorong authored Dec 1, 2022
2 parents e1638b5 + 417e704 commit 38a5184
Show file tree
Hide file tree
Showing 32 changed files with 1,577 additions and 791 deletions.
24 changes: 20 additions & 4 deletions src/views/adminPage/adminPage.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
.main {
display: flex;
flex-direction: column;
height: 100%;
}

.section {
flex: 1;
width: 1000px;
margin: 110px auto;
}
Expand Down Expand Up @@ -63,7 +70,7 @@
border: 1px solid black;
text-decoration: none;
margin-bottom: 60px;
color:black;
color: black;
}

.name {
Expand All @@ -76,6 +83,15 @@
font-weight: bold;
}

a:link { color: black; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover { color: black; font-weight: bold;}
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: black;
font-weight: bold;
}
117 changes: 91 additions & 26 deletions src/views/adminPage/adminPage.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,36 +18,101 @@
<link rel="stylesheet" href="../mypage/HeaderFooter.css" />
</head>
<body class="body">
<!--Header_Navigator-->

<!-------- basic_info -------->
<section class="section">
<article class="profile">
<div class="picture">
<img class="picture" alt="profile_image" src="../image/profile.png" />
<div class="main">
<!-- Header -->
<header class="header">
<div class="header_logo">
<a href="/"> Ce1ev. </a>
</div>
<div class="name"></div>
<div class="email"></div>
<div class="profile_right">
<div>
<div class="grade">직책</div>
<p class="role"></p>
<ul class="search">
<li>
<input
type="text"
placeholder="검색어를 입력하세요."
class="header_search"
id="text"
/>
<button type="button" class="searchBtn">
<i class="fa fa-magnifying-glass fa-2x"></i>
</button>
</li>
</ul>
<ul class="header_right" id="guest">
<li id="header_login">
<a href="/login"> LOGIN </a>
</li>
<li id="header_wish">
<a href="/register"> REGISTER </a>
</li>
<li id="header_cart">
<a href="/guest"> GUEST </a>
</li>
</ul>
<ul class="header_right hidden" id="user">
<li id="header_cart">
<a href="/mypage/myPageCart"> CART </a>
</li>
<li id="header_myPage">
<a href="/mypage"> MY PAGE </a>
</li>
<li id="header_logout">
<a href="/#" id="logout2"> LOG OUT </a>
</li>
</ul>
<ul class="header_right hidden" id="admin">
<li id="header_addProduct">
<a href="/products"> ADD-PRODUCT </a>
</li>
<li id="header_mypage">
<a href="/admin"> ADMIN-PAGE </a>
</li>
<li id="header_logout">
<a href="/#" id="logout1"> LOG OUT </a>
</li>
</ul>
</header>

<!-- Main -->
<section class="section">
<article class="profile">
<div class="picture">
<img
class="picture"
alt="profile_image"
src="../image/profile.png"
/>
</div>
</div>
</article>
<article class="admin_button_container">
<!-- <div id="adminCategory_button hidden">카테고리 관리</div> -->
<div id="adminProduct_button"> <a href="/admin/adminProductList">상품 관리</a></div>
<div id="adminOrder_button"> <a href="/admin/adminOrder">주문 관리</a></div>
<div id="adminMember_button"> <a href="/admin/adminMember">회원 관리</a></div>
<div id="adminReview_button"> <a href="/admin/adminReview">후기 관리</a></div>
</article>
</section>
<div class="name"></div>
<div class="email"></div>
<div class="profile_right">
<div>
<div class="grade">직책</div>
<p class="role"></p>
</div>
</div>
</article>
<article class="admin_button_container">
<!-- <div id="adminCategory_button hidden">카테고리 관리</div> -->
<div id="adminProduct_button">
<a href="/admin/adminProductList">상품 관리</a>
</div>
<div id="adminOrder_button">
<a href="/admin/adminOrder">주문 관리</a>
</div>
<div id="adminMember_button">
<a href="/admin/adminMember">회원 관리</a>
</div>
<div id="adminReview_button">
<a href="/admin/adminReview">후기 관리</a>
</div>
</article>
</section>

<!-------- mypage_shopping -------->

<!-------- mypage_shopping -------->
<!-------- footer -------->
</div>

<!-------- footer -------->
<script src="../mypage/header.js" type="module" defer></script>
<script src="../mypage/footer.js" type="module" defer></script>
<script src="../home/changeHeader.js" type="module" defer></script>
<script src="adminPage.js" type="module" defer></script>
Expand Down
7 changes: 1 addition & 6 deletions src/views/adminProductList/adminProductList.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,7 @@
min-height: 100vh;
width: 100vw;
}
.body .section_box {
/* display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; */

.body .section {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
Expand Down
60 changes: 56 additions & 4 deletions src/views/adminProductList/adminProductList.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,18 +27,70 @@
/>
</head>
<body class="body">
<!--Header_Navigator-->
<div class="main">
<!--Header-->
<header class="header">
<div class="header_logo">
<a href="/"> Ce1ev. </a>
</div>
<ul class="search">
<li>
<input
type="text"
placeholder="검색어를 입력하세요."
class="header_search"
id="text"
/>
<button type="button" class="searchBtn">
<i class="fa fa-magnifying-glass fa-2x"></i>
</button>
</li>
</ul>
<ul class="header_right" id="guest">
<li id="header_login">
<a href="/login"> LOGIN </a>
</li>
<li id="header_wish">
<a href="/register"> REGISTER </a>
</li>
<li id="header_cart">
<a href="/guest"> GUEST </a>
</li>
</ul>
<ul class="header_right hidden" id="user">
<li id="header_cart">
<a href="/mypage/myPageCart"> CART </a>
</li>
<li id="header_myPage">
<a href="/mypage"> MY PAGE </a>
</li>
<li id="header_logout">
<a href="/#" id="logout2"> LOG OUT </a>
</li>
</ul>
<ul class="header_right hidden" id="admin">
<li id="header_addProduct">
<a href="/products"> ADD-PRODUCT </a>
</li>
<li id="header_mypage">
<a href="/admin"> ADMIN-PAGE </a>
</li>
<li id="header_logout">
<a href="/#" id="logout1"> LOG OUT </a>
</li>
</ul>
</header>

<section class="section_box"></section>
<div class="section"></div>

<!-------- footer -------->
<!-------- footer -------->
</div>
<script
src="/adminProductList/adminProductList.js"
type="module"
defer
></script>
<script src="../mypage/Footer.js" type="module" defer></script>
<script src="../mypage/header.js" type="module" defer></script>
<script src="../home/changeHeader.js" type="module" defer></script>
<script
src="https://kit.fontawesome.com/5c0da6133a.js"
Expand Down
6 changes: 4 additions & 2 deletions src/views/adminProductList/adminProductList.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as Api from "/api.js";

const productList = document.querySelector(".section_box");
const productList = document.querySelector(".section");

// 데이터를 받아 요소를 만든 후, html에 삽입
insertProductElement();
Expand Down Expand Up @@ -45,7 +45,9 @@ async function insertProductElement() {

ref[updateProduct] = document.querySelector(`.${updateProduct}`);

ref[updateProduct].addEventListener("click", (event) => updateProductFunc(event, product));
ref[updateProduct].addEventListener("click", (event) =>
updateProductFunc(event, product)
);
});
}

Expand Down
Loading

0 comments on commit 38a5184

Please sign in to comment.