// need to use browserify to convert the js to browser format
var Quill = require('quill');
require('./node_modules/quill-comment/quill.comment.js');

let toolbarOptions = [
	['comments-toggle'], // comment color on/off
	['comments-add'] // comment add
];

let options = {
	theme: 'snow',
	modules: {
		toolbar: toolbarOptions,	
		// comment setting
		comment: {
			enabled: true,
			commentAuthorId: 123,
			commentAddOn: 'Author Name', // any additional info needed
			color: 'yellow', // comment background color in the text
			commentAddClick: commentAddClick, // get called when `ADD COMMENT` btn on options bar is clicked
			commentsClick: commentsClick, // get called when you click `COMMENTS` btn on options bar for you to do additional things beside color on/off. Color on/off is already done before the callback is called.
			commentTimestamp: commentServerTimestamp,
		},
	}
};

quill = new Quill('#editor', options);

function commentAddClick(callback) {
	// UX works to get comment from user, like showing modal dialog
	// $('#inputCommentModal').modal('show');
	// But after whatever UX works, call the `callback` with comment to pass back comment
	callback(comment);
}

function commentServerTimestamp() {

	// call from server or local time. But must return promise with UNIX Epoch timestamp resolved (like 1507617041)
	return new Promise((resolve, reject) => {
		currentTimestamp = Math.round((new Date()).getTime() / 1000);

		resolve(currentTimestamp); 
	});
}

function commentsClick() {
	// comments btn callback
}