import user 					from "/user/user.js";

import groups					from '/user/group/user.group.permission.js';

import label 					from '/elements/label.js';

import header 					from '/elements/header.js';

import usernameRow 				from "./edit.username.row.js";

import saveButtonRow 			from "./user.edit.button.row.js";

import page						from "/elements/page.js";

import checkboxRow 				from "./edit.user.checkbox.row.js";

import selectRow 				from "./edit.user.select.row.js";

import option						from "./edit.user.select.option.js";

import renderCollection				from "./edit.user.select.renderCollection.js";



export default class editUser extends user, page{

	padding				= 20;

	debug				= true;

	flexDirection		= "column"

	header				= new header("Edit user");

	usernameRow			= new usernameRow();

	selectRow			= new selectRow();

	checkboxRow			= new checkboxRow();


	showSelectedUser	= new renderCollection( option, this.selectedUsers );


	saveButtonRow		= new saveButtonRow();


	create() {

		this.selectRow.renderCollection.sync();

		this.checkboxRow.renderCollection.sync();


		this.showSelectedUser.sync();

	}

	permission() {

		this.allow( groups.admin, "WRITE" );

		this.allow( groups.member, "READ" );

		this.allow( groups.admin, "READ" );

		this.allow( groups.visitor, "READ" );
	
	}

}