user-fields-dialog.tsx

importReactfrom'@theia/core/shared/react';
import{inject,injectable}from'@theia/core/shared/inversify';
import{DialogProps}from'@theia/core/lib/browser/dialogs';
import{Message}from'@theia/core/shared/@phosphor/messaging';
import{UploadSketch}from'../../contributions/upload-sketch';
import{UserFieldsComponent}from'./user-fields-component';
import{BoardUserField}from'../../../common/protocol';
import{ReactDialog}from'../../theia/dialogs/dialogs';

@injectable()
exportclassUserFieldsDialogPropsextendsDialogProps{}

@injectable()
exportclassUserFieldsDialogextendsReactDialog<BoardUserField[]>{
private_currentUserFields: BoardUserField[]=[];

constructor(
 @inject(UserFieldsDialogProps)
protectedoverridereadonlyprops: UserFieldsDialogProps
){
super({
title: UploadSketch.Commands.UPLOAD_WITH_CONFIGURATION.label||'',
});
this.titleNode.classList.add('user-fields-dialog-title');
this.contentNode.classList.add('user-fields-dialog-content');
this.acceptButton=undefined;
}

getvalue(): BoardUserField[]{
returnthis._currentUserFields;
}

setvalue(userFields: BoardUserField[]){
this._currentUserFields=userFields;
}

protectedoverriderender(): React.ReactNode{
return(
<div>
<form>
<UserFieldsComponent
initialBoardUserFields={this.value}
updateUserFields={this.doUpdateUserFields}
cancel={this.doCancel}
accept={this.doAccept}
/>
</form>
</div>
);
}

protectedoverrideonAfterAttach(msg: Message): void{
super.onAfterAttach(msg);
this.update();
}

protectedoverrideasyncaccept(): Promise<void>{
// If the user presses enter and at least
// a field is empty don't accept the input
for(constfieldofthis.value){
if(field.value.length===0){
return;
}
}
returnsuper.accept();
}

overrideclose(): void{
this.resetUserFieldsValue();
super.close();
}

privateresetUserFieldsValue(): void{
this.value=this.value.map((field)=>{
field.value='';
returnfield;
});
}

privatereadonlydoCancel: ()=>void=()=>this.close();
privatereadonlydoAccept: ()=>Promise<void>=()=>this.accept();
privatereadonlydoUpdateUserFields: (userFields: BoardUserField[])=>void=
(userFields: BoardUserField[])=>{
this.value=userFields;
};
}