66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
import { Component, inject } from "@angular/core";
|
|
import { FormBuilder, FormControl, ReactiveFormsModule, Validators } from "@angular/forms";
|
|
import { MatDialogRef } from "@angular/material/dialog";
|
|
import { MatFormFieldModule } from "@angular/material/form-field";
|
|
import { MatIcon } from "@angular/material/icon";
|
|
import { MatInputModule } from "@angular/material/input";
|
|
import { MatSelectModule } from '@angular/material/select';
|
|
|
|
export interface ProgramingLanguage {
|
|
code: string;
|
|
label: string;
|
|
}
|
|
|
|
export const PROGRAMMING_LANGUAGES: ProgramingLanguage[] = [
|
|
{
|
|
code: 'bash',
|
|
label: 'Bash'
|
|
},
|
|
{
|
|
code: 'java',
|
|
label: 'Java'
|
|
},
|
|
{
|
|
code: 'markup',
|
|
label: 'html/xml'
|
|
},
|
|
{
|
|
code: 'python',
|
|
label: 'Python'
|
|
},
|
|
{
|
|
code: 'sql',
|
|
label: 'SQL'
|
|
}
|
|
];
|
|
|
|
@Component({
|
|
selector: 'app-code-block-dialog',
|
|
standalone: true,
|
|
templateUrl: './code-block-dialog.component.html',
|
|
styleUrl: './code-block-dialog.component.scss',
|
|
imports: [
|
|
MatFormFieldModule,
|
|
MatIcon,
|
|
MatInputModule,
|
|
MatSelectModule,
|
|
ReactiveFormsModule,
|
|
]
|
|
})
|
|
export class CodeBlockDialog {
|
|
private readonly dialogRef = inject(MatDialogRef<CodeBlockDialog>);
|
|
private formBuilder = inject(FormBuilder);
|
|
programmingLanguages = PROGRAMMING_LANGUAGES;
|
|
formGroup = this.formBuilder.group({
|
|
programmingLanguage: new FormControl('', Validators.required),
|
|
codeBlock: new FormControl('', Validators.required)
|
|
});
|
|
|
|
closeAndValidate(): void {
|
|
|
|
}
|
|
|
|
closeDialog(): void {
|
|
this.dialogRef.close();
|
|
}
|
|
} |