refactor: reformat(prettier)

src/app/app.config.ts

@@ -4,8 +4,5 @@ import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [
+  providers: [provideBrowserGlobalErrorListeners(), provideRouter(routes)],
-    provideBrowserGlobalErrorListeners(),
-    provideRouter(routes)
-  ]
 };

src/app/app.routes.ts

@@ -7,16 +7,16 @@ export const routes: Routes = [
   {
     path: '',
     component: TaskList,
-    title: 'Главная страница'
+    title: 'Главная страница',
   },
   {
     path: 'details/:id',
     component: TaskDetails,
-    title: 'Подробно'
+    title: 'Подробно',
   },
   {
     path: 'new',
     component: TaskNew,
-    title: 'Новая'
+    title: 'Новая',
-  }
+  },
 ];

src/app/features/tasks/task-list.ts

@@ -16,7 +16,7 @@ import { lucideCircleX, lucideSquarePlus } from '@ng-icons/lucide';
       <div class="input-wrapper">
         <input [(ngModel)]="filterInput" type="text" placeholder="Поиск по задачам" />
         <button (click)="filterInput.set('')">
-          <ng-icon name="lucideCircleX" size="20" strokeWidth="1.5"/>
+          <ng-icon name="lucideCircleX" size="20" strokeWidth="1.5" />
         </button>
       </div>
       <a routerLink="/new">
@@ -64,7 +64,7 @@ import { lucideCircleX, lucideSquarePlus } from '@ng-icons/lucide';
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        margin-left: .5em;
+        margin-left: 0.5em;
       }
     }
 

src/app/features/tasks/task-new.ts

@@ -5,32 +5,30 @@ import { Router } from '@angular/router';
 
 @Component({
   selector: 'ksk-crm-task-new',
-  imports: [
+  imports: [ReactiveFormsModule],
-    ReactiveFormsModule
-  ],
   template: `
     <form [formGroup]="formGroup" (submit)="submitForm()">
       <div class="form-field">
         <label for="name">Имя: </label>
-        <input id="name" type="text" formControlName="name">
+        <input id="name" type="text" formControlName="name" />
       </div>
       <div class="form-field">
         <label for="city">Город: </label>
-        <input id="city" type="text" formControlName="city">
+        <input id="city" type="text" formControlName="city" />
       </div>
       <div class="form-field">
         <label for="streetAddress">Адрес: </label>
-        <input id="streetAddress" type="text" formControlName="streetAddress">
+        <input id="streetAddress" type="text" formControlName="streetAddress" />
       </div>
       <div class="form-field">
         <label for="numberPhone">Номер телефона: </label>
-        <input id="numberPhone" type="text" formControlName="numberPhone">
+        <input id="numberPhone" type="text" formControlName="numberPhone" />
       </div>
       <button type="submit">Добавить</button>
     </form>
   `,
   styles: `
-    form{
+    form {
       max-width: 400px;
       margin: 0 auto;
       text-align: right;
@@ -38,7 +36,7 @@ import { Router } from '@angular/router';
     .form-field {
       margin-bottom: 10px;
     }
-    button{
+    button {
       padding: 5px;
     }
   `,
@@ -52,15 +50,15 @@ export class TaskNew {
     city: new FormControl(''),
     streetAddress: new FormControl(''),
     numberPhone: new FormControl(''),
-  })
+  });
 
-  async submitForm(){
+  async submitForm() {
     const createdTask = await this.taskService.createTask({
-      name: this.formGroup.value.name ?? "",
+      name: this.formGroup.value.name ?? '',
-      city: this.formGroup.value.city ?? "",
+      city: this.formGroup.value.city ?? '',
-      streetAddress: this.formGroup.value.streetAddress ?? "",
+      streetAddress: this.formGroup.value.streetAddress ?? '',
-      numberPhone: this.formGroup.value.numberPhone ?? "",
+      numberPhone: this.formGroup.value.numberPhone ?? '',
-    })
+    });
 
     this.formGroup.reset();
     await this.router.navigate(['details', createdTask.id]);

src/app/features/tasks/task-service.ts

@@ -1,7 +1,7 @@
 import { Service } from '@angular/core';
 import { Task } from './task';
-import PocketBase from 'pocketbase'
+import PocketBase from 'pocketbase';
-import { environment } from '../../../environments/environment'
+import { environment } from '../../../environments/environment';
 
 @Service()
 export class TaskService {

src/environments/environment.development.ts

@@ -1,4 +1,4 @@
 export const environment = {
   production: false,
-  apiUrl: "http://10.1.1.40:8090",
+  apiUrl: 'http://10.1.1.40:8090',
 };

src/index.html

@@ -9,6 +9,6 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-  <ksk-crm-root></ksk-crm-root>
+<ksk-crm-root></ksk-crm-root>
 </body>
 </html>

src/main.ts

@@ -2,5 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
 
-bootstrapApplication(App, appConfig)
+bootstrapApplication(App, appConfig).catch((err) => console.error(err));
-  .catch((err) => console.error(err));