BOARD/FrontEnd/views/post/read.ejs at master · CSW-Study-Group/BOARD · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>

<head>
    <%- include('../partials/head') %>
</head>

<body>
    <%- include('../partials/nav') %>
    <div class="container mb-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb p-1 pl-2 pr-2">
                <li class="breadcrumb-item"><a href="/">Home</a></li>
                <li class="breadcrumb-item"><a href="/board">Board</a></li>
                <li class="breadcrumb-item active" aria-current="page"><%= post.title %></li>
            </ol>
        </nav>

        <div class="card shadow rounded">
            <h5 class="card-header p-2"><%= post.title %></h5>
            <div class="row">
                <div class="col-md-7 col-lg-8 col-xl-9 order-sm-2 order-md-1">
                    <div class="post-body p-2"><%= post.content %></div>
                </div>
                <div class="col-md-5 col-lg-4 col-xl-3 order-sm-1 order-md-2">
                    <div class="post-info card m-2 p-2">
                        <div>
                            <div><span>작성자</span> : <span><%= post.User.user_name %></span></div>
                            <div><span>조회수</span> : <span><%= post.view %></span></div>
                            <div><span>추천수</span> : <span id="recommend_count"><%= post.recommand %></span></div>
                        </div>
                        <div><span>작성일</span> : <span data-date-time="<%= post.created_at %>"></span></div>
                        <% if(post.updated_at) { %>
                            <div><span>수정일</span> : <span data-date-time="<%= post.updated_at %>"></span></div>
                        <% } %>
                    </div>
                    <form>
                        <button style="margin: 5px 5px; float: right;" class="btn btn-secondary" id="recommend_btn" type="button" onclick="recommand_click()">추천</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="comments">
            <span class="title"><%= count;%> comment</span>
            <% if ( count > 0 ) { %>
                <% for (let comment of comments) { %>
                <div class="card comment">
                    <div>
                        <img src="<%= comment.User.profile %>" class="rounded-circle" alt="..." width=25 height=25>
                        <span class="name"><%= comment.User.user_name %></span>
                        <button class="btn btn-secondary delete" type="button" onclick="delete_comment_post(<%= comment.id %>)">✖</button>
                        <span class="date">
                            <% let create_at = new Date(comment.created_at) %>
                            <% create_at.setHours(create_at.getHours() + 9); %>
                            <%= create_at.toISOString().replace('T', ' ').substring(0, 19);%>
                        </span>
                    </div>
                    <div class="body"><%= comment.comment %></div>
                </div>
                <% }%>
                <% if ( more ) { %>
                    <!-- 더보기 버튼 -->
                    <div class="more">
                        <button class="btn btn-secondary" type="button" onclick="more_comment_post()">더보기</button>
                    </div>
                <% }%>
            <% } %>
            <div class="form-group new-comment">
                <span>new comment</span>
                <textarea class="form-control rounded" name="comment_body"></textarea>
                <button class="btn btn-info" id="create_comment_btn" type="button" onclick="create_comment_post()">Post new comment</button>
            </div>
        </div>

        <div class="mt-3" name="method_div">
            <a class="btn btn-secondary" href="/board<%= getPostQueryString() %>">Back</a>
        </div>
    </div>

    <script>
        const owner = `
            <a class="btn btn-secondary" href="/board/<%= post.id %>/edit<%= getPostQueryString() %>">Edit</a>
            <button class="btn btn-secondary" type="button" onclick="delete_click()">Delete</button>
        `
    </script>
    <script src="/js/post/date.js" defer></script>
    <script src="/js/post/read.js" defer></script>
</body>

</html>