package pt.ist.renderers.extensions;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import pt.ist.renderers.components.HtmlBlockContainer;
import pt.ist.renderers.components.HtmlComponent;
import pt.ist.renderers.components.HtmlContainer;
import pt.ist.renderers.components.HtmlHiddenField;
import pt.ist.renderers.components.HtmlLink;
import pt.ist.renderers.components.HtmlParagraphContainer;
import pt.ist.renderers.components.HtmlRadioButton;
import pt.ist.renderers.components.HtmlRadioButtonList;
import pt.ist.renderers.components.HtmlScript;
import pt.ist.renderers.components.HtmlSimpleValueComponent;
import pt.ist.renderers.components.HtmlText;
import pt.ist.renderers.components.controllers.HtmlController;
import pt.ist.renderers.components.converters.Converter;
import pt.ist.renderers.components.state.IViewState;
import pt.ist.renderers.extensions.components.TinyMceEditor;
import pt.ist.renderers.layouts.Layout;
import pt.ist.renderers.utils.RenderUtils;

/**
 * This renderer has the same behaviour than
 * {@link net.sourceforge.fenixedu.presentationTier.renderers.MultiLanguageTextInputRenderer}
 * but uses a rich-text editor in place of a textarea for browsers that support
 * it.
 * 
 * @author cfgi
 */
public class MultiLanguageRichTextInputRenderer extends MultiLanguageTextInputRenderer {

    private String config;
    private boolean safe;
    private boolean showEditorOptions = true;
    private HtmlRadioButton useEditor;
    private HtmlRadioButton removeEditor;
    private final List<TinyMceEditor> editors = new ArrayList<TinyMceEditor>();
    private Boolean mathJaxEnabled = Boolean.TRUE;

    public boolean isSafe() {
	return safe;
    }

    /**
     * If this property is set to <tt>true</tt> then the input will be filtered
     * and any unsupported HTML will be removed or escaped to the corresponding
     * entities.
     * 
     * @property
     */
    public void setSafe(boolean safe) {
	this.safe = safe;
    }

    public String getConfig() {
	return this.config;
    }

    /**
     * Allows you to choose a configuration for the editor. The given name is
     * used to fetch the properties from a file located in
     * {@value TinyMceEditor#CONFIG_PATH} with the same name and ending in
     * ".properties".
     * 
     * @property
     */
    public void setConfig(String config) {
	this.config = config;
    }

    public boolean isShowEditorOptions() {
	return showEditorOptions;
    }

    /**
     * Allows you to hide or show options to remove the editor dynamically.
     * 
     * @property
     */
    public void setShowEditorOptions(boolean showEditorOptions) {
	this.showEditorOptions = showEditorOptions;
    }

    public Boolean getMathJaxEnabled() {
	return mathJaxEnabled;
    }

    public void setMathJaxEnabled(Boolean mathJaxEnabled) {
	this.mathJaxEnabled = mathJaxEnabled;
    }

    protected String getLocalName(String name, String category) {
	String prefix = getInputContext().getMetaObject().getKey() + "_";

	if (category != null) {
	    return prefix + category + "_" + name;
	} else {
	    return prefix + name;
	}
    }

    @Override
    protected HtmlBlockContainer getTopContainer() {
	HtmlBlockContainer container = super.getTopContainer();

	if (isShowEditorOptions()) {
	    HtmlScript script = new HtmlScript();
	    script.setContentType("text/javascript");
	    script.setConditional(true);
	    script.setScript("\n" + "function fenix_removeEditor(editors) {\n" + "	for (var i in editors) {\n"
		    + "		var editorId = tinyMCE.get(editors[i]);\n" + "		if (! editorId) continue;\n"
		    + "		tinyMCE.get(editorId.id).remove();\n" + "	}\n" + "}\n" + "function fenix_addEditor(editors) {\n"
		    + "	for (var i in editors) {\n" + "		var id = editors[i];\n" + "		var editorId = tinyMCE.get(id);\n"
		    + "		if (editorId) continue;\n" + "		var element = document.getElementById(id);\n" + "		if (element) {\n"
		    + "			tinyMCE.execCommand('mceAddControl', false, id);\n" + "               }\n" + "	}\n" + "}\n");

	    HtmlRadioButtonList radioList = new HtmlRadioButtonList();
	    radioList.setName(getLocalName("controls", "editor"));

	    this.useEditor = radioList.addOption(new HtmlText(RenderUtils.getResourceString("renderers.rich-text.editor.add")),
		    "activate");
	    this.removeEditor = radioList.addOption(
		    new HtmlText(RenderUtils.getResourceString("renderers.rich-text.editor.remove")), "disable");

	    radioList.setClasses("liinline nobullet mbottom05"); // TODO: use
								 // style?
	    this.useEditor.setChecked(true);

	    container.addChild(script);
	    container.addChild(radioList);
	}

	return container;
    }

