refactor: reformat(prettier)
This commit is contained in:
@@ -4,8 +4,5 @@ import { provideRouter } from '@angular/router';
|
||||
import { routes } from './app.routes';
|
||||
|
||||
export const appConfig: ApplicationConfig = {
|
||||
providers: [
|
||||
provideBrowserGlobalErrorListeners(),
|
||||
provideRouter(routes)
|
||||
]
|
||||
providers: [provideBrowserGlobalErrorListeners(), provideRouter(routes)],
|
||||
};
|
||||
|
||||
@@ -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: 'Новая',
|
||||
},
|
||||
];
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -5,26 +5,24 @@ import { Router } from '@angular/router';
|
||||
|
||||
@Component({
|
||||
selector: 'ksk-crm-task-new',
|
||||
imports: [
|
||||
ReactiveFormsModule
|
||||
],
|
||||
imports: [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>
|
||||
@@ -52,15 +50,15 @@ export class TaskNew {
|
||||
city: new FormControl(''),
|
||||
streetAddress: new FormControl(''),
|
||||
numberPhone: new FormControl(''),
|
||||
})
|
||||
});
|
||||
|
||||
async submitForm() {
|
||||
const createdTask = await this.taskService.createTask({
|
||||
name: this.formGroup.value.name ?? "",
|
||||
city: this.formGroup.value.city ?? "",
|
||||
streetAddress: this.formGroup.value.streetAddress ?? "",
|
||||
numberPhone: this.formGroup.value.numberPhone ?? "",
|
||||
})
|
||||
name: this.formGroup.value.name ?? '',
|
||||
city: this.formGroup.value.city ?? '',
|
||||
streetAddress: this.formGroup.value.streetAddress ?? '',
|
||||
numberPhone: this.formGroup.value.numberPhone ?? '',
|
||||
});
|
||||
|
||||
this.formGroup.reset();
|
||||
await this.router.navigate(['details', createdTask.id]);
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Service } from '@angular/core';
|
||||
import { Task } from './task';
|
||||
import PocketBase from 'pocketbase'
|
||||
import { environment } from '../../../environments/environment'
|
||||
import PocketBase from 'pocketbase';
|
||||
import { environment } from '../../../environments/environment';
|
||||
|
||||
@Service()
|
||||
export class TaskService {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
export const environment = {
|
||||
production: false,
|
||||
apiUrl: "http://10.1.1.40:8090",
|
||||
apiUrl: 'http://10.1.1.40:8090',
|
||||
};
|
||||
|
||||
+1
-2
@@ -2,5 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser';
|
||||
import { appConfig } from './app/app.config';
|
||||
import { App } from './app/app';
|
||||
|
||||
bootstrapApplication(App, appConfig)
|
||||
.catch((err) => console.error(err));
|
||||
bootstrapApplication(App, appConfig).catch((err) => console.error(err));
|
||||
|
||||
Reference in New Issue
Block a user