egroupware/api/js/etemplate/Et2Select/Et2SelectAccount.ts

101 lines
2.4 KiB
TypeScript

/**
* EGroupware eTemplate2 - Account-selection WebComponent
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package api
* @link https://www.egroupware.org
* @author Ralf Becker <rb@egroupware.org>
*/
import {Et2Select} from "./Et2Select";
import {SelectOption} from "./FindSelectOptions";
import {html} from "@lion/core";
export type AccountType = 'accounts'|'groups'|'both'|'owngroups';
/**
* @customElement et2-select-account
*/
export class Et2SelectAccount extends Et2Select
{
static get properties()
{
return {
...super.properties,
/**
* One of: 'accounts','groups','both','owngroups'
*/
account_type: String,
}
}
constructor()
{
super();
this.searchUrl = "EGroupware\\Api\\Etemplate\\Widget\\Taglist::ajax_search";
this.__account_type = 'accounts';
}
set account_type(type : AccountType)
{
this.__account_type = type;
super.select_options = this.select_options;
}
get account_type() : AccountType
{
return this.__account_type;
}
/**
* Get account info for select options from common client-side account cache
*/
get select_options() : Array<SelectOption>
{
const type = this.egw().preference('account_selection', 'common');
if(type === 'none' && typeof this.egw().user('apps').admin === 'undefined')
{
return [];
}
let select_options : Array<SelectOption>;
// for primary_group we only display owngroups == own memberships, not other groups
if (type === 'primary_group' && this.account_type !== 'accounts')
{
if (this.account_type === 'both')
{
select_options = this.egw().accounts('accounts');
}
select_options = select_options.concat(this.egw().accounts('owngroups'));
}
else
{
select_options = this.egw().accounts(this.account_type);
}
return select_options;
}
set select_options(new_options : SelectOption[])
{
super.select_options = new_options;
}
/**
* Override the prefix image for tags (multiple=true)
* The default is probably fine, but we're being explicit here.
* @param item
* @returns {TemplateResult<1>}
* @protected
*
*/
protected _tagImageTemplate(item)
{
return html`
<et2-image slot="prefix" part="icon"
src="/egroupware/api/avatar.php?account_id=${item.value}&etag=1"></et2-image>`;
}
}
customElements.define("et2-select-account", Et2SelectAccount);