soselo/views/instance.php

<div class="hmax">
	<div id="tabs"></div>
	<span id="tabs-item" data-id="{id}">
		<a href="javascript:window.view.instance.load_content('{id}',true)">
		<div class="tab-content">
			<i class="fa fa-{icon} fa-fw"></i>
			<span>{title}</span>
		</div>
		</a>
	</span>
	<div id="content">
		<div id="container"></div>
	</div>
</div>

<script>
window.view.instance = {
	show_config: function() {
		window.location.hash = window.location.hash.replace('#instance/','#instance_config/');
	},
	do: {
		new_accounts: {
			approve: function(_id) {
				window.view.instance.do.new_accounts._perform('approve', _id);
			},
			reject: function(_id) {
				window.view.instance.do.new_accounts._perform('reject', _id);
			},
			_perform: function(action, _id) {
				const hargs = get_hash_arguments();
				http.get(`api/v1/http/${hargs.software}/accounts/${action}/?instance=${hargs.instance}&id=${_id}`,
				{}, function(js) {
					window.view.instance.load_content('new-accounts');
				});
			},
		},
		filter_users: {
			get_current_filter: function() {
				var data = {};
				if (E.element('#filters-current input[name=preset_id]').value !== '-1')
					data.id = E.element('#filters-current input[name=preset_id]').value;
				var preset = E.element('#filters-current input[name="preset_name"]').value.trim();
				if (preset !== '' && preset.toLowerCase() !== 'undefined')
					data.preset_name = E.element('#filters-current input[name="preset_name"]').value;
				data.user_filter = E.element('#filters-current input[name=user_filter]:checked').value;
				var prof_stype = E.element("#filters-current input[name=profile_search_type]:checked").value;
				var profile = E.element("#filters-current textarea[name=profile]").value;
				if (prof_stype === 'empty')
					profile = '<empty>';
				else if (prof_stype === 'expr')
					profile = 'expr: '+profile;
				data.profile = btoa(profile);
				var instances = E.element('#filters-current textarea[name=instances]').value.trim();
				if (instances !== '') {
					data.instances = instances;
					data.user_filter = 'remote';
				}
				const obj_noavatar = E.element('*[name=no_avatar]:checked');
				if (obj_noavatar !== null)
					data.no_avatar = '';
				const obj_nostatuses = E.element('*[name=no_statuses]:checked');
				if (obj_nostatuses !== null)
					data.no_statuses = '';
				const obj_nofollows = E.element('*[name=no_follows]:checked');
				if (obj_nofollows !== null)
					data.no_follows = '';
				var olderThan = E.element('#filters-current input[name=older_than_days]').value;
				if (olderThan !== '') {
					olderThan = Number.parseInt(olderThan);
					if (olderThan > 0)
						data.older_than_days = olderThan;
				}
				var newerThan = E.element('#filters-current input[name=newer_than_days]').value;
				if (newerThan !== '') {
					newerThan = Number.parseInt(newerThan);
					if (newerThan > 0)
						data.newer_than_days = newerThan;
				}
				return data;
			},
			set_current_filter: function(data) {
				const _process = function(_d) {
					const hargs = get_hash_arguments();
					var d = JSON.parse(JSON.stringify(_d));
					if (d.id === undefined)
						E.element('#filters-current input[name=preset_id]').value = -1;
					else E.element('#filters-current input[name=preset_id]').value = d.id;
					if (d.preset_name === undefined) {
						d.preset_name = 'Undefined';
						E.elemid('filter-current-name').innerText = '*New filter';
					} else E.elemid('filter-current-name').innerText = d.preset_name;
					E.element('#filters-current input[name="preset_name"]').value = d.preset_name;
					if (d.user_filter === undefined) d.user_filter = 'local';
					if (d.instances !== undefined && d.instances !== '')
						d.user_filter = 'remote';
					E.element('#filters-current input[name=user_filter][value='+d.user_filter+']').click(); 
					if (d.profile === undefined) d.profile = '';
					d.profile = atob(d.profile);
					if (d.profile === '<empty>')
						E.element('#filters-current #profile-search-type-empty').click();
					else if (d.profile.startsWith('expr:')) {
						d.profile = d.profile.replace(/^expr:/,'').trim();
						E.element('#filters-current #profile-search-type-expr').click();
						E.element("#filters-current textarea[name=profile]").value = d.profile;
					}
					else {
						E.element('#filters-current #profile-search-type-simple').click();
						E.element("#filters-current textarea[name=profile]").value = d.profile;
					}
					E.element('#filters-current textarea[name=instances]').value = d.instances !== undefined ? d.instances : '';
					E.elements('#filters-current input[type=checkbox]').forEach(function(it){ it.checked = false });
					if (d.no_avatar !== undefined)		E.element('#filters-current input[name=no_avatar]').click();
					if (d.no_statuses !== undefined)	E.element('#filters-current input[name=no_statuses]').click();
					if (d.no_follows !== undefined)		E.element('#filters-current input[name=no_follows]').click();
					E.element('#filters-current input[name=older_than_days]').value = NaN;
					E.element('#filters-current input[name=newer_than_days]').value = NaN;
					if (d.older_than_days !== undefined)
						E.element('#filters-current input[name=older_than_days]').value = Number.parseInt(d.older_than_days);
					if (d.newer_than_days !== undefined)
						E.element('#filters-current input[name=newer_than_days]').value = Number.parseInt(d.newer_than_days);
				};
				if (typeof data === 'object')
					_process(data);
				else if (typeof data === 'string') {
					for (var i = 0; i < window.vars.user_filters.length; i++) {
						if (window.vars.user_filters[i].id === data)
							_process(window.vars.user_filters[i]);
					}
				}
				//else // TODO: load the filter by API
			},
			delete_filter: function(_id) {
				if (!confirm('Are you sure you want to delete this filter?'))
					return;
				http.post(`api/v1/config/filters/del?type=users`,
				{ id: _id },function(js) {
					if (js.ok !== undefined) {
						window.view.instance.load_content('filter-users');
						toast.info(js.ok);
					} else toast.error('unknown error ocurred');
				});
			},
			execute: function(page, items_per_page) {
				const btn = E.elemid('btncollapse-filters-current');
				if (btn.innerText.trim() === 'hide') btn.click();

				const data = window.view.instance.do.filter_users.get_current_filter();
				delete data.id;
				const hargs = get_hash_arguments();
				var payload = data;
				payload.instance = hargs.instance;
				payload = JSON_to_URLEncoded(payload);

				page = page === undefined ? 1 : page;
				items_per_page = items_per_page === undefined ? 10 : items_per_page;
				if (page === 'null') return;
				page--; if (page < 0) page = 0;

				E.template('users-all', 'Loading query...');
				http.get(`api/v1/database/${hargs.software}/accounts/search?${payload}&paging=${page},${items_per_page}`, data, function(js) {
					if (js === undefined) return; // TODO: handle error here
					E.template('users-all', function(TPL) {
						var html = '';
						for (var i = 0; i < js['data'].length; i++) {
							var tpl = TPL;
							const it = js['data'][i];
							tpl = tpl.replaceAll('{software}', hargs.software);
							tpl = tpl.replaceAll('{name}', html2text(it.name));
							tpl = tpl.replaceAll('{acct}', html2text(it.acct));
							if (it.avatar === null)
								it.avatar = 'img/noavatar.png';
							tpl = tpl.replaceAll('{avatar}', it.avatar);
							tpl = tpl.replaceAll('{statuses}', it.statuses);
							tpl = tpl.replaceAll('{following}', it.following);
							tpl = tpl.replaceAll('{followers}', it.followers);
							if (hargs.software === 'mastodon') {
								if (![null, undefined].includes(it.fields)) {
									var _fields = '<table class="fields"><tbody>';
									for (var j = 0; j < it.fields.length; j++) {
										var t = '<tr class="{verified}"><td>{name}</td><td>{value}</td>{verifiedColumn}</tr>';
										t = t.replaceAll('{name}', html2text(it.fields[j].name));
										t = t.replaceAll('{value}', html2text(it.fields[j].value));
										t = t.replaceAll('{verified}', it.fields[j].verified_at !== undefined ? 'verified' : '');
										t = t.replaceAll('{verifiedColumn}', it.fields[j].verified_at !== undefined ?
											'<td title="verified"><i class="fa fa-check fa-fw"></i></td>' : '');
										_fields += t;
									}
									_fields += '</tbody></table>';
									tpl = tpl.replaceAll('{mastodon:fields}', _fields);
								} else tpl = tpl.replaceAll('{mastodon:fields}', '');
							}
							tpl = tpl.replaceAll('{note}', it.note.trim() === '' ?
								'&lt;empty&gt;' : html2text(it.note));
							html += tpl;
						}
						return html;
					});
					E.template('paging', function(TPL) {
						var tpl = TPL;
						if (js['paging']['total_pages'] === 0)
							js['paging']['total_pages'] = 1;
						page++;
						var prevpage = page;
						if (prevpage > 0) prevpage--;
						else prevpage = 1;
						var nextpage = page+1;
						if (nextpage > js['paging']['total_pages'])
							nextpage = js['paging']['total_pages'];
						tpl = tpl.replaceAll('{current_page}',			page);
						tpl = tpl.replaceAll('{prev_page}',				prevpage);
						tpl = tpl.replaceAll('{next_page}',				nextpage);
						tpl = tpl.replaceAll('{items_per_page}',		items_per_page);
						tpl = tpl.replaceAll('{total_pages}',			js['paging']['total_pages']);
						tpl = tpl.replaceAll('{total_users}',			js['total']);
						return tpl+'<br>';
					});
				});
			},
			save_filter: function() {
				const data = window.view.instance.do.filter_users.get_current_filter();
				if (data.preset_name === undefined)
					// TODO: add a toast with the error
					return alert("You must define a preset_name other than 'Undefined' or empty");
				if (data.id === undefined)
					data.id = uuidv4();
				window.view.instance.do.filter_users.set_current_filter(data);
				http.post('api/v1/config/filters/put?type=users', data, function(js) {
					if (js.ok !== undefined)
						window.view.instance.load.filter_users();
				});
			},
		},
	},
	load: {
		new_accounts: function() {
			const hargs = get_hash_arguments();
			E.http_template('instance/new-account', function(html) {
				E.element('#window-instance #container').innerHTML = html;
				http.get(`api/v1/database/${hargs.software}/get-pending-users/?instance=${hargs.instance}`,
				{}, function(js) {
					E.template('new-accounts', function(TPL) {
						if ((js.count === undefined || js.account === null)
							|| js.count === 0)
							return 'There is not any pending accounts';
						var tpl = TPL;
						tpl = tpl.replaceAll('{count}',				js.count);
						tpl = tpl.replaceAll('{id}',				js.account.id);
						tpl = tpl.replaceAll('{text}',				html2text(js.account.text));
						tpl = tpl.replaceAll('{email}',				html2text(js.account.email));
						tpl = tpl.replaceAll('{username}',			html2text(js.account.username));
						tpl = tpl.replaceAll('{ip_address}',		html2text(js.account.sign_up_ip));
						return tpl;
					});
				});
			});
		},
		filter_users: function() {
			const hargs = get_hash_arguments();
			E.http_template('instance/filter-users', function(html) {
				html = html.replaceAll('{view.js}', 'window.view.instance.do.filter_users');
				E.element('#window-instance #container').innerHTML = html;
				E.elemid('profile-search-type-simple').onchange = function(e) {
					if (e.target.checked) {
						E.element('#filters-current textarea[name=profile]').setAttribute('placeholder', 'Input your text here');
						E.element('#filters-current textarea[name=profile]').removeAttribute('disabled');
					}
				};
				E.elemid('profile-search-type-expr').onchange = function(e) {
					if (e.target.checked) {
						E.element('#filters-current textarea[name=profile]').setAttribute('placeholder',
							'(words "apple,banana" AND contains "i like apples") OR words "pineapple,strawberry"');
						E.element('#filters-current textarea[name=profile]').removeAttribute('disabled');
					}
				};
				E.elemid('profile-search-type-empty').onchange = function(e) {
					if (e.target.checked) {
						E.element('#filters-current textarea[name=profile]').setAttribute('placeholder', '<Profile content is empty>');
						E.element('#filters-current textarea[name=profile]').setAttribute('disabled', 'disabled');
						E.element("#filters-current textarea[name=profile]").value = '';
					}
				}
				E.custom.btncollapse_render();
				http.get('api/v1/config/filters/get?type=users', {}, function(js) {
					window.vars.user_filters = js;
					E.template('filters-all', function(TPL) {
						var html = '';
						for (var i = 0; i < js.length; i++) {
							var tpl = TPL;
							tpl = tpl.replaceAll('{id}', js[i].id);
							tpl = tpl.replaceAll('{name}', js[i].preset_name);
							html += tpl;
						}
						return html;
					});
					if (hargs.filter_id !== undefined)
						window.view.instance.do.filter_users.set_current_filter(hargs.filter_id);
				});
			});
		},
	},
	load_content: function(content, click) {
		click = click === undefined ? false : click;
		const hargs = get_hash_arguments();
		const _empty_content = function() {
			E.element('#window-instance #container').innerHTML = '';
		};
		if (click) {
			delete window.hash_argument_nofirechange;
			del_hash_argument('filter_id', false);
		}
		switch (content) {
			case 'home':
				_empty_content();
				window.location.hash = '#home';
				return;
			case 'settings':
				_empty_content();
				return window.view.instance.show_config();
			default:
				_empty_content();
				if (hargs.content === undefined)
					set_hash_argument('content', content, false);
				return window.view.instance
					.load[content.replaceAll('-','_')]();
		}
	},
};
function title__instance() {}
function load__instance(args) {
	const hargs = get_hash_arguments();

	const _error400 = function(msg) {
		msg = msg || 'Parameters are not correct';
		console.log('TODO: handle error correctly');
	};

	const _paint = function() {
		const menu = [
			{
				id: 'home',
				title: '',
				icon: 'home',
			},
			{
				id: 'filter-users',
				title: 'Users filter',
				icon: 'user',
			},
			{
				id: 'filter-posts',
				title: 'Posts filter',
				icon: 'file-text',
			},
			{
				id: 'new-accounts',
				title: 'New accounts',
				icon: 'user-plus',
			},
			{
				id: 'settings',
				title: hargs['instance'],
				icon: 'gear',
			},
		];
		E.template('tabs', function(TPL) {
			var html = '';
			for (var i = 0; i < menu.length; i++) {
				var tpl = TPL;
				tpl = tpl.replaceAll('{id}', menu[i]['id']);
				tpl = tpl.replaceAll('{title}', menu[i]['title']);
				tpl = tpl.replaceAll('{icon}', menu[i]['icon']);
				html += tpl;
			}
			return html;
		});
		if (hargs['content'] !== undefined)
			window.view.instance.load_content(hargs['content']);
	};

	const _main = function() {
		if (hargs['software'] === undefined ||
			!window.vars['instance_config']['supported_ap_software']
				.includes(hargs['software']))
			return _error400();
		if (hargs['instance'] === undefined)
			return _error400();
		var found = false;
		for (var i = 0; i < window.vars['instance_config']['hosts'][hargs['software']].length; i++)
		{
			const item = window.vars['instance_config']['hosts'][hargs['software']][i];
			if (item['instance'] === hargs['instance']) {
				window.vars['current_instance'] = item;
				found = true;
				break;
			}
		}
		if (!found)
			return _error400();

		apcontrol_title(`Instance (${hargs['instance']})`);
		const config = parse_ini_config(window.vars['current_instance']['config']);
		const musthave = window.consts['instance_config'][hargs['software']]['musthave'];
		for (var i = 0; i < musthave.length; i++) {
			if (config[musthave[i]] === undefined) {
				window.view.instance.show_config();
				return false;
			}
		}
		return _paint();
	};

	if (window.vars['instance_config'] === undefined) {
		http.get('api/v1/config/get',{},function(data) {
			window.vars['instance_config'] = JSON.parse(data);
			_main();
		});
	} else { _main() }
}
</script>