Index: arms/html/reqReview/content-container.html =================================================================== diff -u -r8b8edbcab59c03dd5d5c9e26cc8913e4f0bb6f7d -r3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5 --- arms/html/reqReview/content-container.html (.../content-container.html) (revision 8b8edbcab59c03dd5d5c9e26cc8913e4f0bb6f7d) +++ arms/html/reqReview/content-container.html (.../content-container.html) (revision 3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5) @@ -4,15 +4,11 @@

Inbox App

-
+
- +

    @@ -22,33 +18,17 @@ -
    +
    - - - - - - - - - - - - +
    - - - - Select - - - - - + 1-30 of 1,421
    Light Blue templateAug 13
    @@ -83,10 +54,10 @@ .btn { transition: background-color 0.2s; } - .mailbox-folders { + .review-classify { margin-top: 20px; } - .mailbox-folders li a { + .review-classify li a { display: block; padding: 6px 15px; color: #d2d2d2; @@ -96,17 +67,17 @@ -o-transition: color 0.2s; transition: color 0.2s; } - .mailbox-folders .active a { + .review-classify .active a { border-left: 5px solid #db2a34; padding-left: 10px; color: #f8f8f8; } - .mailbox .folder-title { + .review-box .folder-title { margin: 0; line-height: 30px; float: left; } - .mailbox .input-search { + .review-box .input-search { width: 140px; min-height: 30px; -webkit-transition: width 0.2s; @@ -120,10 +91,10 @@ font-weight: 300; } - .mailbox-content { + .review-content { margin-top: 20px; } - .mailbox-content .folder-view .icheckbox_square-grey { + .review-content .folder-view .icheckbox_square-grey { display: inline-block !important; vertical-align: middle; margin: 0 5px !important; @@ -137,9 +108,24 @@ cursor: pointer; transform: scale(0.72); } - .mailbox-content .folder-view .icheckbox_square-grey.checked { + .review-content .folder-view .icheckbox_square-grey.checked { background-position: -48px 0; } + .review-content .folder-view .icheckbox_square-grey input { + position: absolute; + left: -100%; + } + .review-content .folder-view .tiny-column { + width: 20px; + } + .review-content .folder-view .name { + width: 140px; + } + .review-content .folder-view .date { + text-align: right; + width: 100px; + } + .dropdown-menu { position: absolute; top: 100%; @@ -163,163 +149,9 @@ .open > .dropdown-menu { display: block; } - .mailbox-content .folder-view .total-pages { + .review-content .folder-view .total-pages { text-align: right; } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FishEye: Tag 3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5 refers to a dead (removed) revision in file `arms/js/emails.do'. FishEye: No comparison available. Pass `N' to diff? FishEye: Tag 3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5 refers to a dead (removed) revision in file `arms/js/folders.do'. FishEye: No comparison available. Pass `N' to diff? Index: arms/js/reqReview.js =================================================================== diff -u -r8b8edbcab59c03dd5d5c9e26cc8913e4f0bb6f7d -r3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5 --- arms/js/reqReview.js (.../reqReview.js) (revision 8b8edbcab59c03dd5d5c9e26cc8913e4f0bb6f7d) +++ arms/js/reqReview.js (.../reqReview.js) (revision 3df1cf6df19591ddd1cedb31550e2b18b2b6d0c5) @@ -5,9 +5,75 @@ "sidebar_menu_requirement_review", "requirement-elements-collapse" ); + + makeReviewClassify(); + makeReviewContents(); }); +async function makeReviewClassify() { + const data = await getData("./js/reviewClassify.do"); + makeClassifyMenus(data); +} +function makeClassifyMenus(data) { + const reviewClassify = document.getElementById("review-classify"); + let menus = ""; + data.forEach( + (item) => + (menus += ` +
  • + ${item.name} +
  • + `) + ); + reviewClassify.innerHTML = menus; +} +// review list define +async function makeReviewContents() { + const data = await getData("./js/reviewList.do"); + makeReviewList(data); +} +const getData = (url) => { + const data = fetch(url).then((response) => { + return response.json(); + }); -// 요구사항 상세 보기 클릭 이벤트 -$("#selectView").click(function () { - location.href = "reqReviewDetail.html"; + return data; +}; +function makeReviewList(data) { + const reviewList = document.getElementById("review-list"); + let list = ""; + data.forEach( + (item) => + (list += ` + + + ${item.register} + ${item.requirements} + ${dateFormat(item.timestamp)} + + `) + ); + + reviewList.innerHTML = list; +} + +const dateFormat = (time = 0) => { + let date = time ? new Date(time).toISOString() : new Date().toISOString(); + return date.split("T")[0]; +}; + +// reviwe click +$("#review-list").click(function (ev) { + const row = ev.target.parentNode.dataset; + location.href = `reqReviewDetail.html?id=${row.id}`; }); + +// side menu click +$("#review-classify").click(async function (ev) { + for (const item of ev.currentTarget.children) { + item.classList.remove("active"); + } + + ev.target.parentNode.classList.add("active"); + + // const data = await getReviewList("./js/reviewList.do"); +}); FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/js/reviewClassify.do'. FishEye: No comparison available. Pass `N' to diff? FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/js/reviewList.do'. FishEye: No comparison available. Pass `N' to diff?