    @Override
    protected HtmlComponent renderComponent(Layout layout, Object object, Class type) {
	HtmlContainer component = (HtmlContainer) super.renderComponent(layout, object, type);

	HtmlHiddenField field = new HtmlHiddenField();
	field.setController(new AddScriptController());

	component.addChild(field);
	updateEditorSelectors();

	return component;
    }

    @Override
    protected HtmlSimpleValueComponent getInputComponent() {
	TinyMceEditor editor = new TinyMceEditor();

	editor.setConfig(getConfig());
	editor.setColumns(getColumns());
	editor.setRows(getRows());

	this.editors.add(editor);

	return editor;
    }

    @Override
    protected void configureInputComponent(HtmlSimpleValueComponent textInput) {
	super.configureInputComponent(textInput);

	textInput.setId(textInput.getName());
    }

    @Override
    protected Converter getConverter() {
	if (isSafe()) {
	    return new MultiLanguageStringSafeHtmlConverter();
	} else {
	    return super.getConverter();
	}
    }

    private void updateEditorSelectors() {
	IViewState viewState = getInputContext().getViewState();
	Map<Integer, LanguageBean> map = (Map<Integer, LanguageBean>) viewState.getLocalAttribute("mlsMap");
	String prefix = getLocalName("text_", null);

	StringBuilder builder = new StringBuilder();
	for (Integer index : map.keySet()) {
	    if (builder.length() > 0) {
		builder.append(", ");
	    }

	    builder.append("'" + prefix + index + "'");
	}

	this.useEditor.setOnClick(String.format("fenix_addEditor([%s]);", builder.toString()));
	this.removeEditor.setOnClick(String.format("fenix_removeEditor([%s]);", builder.toString()));

	if (this.removeEditor.isChecked()) {
	    for (TinyMceEditor editor : this.editors) {
		editor.disable();
	    }
	}
    }

    private class AddScriptController extends HtmlController {

	private static final long serialVersionUID = 1L;

	@Override
	public void execute(IViewState viewState) {
	    updateEditorSelectors();
	}
    }

    protected Layout getLayout(Object object, Class type) {
	Layout superLayout = super.getLayout(object, type);
	return getMathJaxEnabled().booleanValue() ? getLayoutWithMathJaxMessage() : superLayout;
    }

    private Layout getLayoutWithMathJaxMessage() {
	Layout layout = new MultiLanguageStringInputLayout() {
	    public HtmlComponent createComponent(Object object, Class type) {
		HtmlBlockContainer container = (HtmlBlockContainer) super.createComponent(object, type);
		HtmlBlockContainer pContainer = new HtmlBlockContainer();

		HtmlParagraphContainer p = new HtmlParagraphContainer();
		final String message = RenderUtils.getResourceString("renderers.rich-text.editor.mathjax.message");
		final String usage = RenderUtils.getResourceString("renderers.rich-text.editor.mathjax.message.usage");
		final String moreinfo = RenderUtils.getResourceString("renderers.rich-text.editor.mathjax.message.moreinfo");
		final String mathJaxURL = RenderUtils.getResourceString("renderers.rich-text.editor.mathjax.url");

		p.addChild(new HtmlText(message));
		pContainer.addChild(p);
		pContainer.addChild(new HtmlText(usage, false));
		p = new HtmlParagraphContainer();
		p.addChild(new HtmlText(moreinfo));
		final HtmlLink link = new HtmlLink();
		link.setModuleRelative(false);
		link.setContextRelative(false);
		link.setUrl(mathJaxURL);
		link.setText(mathJaxURL);
		link.setTarget("_blank");
		p.addChild(link);
		pContainer.addChild(p);

		container.addChild(pContainer);
		return container;
	    }
	};
	return layout;
    }

}