-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
297 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| /* | ||
| * CVV is a continuous verification visualizer. | ||
| * Copyright (c) 2023 ISP RAS (http://www.ispras.ru) | ||
| * Ivannikov Institute for System Programming of the Russian Academy of Sciences | ||
| * | ||
| * Licensed under the Apache License, Version 2.0 (the "License"); | ||
| * you may not use this file except in compliance with the License. | ||
| * You may obtain a copy of the License at | ||
| * | ||
| * http://www.apache.org/licenses/LICENSE-2.0 | ||
| * | ||
| * Unless required by applicable law or agreed to in writing, software | ||
| * distributed under the License is distributed on an "AS IS" BASIS, | ||
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| * ee the License for the specific language governing permissions and | ||
| * limitations under the License. | ||
| */ | ||
|
|
||
| blockquote { | ||
| font-style: italic; | ||
| position: relative; | ||
| background: #f9f9f9; | ||
| border-left: 2px solid #ccc; | ||
| margin: 0px; | ||
| padding: 3px; | ||
| margin-left: 20px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,108 @@ | ||
| /* | ||
| * CVV is a continuous verification visualizer. | ||
| * Copyright (c) 2023 ISP RAS (http://www.ispras.ru) | ||
| * Ivannikov Institute for System Programming of the Russian Academy of Sciences | ||
| * | ||
| * Licensed under the Apache License, Version 2.0 (the "License"); | ||
| * you may not use this file except in compliance with the License. | ||
| * You may obtain a copy of the License at | ||
| * | ||
| * http://www.apache.org/licenses/LICENSE-2.0 | ||
| * | ||
| * Unless required by applicable law or agreed to in writing, software | ||
| * distributed under the License is distributed on an "AS IS" BASIS, | ||
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| * ee the License for the specific language governing permissions and | ||
| * limitations under the License. | ||
| */ | ||
|
|
||
| function clear_reply_form(mark_id) { | ||
| let previous_comment = document.getElementById('edit_comment_id_' + mark_id); | ||
| if (previous_comment.value) { | ||
| document.getElementById("comment_text_" + previous_comment.value).style.background = "#ffffff"; | ||
| } | ||
| previous_comment.value = ""; | ||
| } | ||
|
|
||
| function show_comments(mark_id) { | ||
| $('.comment.collapsed').each(function () { !$(this).toggleClass("collapsed")}); | ||
| $('#show_comments_btn_' + mark_id).modal('hide'); | ||
| } | ||
|
|
||
| function reply_comment(comment_id, username, mark_id) { | ||
| const orig_text = document.getElementById("comment_text_" + comment_id).innerHTML; | ||
| document.getElementById('new_comment_field_' + mark_id).value = username + ":<blockquote>" + orig_text + "</blockquote>\n"; | ||
| $("#new_comment_field_" + mark_id).focus(); | ||
| clear_reply_form(mark_id); | ||
| } | ||
|
|
||
| function edit_comment(comment_id, mark_id) { | ||
| const orig_text = document.getElementById("comment_text_" + comment_id).innerHTML; | ||
| document.getElementById('new_comment_field_' + mark_id).value = orig_text; | ||
| $("#new_comment_field_" + mark_id).focus(); | ||
| clear_reply_form(mark_id); | ||
| document.getElementById('edit_comment_id_' + mark_id).value = comment_id; | ||
| document.getElementById("comment_text_" + comment_id).style.background = "#f9f9f9"; | ||
| } | ||
|
|
||
| function new_comment(mark_id) { | ||
| let comment_id = document.getElementById('edit_comment_id_' + mark_id).value; | ||
| var desc = $('#new_comment_field_' + mark_id).val(); | ||
| if (!desc) { | ||
| return; | ||
| } | ||
| const root_comment = $('#comments_root_' + mark_id); | ||
|
|
||
| var cmt_data = { | ||
| description: desc, mark_id: mark_id, comment_id: comment_id | ||
| }; | ||
|
|
||
| $.post('/marks/create-comment/', cmt_data, function (data) { | ||
| if (data.error) { | ||
| err_notify(data.error); | ||
| return false; | ||
| } | ||
| if (comment_id) { | ||
| // Edit comment | ||
| document.getElementById("comment_text_" + comment_id).innerHTML = desc; | ||
| } else { | ||
| // New comment | ||
| const user_name = data['user_name']; | ||
| const user_id = data['user_id']; | ||
| comment_id = data['comment_id']; | ||
| let new_comment = document.createElement('div'); | ||
| new_comment.className = 'comment'; | ||
| new_comment.innerHTML = ` | ||
| <div id="comment_${comment_id}" class="content"> | ||
| <a href="/users/profile/${user_id}" class="author">${user_name}</a> | ||
| <div class="metadata"> | ||
| <span class="date">Now</span> | ||
| </div> | ||
| <div id="comment_text_${comment_id}" class="text">${desc}</div> | ||
| <div class="actions"> | ||
| <a class="reply" onclick="reply_comment('${comment_id}', '${user_name}', '${mark_id}')">Reply</a> | ||
| <a class="edit" onclick="edit_comment(${comment_id}, ${mark_id})">Edit</a> | ||
| <a class="delete" onclick="delete_comment(${comment_id}, ${mark_id})">Delete</a> | ||
| </div> | ||
| </div>`; | ||
| root_comment.prepend(new_comment); | ||
| } | ||
| clear_reply_form(mark_id); | ||
| document.getElementById('new_comment_field_' + mark_id).value = ""; | ||
| }); | ||
| } | ||
|
|
||
| function delete_comment(comment_id, mark_id) { | ||
| var cmt_data = { | ||
| comment_id: comment_id | ||
| }; | ||
| $.post('/marks/delete-comment/', cmt_data, function (data) { | ||
| if (data.error) { | ||
| err_notify(data.error); | ||
| return false; | ||
| } | ||
| clear_reply_form(mark_id); | ||
| let removed_comment = document.getElementById("comment_" + comment_id); | ||
| removed_comment.parentNode.removeChild(removed_comment); | ||
| }); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| {% comment "License" %} | ||
| % CVV is a continuous verification visualizer. | ||
| % Copyright (c) 2023 ISP RAS (http://www.ispras.ru) | ||
| % Ivannikov Institute for System Programming of the Russian Academy of Sciences | ||
| % | ||
| % Copyright (c) 2018 ISP RAS (http://www.ispras.ru) | ||
| % Ivannikov Institute for System Programming of the Russian Academy of Sciences | ||
| % | ||
| % Licensed under the Apache License, Version 2.0 (the "License"); | ||
| % you may not use this file except in compliance with the License. | ||
| % You may obtain a copy of the License at | ||
| % | ||
| % http://www.apache.org/licenses/LICENSE-2.0 | ||
| % | ||
| % Unless required by applicable law or agreed to in writing, software | ||
| % distributed under the License is distributed on an "AS IS" BASIS, | ||
| % WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| % See the License for the specific language governing permissions and | ||
| % limitations under the License. | ||
| {% endcomment %} | ||
|
|
||
| {% load i18n %} | ||
|
|
||
| {% load static %} | ||
| <link href="{% static 'marks/css/comments.css' %}" rel="stylesheet"> | ||
| <script type="text/javascript" src="{% static 'marks/js/comments.js' %}"></script> | ||
|
|
||
| <div class="ui gray segment fluid"> | ||
| <h4 class="ui top left attached gray label">{% trans 'Comments' %}</h4> | ||
| <div id="comments_root_{{mark_id}}" class="ui minimal comments" style="max-width: 100%"> | ||
| {% for comment in comments %} | ||
| <div id="comment_{{comment.3}}" class="comment{% if not comment.5 and show_short_comments_list %} collapsed{% endif %}"> | ||
| <div class="content"> | ||
| <a href="{% url 'users:show_profile' comment.0.id %}" class="author">{{comment.0.username}}</a> | ||
| <div class="metadata"> | ||
| <span class="date">{{comment.1}}</span> | ||
| </div> | ||
| <div id="comment_text_{{comment.3}}" class="text">{{comment.2|safe}}</div> | ||
| <div class="actions" style="align-items: left"> | ||
| <a class="reply" onclick="reply_comment('{{comment.3}}', '{{comment.0.username}}', '{{mark_id}}')">{% trans 'Reply' %}</a> | ||
| {% if comment.4 %} | ||
| <a class="edit" onclick="edit_comment({{comment.3}}, {{mark_id}})">{% trans 'Edit' %}</a> | ||
| <a class="delete" onclick="delete_comment({{comment.3}}, {{mark_id}})">{% trans 'Delete' %}</a> | ||
| {% endif %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% endfor %} | ||
| {% if comments|length > 3 and show_short_comments_list %} | ||
| <div id="show_comments_btn_{{mark_id}}" class="ui icon small basic compact button" onclick="show_comments({{mark_id}})">{% trans 'Show all' %}</div> | ||
| {% endif %} | ||
| <form class="ui reply form"> | ||
| <div class="field"> | ||
| <textarea id="new_comment_field_{{mark_id}}" placeholder="{% trans 'Comment' %}..." rows="2" style="resize:none; height: 100%" maxlength="512"></textarea> | ||
| </div> | ||
| <div class="ui green button small" onclick="new_comment({{mark_id}})"> | ||
| <i class="icon edit"></i> {% trans 'Create comment' %} | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| <input id="edit_comment_id_{{mark_id}}" type="hidden" value=""> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters