99 lines
2.2 KiB
HTML
99 lines
2.2 KiB
HTML
{% load static %}
|
|
{% load i18n %}
|
|
|
|
|
|
<style>
|
|
.oh-modal_close--custom {
|
|
border: none;
|
|
background: none;
|
|
font-size: 1.5rem;
|
|
opacity: 0.7;
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 15px;
|
|
}
|
|
</style>
|
|
<!-- start of comment modal -->
|
|
<div
|
|
class="oh-modal"
|
|
id="commentModal"
|
|
role="dialog"
|
|
aria-labelledby="emptagModal"
|
|
aria-hidden="true"
|
|
>
|
|
<div class="oh-modal__dialog">
|
|
<div class="oh-modal__dialog-header">
|
|
<h2 class="oh-modal__dialog-title" id="createModalTitle">
|
|
{% trans "Add Comment." %}
|
|
</h2>
|
|
<button
|
|
type="button"
|
|
class="oh-modal_close--custom"
|
|
onclick="$('#commentModal').removeClass('oh-modal--show');"
|
|
>
|
|
<ion-icon
|
|
name="close-outline"
|
|
role="img"
|
|
aria-label="close outline"
|
|
></ion-icon>
|
|
</button>
|
|
</div>
|
|
<div class="oh-modal__dialog-body" id="commentForm"></div>
|
|
</div>
|
|
</div>
|
|
<!-- end of comment modal -->
|
|
|
|
<!-- start of comment view modal -->
|
|
<div
|
|
class="oh-modal"
|
|
id="commentviewModal"
|
|
role="dialog"
|
|
aria-labelledby="commentviewModal"
|
|
aria-hidden="true"
|
|
>
|
|
<div class="oh-modal__dialog">
|
|
<div class="oh-modal__dialog-header">
|
|
<h2
|
|
class="oh-modal__dialog-title"
|
|
id=""
|
|
>
|
|
{% trans "Comments." %}
|
|
</h2>
|
|
<button
|
|
type="button"
|
|
class="oh-modal_close--custom"
|
|
onclick="$('#commentviewModal').removeClass('oh-modal--show');"
|
|
>
|
|
<ion-icon
|
|
name="close-outline"
|
|
role="img"
|
|
aria-label="close outline"
|
|
></ion-icon>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="oh-modal__dialog-body oh-modal__dialog-relative"
|
|
id="commentviewTarget"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end of comment view modal -->
|
|
|
|
|
|
<div class="oh-activity-sidebar" id="activitySidebar" style="z-index: 1100">
|
|
<div class="oh-activity-sidebar__body" id="commentContainer"></div>
|
|
</div>
|
|
|
|
<script>
|
|
function showDetails() {
|
|
var infoDiv = document.getElementById("infoDiv");
|
|
infoDiv.style.display = "block";
|
|
}
|
|
|
|
function hideDetails() {
|
|
var infoDiv = document.getElementById("infoDiv");
|
|
infoDiv.style.display = "none";
|
|
}
|
|
</script>
|