docs: some UI improvements for commenting
This commit is contained in:
Hamid Reza Mohammadi
parent
6e78570238
commit
22c4dce11f
@ -85,9 +85,11 @@ else
|
||||
</div>
|
||||
</blockquote>
|
||||
<p>
|
||||
<a role="button" onclick="deleteBookmark('@bookmark.Id')" class="actionlink" title="حذف">🗑</a>
|
||||
<a role="button" onclick="deleteBookmark('@bookmark.Id')" class="actionlink" title="حذف"><i class="noindent-info-button delete-icon"></i></a>
|
||||
</p>
|
||||
<p>
|
||||
<a role="button" onclick="editPrivateNote('@bookmark.Id')" class="actionlink" title="یادداشت شخصی"><i class="noindent-info-button edit-poem-button"></i></a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -108,6 +110,27 @@ else
|
||||
}
|
||||
</p>
|
||||
|
||||
<div id="id02" class="modal">
|
||||
<span onclick="document.getElementById('id02').style.display='none'"
|
||||
class="close" title="بستن">×</span>
|
||||
<form class="modal-content animate" method="post" id="editcommentform" action="?handler=EditComment">
|
||||
<table style="max-width:100%; width:100%; margin:0">
|
||||
<tr>
|
||||
<td>
|
||||
<textarea name="editCommentText" id="editCommentText" class="inputTextarea editor" tabindex="4" rows="10" style="width:100%"></textarea>
|
||||
<input type="hidden" name="editCommentId" id="editCommentId" value="" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<button name="editcomment" id="editcomment" class="inputSubmit" onclick="return editComment();" style="width:100%">ویرایش حاشیه</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -14,6 +14,68 @@
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
<script>
|
||||
function deleteThisComment(commentId) {
|
||||
if (!confirm('آیا از حذف این حاشیه اطمینان دارید؟'))
|
||||
return;
|
||||
|
||||
var url = '?handler=MyComment';
|
||||
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: url,
|
||||
data: {
|
||||
id: commentId
|
||||
},
|
||||
success: function () {
|
||||
var commentBlockId = '#comment-' + commentId;
|
||||
$(commentBlockId).remove();
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function editThisComment(commentId) {
|
||||
var commentTextBlockId = '#comment-text-' + commentId;
|
||||
tinymce.get('editCommentText').setContent($(commentTextBlockId).html());
|
||||
$("#editCommentId").val(commentId);
|
||||
document.getElementById('id02').style.display = 'block';
|
||||
}
|
||||
|
||||
function editCommentFinal() {
|
||||
$("#editcommentform").unbind('submit').bind('submit', function (e) {
|
||||
|
||||
e.preventDefault(); // avoid to execute the actual submit of the form.
|
||||
|
||||
var url = '?handler=MyComment';
|
||||
|
||||
var commentId = $("#editCommentId").val();
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "PUT",
|
||||
url: url,
|
||||
data: {
|
||||
id: commentId,
|
||||
comment: $("textarea#editCommentText").val()
|
||||
},
|
||||
success: function () {
|
||||
document.getElementById('id02').style.display = 'none';
|
||||
|
||||
var commentTextBlockId = '#comment-text-' + commentId;
|
||||
|
||||
$(commentTextBlockId).html($("textarea#editCommentText").val());
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<p style="text-align:center">
|
||||
@foreach (var paginationLink in Model.PaginationLinks)
|
||||
{
|
||||
@ -28,7 +90,7 @@ else
|
||||
}
|
||||
</p>
|
||||
|
||||
@if(Model.Comments.Count == 0)
|
||||
@if (Model.Comments.Count == 0)
|
||||
{
|
||||
<p>
|
||||
حاشیهای یافت نشد.
|
||||
@ -52,8 +114,8 @@ else
|
||||
</p>
|
||||
</blockquote>
|
||||
<p>
|
||||
<a role="button" onclick="deleteMyComment(@comment.Id)" class="actionlink" title="حذف حاشیه">🗑</a>
|
||||
<a role="button" onclick="editMyComment(@comment.Id)" class="actionlink" title="ویرایش حاشیه">✎</a>
|
||||
<a role="button" onclick="deleteThisComment(@comment.Id)" class="actionlink" title="حذف حاشیه"><i class="noindent-info-button delete-icon"></i></a>
|
||||
<a role="button" onclick="editThisComment(@comment.Id)" class="actionlink" title="ویرایش حاشیه"><i class="noindent-info-button edit-poem-button"></i></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -77,18 +139,18 @@ else
|
||||
|
||||
<div id="id02" class="modal">
|
||||
<span onclick="document.getElementById('id02').style.display='none'"
|
||||
class="close" title="بستن">×</span>
|
||||
class="close" title="بستن">×</span>
|
||||
<form class="modal-content animate" method="post" id="editcommentform" action="?handler=EditComment">
|
||||
<table style="max-width:100%; width:100%; margin:0">
|
||||
<tr>
|
||||
<td>
|
||||
<textarea name="editCommentText" id="editCommentText" class="inputTextarea editor" tabindex="4" rows="10" style="width:100%"></textarea>
|
||||
<textarea name="editCommentText" id="editCommentText" class="inputTextarea editor width-100per" tabindex="4" rows="10"></textarea>
|
||||
<input type="hidden" name="editCommentId" id="editCommentId" value="" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<button name="editcomment" id="editcomment" class="inputSubmit" onclick="return editComment();" style="width:100%">ویرایش حاشیه</button>
|
||||
<button name="editcomment" id="editcomment" class="submitCommentButton width-100per" onclick="return editCommentFinal();">ویرایش حاشیه</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@ -63,65 +63,7 @@
|
||||
|
||||
}
|
||||
|
||||
function deleteMyComment(commentId) {
|
||||
if (!confirm('آیا از حذف این حاشیه اطمینان دارید؟'))
|
||||
return;
|
||||
|
||||
var url = '?handler=MyComment';
|
||||
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: url,
|
||||
data: {
|
||||
id: commentId
|
||||
},
|
||||
success: function () {
|
||||
var commentBlockId = '#comment-' + commentId;
|
||||
$(commentBlockId).remove();
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function editMyComment(commentId) {
|
||||
var commentTextBlockId = '#comment-text-' + commentId;
|
||||
tinymce.get('editCommentText').setContent($(commentTextBlockId).html());
|
||||
$("#editCommentId").val(commentId);
|
||||
document.getElementById('id02').style.display = 'block';
|
||||
}
|
||||
|
||||
function editComment() {
|
||||
$("#editcommentform").unbind('submit').bind('submit', function (e) {
|
||||
|
||||
e.preventDefault(); // avoid to execute the actual submit of the form.
|
||||
|
||||
var url = '?handler=MyComment';
|
||||
|
||||
var commentId = $("#editCommentId").val();
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "PUT",
|
||||
url: url,
|
||||
data: {
|
||||
id: commentId,
|
||||
comment: $("textarea#editCommentText").val()
|
||||
},
|
||||
success: function () {
|
||||
document.getElementById('id02').style.display = 'none';
|
||||
|
||||
var commentTextBlockId = '#comment-text-' + commentId;
|
||||
|
||||
$(commentTextBlockId).html($("textarea#editCommentText").val());
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function rebuildMundex() {
|
||||
if (!confirm('آیا از بازسازی صفحات نمایهٔ موسیقی اطمینان دارید؟'))
|
||||
|
||||
@ -629,7 +629,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<button name="editcomment" id="editcomment" class="inputSubmit width-100per" onclick="return editComment();">ویرایش حاشیه</button>
|
||||
<button name="editcomment" id="editcomment" class="submitCommentButton width-100per" onclick="return editComment();">ویرایش حاشیه</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -651,7 +651,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<button name="replycomment" id="replycomment" class="inputSubmit width-100per" onclick="return postReplyComment();">درج پاسخ به حاشیه</button>
|
||||
<button name="replycomment" id="replycomment" class="submitCommentButton width-100per" onclick="return postReplyComment();">درج پاسخ به حاشیه</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user