Code cleaning about publication edition component.

2024-09-06 10:20:05 +02:00
parent 5804d8cc9f
commit 00945de270
14 changed files with 5 additions and 5 deletions
--- a/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts
+++ b/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts
@@ -0,0 +1,116 @@
+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: 'c',
+        label: 'C'
+    },
+    {
+        code: 'cpp',
+        label: 'C++'
+    },
+    {
+        code: 'cs',
+        label: 'C#'
+    },
+    {
+        code: 'lua',
+        label: 'Lua'
+    },
+    {
+        code: 'java',
+        label: 'Java'
+    },
+    {
+        code: 'json5',
+        label: 'JSON'
+    },
+    {
+        code: 'kt',
+        label: 'Kotlin'
+    },
+    {
+        code: 'markup',
+        label: 'html/xml'
+    },
+    {
+        code: 'php',
+        label: 'PHP'
+    },
+    {
+        code: 'plsql',
+        label: 'PL/SQL'
+    },
+    {
+        code: 'python',
+        label: 'Python'
+    },
+    {
+        code: 'powershell',
+        label: 'PowerShell'
+    },
+    {
+        code: 'rust',
+        label: 'Rust'
+    },
+    {
+        code: 'sql',
+        label: 'SQL'
+    },
+    {
+        code: 'ts',
+        label: 'Typescript'
+    },
+    {
+        code: 'yml',
+        label: 'YAML'
+    },
+];
+
+@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 {
+        if (this.formGroup.valid) {
+            this.dialogRef.close(this.formGroup.value);
+        }
+    }
+
+    closeDialog(): void {
+        this.dialogRef.close();
+    }
+}