import ko from 'ko';

import Remote from 'Remote/Admin/Fetch';
import { forEachObjectEntry } from 'Common/Utils';

export class AdminSettingsConfig /*extends AbstractViewSettings*/ {

	constructor() {
		this.config = ko.observableArray();
		this.saved = ko.observable(false).extend({ falseTimeout: 5000 });
	}

	beforeShow() {
		Remote.request('AdminSettingsGet', (iError, data) => {
			if (!iError) {
				const cfg = [],
					getInputType = (value, pass) => {
						switch (typeof value)
						{
						case 'boolean': return 'checkbox';
						case 'number': return 'number';
						}
						return pass ? 'password' : 'text';
					};
				forEachObjectEntry(data.Result, (key, items) => {
					const section = {
						name: key,
						items: []
					};
					forEachObjectEntry(items, (skey, item) => {
						'admin_password' === skey ||
						section.items.push({
							key: `config[${key}][${skey}]`,
							name: skey,
							value: item[0],
							type: getInputType(item[0], skey.includes('password')),
							comment: item[1]
						});
					});
					cfg.push(section);
				});
				this.config(cfg);
			}
		});
	}

	saveConfig(form) {
		const data = new FormData(form),
			config = {};
		this.config.forEach(section => {
			if (!config[section.name]) {
				config[section.name] = {};
			}
			section.items.forEach(item => {
				let value = data.get(item.key);
				switch (typeof item.value) {
					case 'boolean':
						value = 'on' == value;
						break;
					case 'number':
						value = parseInt(value, 10);
						break;
				}
				config[section.name][item.name] = value;
			})
		});
		Remote.post('AdminSettingsSet', null, {config:config}).then(result => {
			result.Result && this.saved(true);
		});
	}
}