/**
 * [[include:plugins/about/README.md]]
 * @packageDocumentation
 * @module plugins/about
 */

import './about.less';

import type { IControlType, IJodit } from 'jodit/types';
import { Config } from 'jodit/config';
import { css, isLicense, normalizeLicense } from 'jodit/core/helpers/';
import * as constants from 'jodit/core/constants';
import { pluginSystem } from 'jodit/core/global';
import { Icon } from 'jodit/core/ui/icon';

Config.prototype.controls.about = {
	exec: (editor: IJodit) => {
		const dialog = editor.dlg(),
			i = editor.i18n.bind(editor);

		dialog
			.setMod('theme', editor.o.theme)
			.setHeader(i('About Jodit'))
			.setContent(
				`<div class="jodit-about">
					<div>${i('Jodit Editor')} v.${editor.getVersion()}</div>
					<div>${i(
						'License: %s',
						!isLicense(editor.o.license)
							? 'MIT'
							: normalizeLicense(editor.o.license)
					)}</div>
					<div>
						<a href="${process.env.HOMEPAGE}" target="_blank">${process.env.HOMEPAGE}</a>
					</div>
					<div>
						<a href="https://xdsoft.net/jodit/doc/" target="_blank">${i(
							"Jodit User's Guide"
						)}</a>
						${i('contains detailed help for using')}
					</div>
					<div>${i(
						'Copyright © XDSoft.net - Chupurnov Valeriy. All rights reserved.'
					)}</div>
				</div>`
			);

		css(dialog.dialog, {
			minHeight: 200,
			minWidth: 420
		});

		dialog.open(true);
	},
	tooltip: 'About Jodit',
	mode: constants.MODE_SOURCE + constants.MODE_WYSIWYG
} as IControlType;

function about(editor: IJodit): void {
	editor.registerButton({
		name: 'about',
		group: 'info'
	});
}

pluginSystem.add('about', about);
Icon.set('about', require('./about.svg'));