From 42542a091293ea7882d019642826663154392e63 Mon Sep 17 00:00:00 2001 From: Hyemin Lee Date: Mon, 29 Jun 2026 17:26:50 +0900 Subject: [PATCH] =?UTF-8?q?feat(ui):=20=EC=83=81=EC=84=B8/=EA=B3=B5?= =?UTF-8?q?=EC=9C=A0=20=EB=AA=A8=EB=8B=AC=EA=B3=BC=20=EB=8B=A8=EB=8F=85=20?= =?UTF-8?q?=EC=83=81=EC=84=B8=C2=B7=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - _project_detail.ejs: 모달/단독 공용 상세(헤더·반응·바로가기·댓글 스레드·입력) - dashboard: 상세 모달 오버레이 + 프로젝트별 template 저장소 + 새 프로젝트 등록 모달 - project.ejs(단독)·login.ejs 새 디자인으로 재작성 Co-Authored-By: Claude Opus 4.8 (1M context) --- views/_project_detail.ejs | 134 ++++++++++++++++++++++++++++++++++++++ views/dashboard.ejs | 58 ++++++++++++++++- views/login.ejs | 6 +- views/project.ejs | 47 ++----------- 4 files changed, 200 insertions(+), 45 deletions(-) create mode 100644 views/_project_detail.ejs diff --git a/views/_project_detail.ejs b/views/_project_detail.ejs new file mode 100644 index 0000000..358e536 --- /dev/null +++ b/views/_project_detail.ejs @@ -0,0 +1,134 @@ +<% + // 상세(모달/단독 페이지 공용) — locals: p, comments[], me, returnTo, modal(bool) + function tagList(s) { return String(s || "").split(",").map(function (t) { return t.trim(); }).filter(Boolean); } + function reltime(d) { + var s = Math.floor((Date.now() - new Date(d).getTime()) / 1000); + if (s < 60) return "방금 전"; + var m = Math.floor(s / 60); if (m < 60) return m + "분 전"; + var h = Math.floor(m / 60); if (h < 24) return h + "시간 전"; + var dd = Math.floor(h / 24); if (dd < 7) return dd + "일 전"; + var x = new Date(d); return x.getFullYear() + "." + String(x.getMonth() + 1).padStart(2, "0") + "." + String(x.getDate()).padStart(2, "0"); + } + function isLgtm(b) { return /\blgtm\b/i.test(b || ""); } + var pdTags = tagList(p.tags); + var tops = comments.filter(function (c) { return !c.parent_id; }); + var repliesOf = function (id) { return comments.filter(function (c) { return String(c.parent_id) === String(id); }); }; +%> +
+
+
+
+ <%- icon("repo", { size: 18 }) %> +

<%= p.title %>

+ "><%- icon(p.is_public ? "globe" : "lock", { size: 11 }) %><%= p.is_public ? "공개" : "비공개" %> +
+
+ <%- identicon(p.owner_sabun, 24) %> + <%= p.owner_sabun %> + · <%= reltime(p.created_at) %> 공유 + <% if (p.lang) { %><%= p.lang %><% } %> +
+
+ <% if (modal) { %> + + <% } else { %> + ← 대시보드 + <% } %> +
+ <% if (pdTags.length) { %> +
<% pdTags.forEach(function (t) { %><%= t %><% }); %>
+ <% } %> +

<%= p.description || "설명 없음" %>

+
+ + + <% if (p.app_url) { %> + 바로가기 <%- icon("ext", { size: 12, fill: "#fff" }) %> + <% } %> + <% if (p.repo_url) { %> + <%- icon("code", { size: 14 }) %>저장소 + <% } %> + <% if (p.owner_sabun === me) { %> +
+ + +
+ <% } %> +
+
+ +
+
댓글 <%= comments.length %>
+
+ <% tops.forEach(function (c) { var reps = repliesOf(c.id); %> +
+
+ <%- identicon(c.author_sabun, 28) %> +
+
+ <%= c.author_sabun %> + <%= reltime(c.created_at) %> + <% if (isLgtm(c.body)) { %><%- icon("check", { size: 11 }) %>LGTM<% } %> +
+
<%= c.body %>
+
+ + <% if (c.author_sabun === me) { %> +
+ + +
+ <% } %> +
+
+
+ <% if (reps.length) { %> +
+ <% reps.forEach(function (r) { %> +
+ <%- identicon(r.author_sabun, 24) %> +
+
+ <%= r.author_sabun %> + <%= reltime(r.created_at) %> + <% if (isLgtm(r.body)) { %><%- icon("check", { size: 11 }) %>LGTM<% } %> +
+
<%= r.body %>
+ <% if (r.author_sabun === me) { %> +
+ + +
+ <% } %> +
+
+ <% }); %> +
+ <% } %> +
+ <% }); %> +
+
+ +
+
+ + + +
+ <%- identicon(me, 28) %> + + +
+
Enter 등록 · Shift+Enter 줄바꿈 · 대댓글은 1뎁스까지만 가능합니다
+
+
diff --git a/views/dashboard.ejs b/views/dashboard.ejs index 91185c6..2ac30f6 100644 --- a/views/dashboard.ejs +++ b/views/dashboard.ejs @@ -184,7 +184,63 @@ - + + + + + + + + + diff --git a/views/login.ejs b/views/login.ejs index 53684af..be9c150 100644 --- a/views/login.ejs +++ b/views/login.ejs @@ -1,12 +1,12 @@ <%- include("_header") %>