burzum / vue-comments

src/store/actions.js

import CommentsApi from '../api/restful-api';

let api = new CommentsApi();

export const loadComments = function(context, data) {
	return api.getComments(
		data.model,
		data.modelId,
		data.parentId,
		typeof data.params === 'object' ? data.params : {}
	).then(function(result) {
		result.data.comments.forEach((comment) => {
			context.commit('addComment', comment)
			// Handle child comments if there are any
			comment.comments.forEach((comment) => {
				context.commit('addComment', comment);

				if (comment.comments !== undefined && comment.comments.length > 0) {
					for (var i in comment.comments) {

A for in loop automatically includes the property of any prototype object, consider checking the key using hasOwnProperty.

						comment.comments[i].created = new Date(comment.comments[i].created);
						context.commit('addComment', comment);
					}
				}
			});

			context.commit('updatePagination', {
				model: data.model,
				modelId: data.modelId,
				parentId: data.parentId,
				pagination: result.data.pagination
			});
		});
	});
};

export const deleteComment = function(context, data) {
	return api.remove(
		data.model,
		data.foreign_key,
		data.id
	).then(function(result) {
		context.commit('deleteComment', result.data.comment);
	});
};

export const updateComment = function(context, data) {
	return api.update(
		data.model,
		data.foreign_key,
		data.id,
		data
	).then(function(result) {
		context.commit('addComment', result.data.comment);
	});
}

export const addComment = function(context, data) {
	return api.add(
		data.model,
		data.foreign_key,
		data
	).then(function(result) {
		context.commit('addComment', result.data.comment);
		context.commit('setLastCommentTime');
	});
}