135 lines
4.4 KiB
JavaScript
135 lines
4.4 KiB
JavaScript
(function(context,$) {
|
|
|
|
"use strict";
|
|
context.JK = context.JK || {};
|
|
context.JK.CommentDialog = function(app, options) {
|
|
var logger = context.JK.logger;
|
|
var rest = context.JK.Rest();
|
|
var $screen = null;
|
|
var $content = null;
|
|
var recordingId;
|
|
var entityType = options.entity_type;
|
|
var sessionId = options.session_id;
|
|
var recordingId = options.recording_id;
|
|
var claimedRecordingId = options.claimed_recording_id;
|
|
|
|
function beforeShow() {
|
|
}
|
|
|
|
function afterShow() {
|
|
renderComments();
|
|
}
|
|
|
|
function afterHide() {
|
|
}
|
|
|
|
function renderComments() {
|
|
$(".landing-comment-scroller", $screen).empty();
|
|
|
|
if (entityType === 'session') {
|
|
rest.getSessionHistory(sessionId)
|
|
.done(function(response) {
|
|
if (response && response.comments) {
|
|
$("#spnCommentCount", $scope).html(response.comment_count);
|
|
$("#spnLikeCount", $scope).html(response.like_count);
|
|
$.each(response.comments, function(index, val) {
|
|
renderComment(val.comment, val.creator.id, val.creator.name,
|
|
context.JK.resolveAvatarUrl(val.creator.photo_url), $.timeago(val.created_at), val.creator.musician, true);
|
|
});
|
|
}
|
|
})
|
|
.fail(function(xhr) {
|
|
|
|
});
|
|
}
|
|
else if (entityType === 'recording') {
|
|
rest.getClaimedRecording(claimedRecordingId)
|
|
.done(function(response) {
|
|
if (response.recording && response.recording.comments) {
|
|
$("#spnPlayCount", $scope).html(response.recording.play_count);
|
|
$("#spnCommentCount", $scope).html(response.recording.comment_count);
|
|
$("#spnLikeCount", $scope).html(response.recording.like_count);
|
|
$.each(response.recording.comments, function(index, val) {
|
|
renderComment(val.comment, val.creator.id, val.creator.name,
|
|
context.JK.resolveAvatarUrl(val.creator.photo_url), $.timeago(val.created_at), val.creator.musician, true);
|
|
});
|
|
}
|
|
})
|
|
.fail(function(xhr) {
|
|
|
|
});
|
|
}
|
|
}
|
|
|
|
function renderComment(comment, userId, userName, userAvatarUrl, timeago, musician, append) {
|
|
var options = {
|
|
type: entityType,
|
|
avatar_url: userAvatarUrl,
|
|
user_id: userId,
|
|
hoverAction: musician ? "musician" : "fan",
|
|
name: userName,
|
|
comment: comment,
|
|
timeago: timeago
|
|
};
|
|
|
|
var $comment = $(context._.template($('#template-comments', '#comment-dialog').html(), options, {variable: 'data'}));
|
|
if (append) {
|
|
$content.append($comment);
|
|
}
|
|
else {
|
|
$content.prepend($comment);
|
|
}
|
|
}
|
|
|
|
function addComment() {
|
|
var comment = $("#txtComment", $screen).val();
|
|
if ($.trim(comment).length > 0) {
|
|
if (entityType === 'session') {
|
|
rest.addSessionComment(sessionId, JK.currentUserId, comment)
|
|
.done(function(response) {
|
|
// $("#spnCommentCount").html(parseInt($("#spnCommentCount").text()) + 1);
|
|
renderComment(comment, context.JK.currentUserId, context.JK.currentUserName,
|
|
context.JK.currentUserAvatarUrl, $.timeago(Date.now()), context.JK.currentUserMusician, false);
|
|
});
|
|
}
|
|
else if (entityType === 'recording') {
|
|
rest.addRecordingComment(recordingId, JK.currentUserId, comment)
|
|
.done(function(response) {
|
|
// $("#spnCommentCount", $scope).html(parseInt($("#spnCommentCount").text()) + 1);
|
|
renderComment(comment, context.JK.currentUserId, context.JK.currentUserName,
|
|
context.JK.currentUserAvatarUrl, $.timeago(Date.now()), context.JK.currentUserMusician, false);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function events() {
|
|
$('#btn-add-comment', $screen).click(addComment);
|
|
}
|
|
|
|
function showDialog() {
|
|
app.layout.showDialog('comment-dialog');
|
|
}
|
|
|
|
function initialize() {
|
|
|
|
var dialogBindings = {
|
|
'beforeShow' : beforeShow,
|
|
'afterShow' : afterShow,
|
|
'afterHide': afterHide
|
|
};
|
|
|
|
app.bindDialog('comment-dialog', dialogBindings);
|
|
|
|
$screen = $('[layout-id="comment-dialog"]');
|
|
$content = $screen.find('.landing-comment-scroller');
|
|
|
|
events();
|
|
}
|
|
|
|
this.initialize = initialize;
|
|
this.showDialog = showDialog;
|
|
}
|
|
|
|
return this;
|
|
})(window,jQuery); |