Update flare-ui/src/app/dialogs/project-edit-dialog/project-edit-dialog.component.ts

flare-ui/src/app/dialogs/project-edit-dialog/project-edit-dialog.component.ts

@@ -1,3 +1,4 @@
+// project-edit-dialog.component.ts (TÜMÜ) - Template inline olarak
 import { Component, Inject, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormBuilder, FormGroup, Validators, ReactiveFormsModule, FormArray } from '@angular/forms';
@@ -35,7 +36,107 @@ export interface ProjectDialogData {
     MatDividerModule,
     MatSnackBarModule
   ],
-  templateUrl: './project-edit-dialog.component.html',
+  template: `
+    <h2 mat-dialog-title>{{ data.mode === 'create' ? 'Create New Project' : 'Edit Project' }}</h2>
+    
+    <mat-dialog-content>
+      <form [formGroup]="form">
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Name*</mat-label>
+          <input matInput formControlName="name" 
+                 [readonly]="data.mode === 'edit'"
+                 placeholder="e.g., airline_agent">
+          <mat-hint>Use only letters, numbers, and underscores</mat-hint>
+          <mat-error *ngIf="form.get('name')?.hasError('required')">Name is required</mat-error>
+          <mat-error *ngIf="form.get('name')?.hasError('pattern')">Invalid characters in name</mat-error>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Caption*</mat-label>
+          <input matInput formControlName="caption" 
+                 placeholder="e.g., Airline Customer Service Agent">
+          <mat-error *ngIf="form.get('caption')?.hasError('required')">Caption is required</mat-error>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Icon</mat-label>
+          <mat-select formControlName="icon">
+            @for (icon of projectIcons; track icon) {
+              <mat-option [value]="icon">
+                <mat-icon>{{ icon }}</mat-icon>
+                {{ icon }}
+              </mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Description</mat-label>
+          <textarea matInput formControlName="description" rows="3"></textarea>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Default Language</mat-label>
+          <mat-select formControlName="defaultLanguage">
+            @for (lang of languages; track lang.code) {
+              <mat-option [value]="lang.code">{{ lang.name }}</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Supported Languages</mat-label>
+          <mat-select formControlName="supportedLanguages" multiple>
+            @for (lang of languages; track lang.code) {
+              <mat-option [value]="lang.code">{{ lang.name }}</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Timezone</mat-label>
+          <mat-select formControlName="timezone">
+            @for (tz of timezones; track tz) {
+              <mat-option [value]="tz">{{ tz }}</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>Region</mat-label>
+          <input matInput formControlName="region" placeholder="e.g., tr-TR">
+        </mat-form-field>
+
+        <div class="test-users-section">
+          <h4>Test Users</h4>
+          @for (user of testUsers.controls; track $index) {
+            <div class="test-user-row">
+              <mat-form-field appearance="outline" class="flex-1">
+                <mat-label>Phone Number</mat-label>
+                <input matInput [formControl]="user">
+              </mat-form-field>
+              <button mat-icon-button (click)="removeTestUser($index)">
+                <mat-icon>delete</mat-icon>
+              </button>
+            </div>
+          }
+          <button mat-stroked-button (click)="addTestUser()">
+            <mat-icon>add</mat-icon>
+            Add Test User
+          </button>
+        </div>
+      </form>
+    </mat-dialog-content>
+    
+    <mat-dialog-actions align="end">
+      <button mat-button (click)="close()">Cancel</button>
+      <button mat-raised-button color="primary" 
+              (click)="save()" 
+              [disabled]="form.invalid || saving">
+        {{ saving ? 'Saving...' : (data.mode === 'create' ? 'Create' : 'Save') }}
+      </button>
+    </mat-dialog-actions>
+  `,
   styleUrls: ['./project-edit-dialog.component.scss']
 })
 export default class ProjectEditDialogComponent implements OnInit {