Merge branch 'feature/BET-FRONTEND-APP-BROWSER-init' of https://gitlab.loafle.net/bet/beteran-frontend-app-browser into feature/BET-FRONTEND-APP-BROWSER-init

src/app/modules/beteran/component/home.component.html

@@ -109,8 +109,9 @@
             </div>
             <div class="font-medium">
               <button (click)="__onClickMessage($event)">
-                <mat-icon svgIcon="email-outline"></mat-icon></button
-              >(0)
+                <mat-icon svgIcon="email-outline" color="primary"></mat-icon>
+              </button>
+              <span style="position: absolute">(0)</span>
             </div>
           </div>
         </div>

src/app/modules/beteran/compose/compose/comp-compose.component.html

@@ -32,9 +32,6 @@
       <mat-label>닉네임</mat-label>
       <input matInput [formControlName]="'accountHolder'" />
     </mat-form-field>
-    <mat-error *ngIf="composeForm.get('accountHolder')?.hasError('required')">
-      닉네임은 필수 입력입니다.
-    </mat-error>
 
     <!-- Holding comp -->
     <mat-form-field>

src/app/modules/beteran/compose/compose/customer-compose.component.html

@@ -46,7 +46,7 @@
         class="example-element-row"
         [class.example-expanded-row]="expandedElement === element"
         (click)="expandedElement = expandedElement === element ? null : element"
-        style="cursor: default"
+        style="cursor: default; font-weight: bold"
       >
       </mat-row>
       <mat-row

src/app/modules/beteran/compose/compose/customer-registration-compose.component.html

@@ -13,19 +13,20 @@
   </div>
   <form
     class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
-    [formGroup]="composeForm"
-  >
-    <div>
-      <mat-form-field
-        class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
+    [formGroup]="customerRegistrationComposeForm"
   >
+    <mat-form-field>
       <mat-label>제목</mat-label>
       <input matInput [formControlName]="'title'" />
-      </mat-form-field>
-    </div>
-    <mat-form-field
-      class="mt-8 fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
+      <mat-error
+        *ngIf="
+          customerRegistrationComposeForm?.get('title')?.hasError('required')
+        "
       >
+        제목은 필수 입력입니다.
+      </mat-error>
+    </mat-form-field>
+    <mat-form-field>
       <textarea
         matInput
         [required]="true"
@@ -34,6 +35,13 @@
         [formControlName]="'content'"
       ></textarea>
       <mat-label>내용</mat-label>
+      <mat-error
+        *ngIf="
+          customerRegistrationComposeForm?.get('content')?.hasError('required')
+        "
+      >
+        내용은 필수 입력입니다.
+      </mat-error>
     </mat-form-field>
     <div class="flex flex-col sm:flex-row sm:items-center mt-4 sm:mt-6">
       <div class="flex mt-4 sm:mt-0">

src/app/modules/beteran/compose/compose/customer-registration-compose.component.ts

@@ -25,7 +25,7 @@ import { MatDialogRef } from '@angular/material/dialog';
   ],
 })
 export class CustomerRegistrationComposeComponent implements OnInit {
-  composeForm!: FormGroup;
+  customerRegistrationComposeForm!: FormGroup;
 
   dataSource = ELEMENT_DATA;
   columnsToDisplay = ['idx', 'content', 'applicationDate'];
@@ -48,9 +48,9 @@ export class CustomerRegistrationComposeComponent implements OnInit {
    */
   ngOnInit(): void {
     // Create the form
-    this.composeForm = this._formBuilder.group({
-      accountHolder: ['', [Validators.required]],
-      amount: ['', [Validators.required]],
+    this.customerRegistrationComposeForm = this._formBuilder.group({
+      title: ['', [Validators.required]],
+      content: ['', [Validators.required]],
     });
   }
 

src/app/modules/beteran/compose/compose/notice-compose.component.html

@@ -48,7 +48,7 @@
         class="example-element-row"
         [class.example-expanded-row]="expandedElement === element"
         (click)="expandedElement = expandedElement === element ? null : element"
-        style="cursor: default"
+        style="cursor: default; font-weight: bold"
       >
       </mat-row>
       <mat-row