aboutsummaryrefslogtreecommitdiff
path: root/views/user_solutions.hbs
blob: 598e63d2eb8100f8c35ecb944943aa722f1a9cfa (plain)
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
91
92
93
94
95
96
97
98
99
100
101
<main id="solutions-main">
<div class='search solutions-container container'>
<div>

<!-- Add Solution button and path -->
<div class="row top-sol">
    <a href="/user/add_solution/{{examID}}/{{qID}}">
        <button class="col-xs-4 col-sm-2 col-md-2 col-lg-2
        col-xs-offset-4 col-sm-offset-5 col-md-offset-2
        col-lg-offset-2 rounded" id="add-solution">
            <h3>Add a solution</h3>
        </button>
    </a>

    <!-- Replace p below with breadcrumbs later -->
    <p class="col-xs-12 col-sm-12 col-md-6 show-path">
        CSC148 > Winter 2015 > Question 1
    </p>
</div>

<!-- Solution 1 Example -->

{{#each query}}
    <div class="row">
        <section id="sol-" class="col-md-10 col-md-offset-1 rounded">
            <div class="post-info">
                <div class="">
                    <img class="img-responsive img-circle user-image" src="/assets/images/misc/user1.jpeg">
                    <p class="username">{{this.author}}</p>
                </div>

                <div class="pull-right">
                    <div class="upvoting">
                        <button class="upvote"><img src="/assets/images/up_arrow.png"></button>
                        <p class="upvote num-upvotes">{{this.votes}}</p>
                    </div>
                    <div class="downvoting">
                        <button class="downvote"><img src="/assets/images/down_arrow.png"></button>
                        <p class=" downvote num-downvotes">-1</p>
                    </div>
                </div>
            </div>

            <div class="user-sol">
                <h3>Solution</h3>
                <p>{{this.text}}</p>
            </div>

            <div class="comments">
                <h3>
                    <a data-toggle="collapse" href="#com{{@index}}">
                        <span>
                            {{this.commentCount}}
                        </span>
                        comments
                        <span class="caret"></span>
                    </a>
                </h3>

                <div id="com{{@index}}" class="panel-collapse collapse">
                    <ul class="list-group">
                        {{#each this.comments}}
                            <li class="list-group-item">
                                <img src="/assets/images/misc/user3.jpeg"
                                     class="img-responsive img-circle comment-user-img">
                                <p class="comment-username">
                                    <a href="/user_profile">
                                        {{this.by}}
                                    </a>
                                    , {{this.date}}
                                </p>
                                <p class="user-comment">{{this.text}}</p>
                            </li>
                        {{/each}}

                        <form action="/user/comment/submit/{{../examID}}/{{../qID}}/{{this._id}}" method="post">
                            <div class="form-group">
                                <textarea type="text"
                                          class="form-control"
                                          placeholder="Enter comment"
                                          name="comment">

                                </textarea>
                            </div>
                            <input type="hidden" name="_csrf" value="{{../csrfToken }}">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>

                    </ul>
                </div>

            </div>
        </section>
    </div>
{{/each}}


</div>
</div>
</main>