import './style.scss';

// TinyMCE
const tinymce = require('tinymce/tinymce');
require('tinymce/icons/default');
require('tinymce/themes/silver');
require('tinymce/skins/ui/oxide/skin.css');
require('tinymce/plugins/advlist');
require('tinymce/plugins/code');
require('tinymce/plugins/emoticons');
require('tinymce/plugins/emoticons/js/emojis');
require('tinymce/plugins/link');
require('tinymce/plugins/lists');
require('tinymce/plugins/table');
require('tinymce/plugins/autolink');
require('tinymce/plugins/image');
require('tinymce/plugins/charmap');
require('tinymce/plugins/print');
require('tinymce/plugins/preview');
require('tinymce/plugins/hr');
require('tinymce/plugins/anchor');
require('tinymce/plugins/pagebreak');
require('tinymce/plugins/searchreplace');
require('tinymce/plugins/wordcount');
require('tinymce/plugins/visualblocks');
require('tinymce/plugins/visualchars');
require('tinymce/plugins/code');
require('tinymce/plugins/fullscreen');
require('tinymce/plugins/insertdatetime');
require('tinymce/plugins/media');
require('tinymce/plugins/nonbreaking');
require('tinymce/plugins/save');
require('tinymce/plugins/table');
require('tinymce/plugins/directionality');
require('tinymce/plugins/emoticons');
require('tinymce/plugins/template');
require('tinymce/plugins/paste');
const contentUiCss = require('tinymce/skins/ui/oxide/content.css');
const contentCss = require('tinymce/skins/content/default/content.css');

export default new Class({
	Extends: Hedera.Form,
	Template: require('./ui.xml')
	
	,editor: null

	,activate() {
		this.$.model.mode = Db.Model.Mode.ON_DEMAND;
		this.$.model.setDefault('userFk', 'news',
			new Sql.Function({schema: 'account', name: 'myUser_getId'}));

		tinymce.init({
			 target: this.$.htmlEditor
			,plugins: [
				 "advlist autolink lists link image charmap print preview hr"
				,"anchor pagebreak searchreplace wordcount visualblocks"
				,"visualchars code fullscreen insertdatetime media nonbreaking"
				,"save table directionality emoticons template paste"
			]
			,toolbar1:
				 "   print preview | link image media emoticons blockquote"
				+" | insertfile undo redo | bold italic"
				+" | alignleft aligncenter alignright alignjustify"
				+" | bullist numlist outdent indent"
				+" | styleselect | fontselect fontsizeselect"
				+" | forecolor backcolor"
			,image_advtab: true
			,init_instance_callback: this._onEditorInit.bind(this)
			,skin: false
			,content_css: false
			,content_style: contentUiCss.toString() + '\n' + contentCss.toString()
		});
	},
	
	deactivate() {
		this.editor.destroy();
	},
	
	_onEditorInit(editor) {
		this.editor = editor;
		editor.getDoc().body.style.fontSize = '1em';
		this.setEditorText();
	},
	
	setEditorText() {
		if (!this.editor)
			return;
	
		const row = this.$.iter.$;
		this.editor.setContent(row ? row.text : '');
	},

	onStatusChange() {
		if (!this.hash.$.new)
			this.$.iter.insertRow();
	},
	
	onOperationsDone() {
		Htk.Toast.showMessage(_('NewChangedSuccessfully'));
		this.onReturnClick();
	},

	onReady() {
		this.setEditorText();
	},

	onAcceptClick() {
		this.$.iter.set('text', this.editor.getContent());
		this.$.iter.performOperations();
	},

	onReturnClick() {
		this.hash.setAll({form: 'news/news'});
	}
});