import './AppreciationEditor.html';
import swal from "sweetalert2";

let originalData = "";

Tracker.autorun(function() {
	Meteor.subscribe("pages");
});

Template.AppreciationEditor.onRendered(function() {
	let _this = this;

	//#appreciationEditor'
	// CKEditor.create(document.querySelector('#editor'), {}).then(editor => {
	// 	_this.ckEditor = editor;
	//
	// 	Tracker.autorun(function() {
	// 		let doc = Meteor.collections.Pages.findOne({name: 'Appreciation'});
	//
	// 		originalData = (doc === undefined ? "" : doc.html);
	// 		editor.setData(originalData);
	// 	});
	// }).catch(err => {
	// 	console.error(err);
	// });
	$('.editor').tinymce({
		inline: true
	});
	Tracker.autorun(function() {
		let doc = Meteor.collections.Pages.findOne({name: 'Appreciation'});

		originalData = (doc === undefined ? "" : doc.html);
		$('.editor').html(originalData);
	});
});

Template.AppreciationEditor.onDestroyed(function() {
	// let data = this.ckEditor.getData();
	let data = $('.editor').html();

	if(data != originalData) {
		swal({
			title: "Save Changes",
			text: "Would you like to save any changes you have made to this sheet?",
			type: "question",
			showCancelButton: true,
			confirmButtonColor: "#7cdd7f",
			confirmButtonText: "Yes",
			cancelButtonText: "No"
		}).then(
			function(isConfirm) {
				if(isConfirm) {
					Meteor.call('updatePage', 'Appreciation', data, function (error, result) {
						if (error) sAlert.error(error);
						else sAlert.success("Content Saved Successfully");
					});
				}
			},
			function(dismiss) {}
		);
	}
});

Template.AppreciationEditor.helpers({
	// html: function() {
	// 	let doc = Meteor.collections.Pages.findOne({name: 'Appreciation'});
	//
	// 	return doc == undefined ? "" : doc.html;
	// }
});

Template.AppreciationEditor.events({
	'click #save': function(event, template) {
		// let data = template.ckEditor.getData();
		let data = $('.editor').html();

		if(data != originalData) {
			Meteor.call('updatePage', 'Appreciation', data, function (error, result) {
				if (error) sAlert.error(error);
				else sAlert.success("Content Saved Successfully");
			});
		}
		else {
			sAlert.success("Data has not changed!");
		}
	}
});