Add organisation, contactinformation, person
Max Ehrlicher-Schmidt
4 years ago
parent
3347f778cd
commit
28049baab6
@ -0,0 +1,45 @@
|
||||
query GetOrganisations {
|
||||
organisations {
|
||||
...OrganisationFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
query GetOrganisationById($id: ID!) {
|
||||
organisationById(id: $id) {
|
||||
...OrganisationFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
query ReloadOrganisationById($id: ID!) {
|
||||
organisationById(id: $id) {
|
||||
...OrganisationFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
mutation CreateOrganisation($organisation: OrganisationCreateInput!) {
|
||||
createOrganisation(organisation: $organisation) {
|
||||
...OrganisationFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
mutation UpdateOrganisation($organisation: OrganisationUpdateInput!) {
|
||||
updateOrganisation(organisation: $organisation) {
|
||||
...OrganisationFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation LockOrganisation($id: ID!) {
|
||||
lockOrganisation(id: $id) {
|
||||
...OrganisationFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation UnlockOrganisation($id: ID!) {
|
||||
unlockOrganisation(id: $id) {
|
||||
...OrganisationFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation DeleteOrganisation($id: ID!) {
|
||||
deleteOrganisation(id: $id)
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
query GetPersons {
|
||||
persons {
|
||||
...PersonFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
query GetPersonById($id: ID!) {
|
||||
personById(id: $id) {
|
||||
...PersonFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
query ReloadPersonById($id: ID!) {
|
||||
personById(id: $id) {
|
||||
...PersonFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
mutation CreatePerson($person: PersonCreateInput!) {
|
||||
createPerson(person: $person) {
|
||||
...PersonFieldsForTable
|
||||
}
|
||||
}
|
||||
|
||||
mutation UpdatePerson($person: PersonUpdateInput!) {
|
||||
updatePerson(person: $person) {
|
||||
...PersonFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation LockPerson($id: ID!) {
|
||||
lockPerson(id: $id) {
|
||||
...PersonFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation UnlockPerson($id: ID!) {
|
||||
unlockPerson(id: $id) {
|
||||
...PersonFieldsForPage
|
||||
}
|
||||
}
|
||||
|
||||
mutation DeletePerson($id: ID!) {
|
||||
deletePerson(id: $id)
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
<app-data-page
|
||||
[dataService]="dataService"
|
||||
[propertiesInfo]="propertiesInfo"
|
||||
[headlineDataPath]="headlineDataPath"
|
||||
[headlineIconName]="headlineIconName"
|
||||
[pageDataGQLType]="pageDataGQLType"
|
||||
[pageDataGQLUpdateInputType]="pageDataGQLUpdateInputType"
|
||||
(lockEvent)="lock($event)"
|
||||
(saveEvent)="save($event)"
|
||||
(cancelEvent)="cancel($event)"
|
||||
></app-data-page>
|
||||
@ -0,0 +1,135 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ContactInformationService } from 'src/app/services/contactInformation.service';
|
||||
import { OrganisationsService } from 'src/app/services/organisation.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-organisation',
|
||||
templateUrl: './organisation.component.html',
|
||||
styleUrls: ['./organisation.component.scss'],
|
||||
})
|
||||
export class OrganisationComponent implements OnInit {
|
||||
propertiesInfo = [
|
||||
{
|
||||
type: 'Group',
|
||||
title: 'Allgemein',
|
||||
properties: [
|
||||
{ dataPath: 'name', translation: 'Name' },
|
||||
{ dataPath: 'address.number', translation: 'Hausnummer' },
|
||||
{ dataPath: 'address.street', translation: 'Straße' },
|
||||
{ dataPath: 'address.zip', translation: 'Postleitzahl' },
|
||||
|
||||
{ dataPath: 'associationNo', translation: 'Vereinsnummer' },
|
||||
{ dataPath: 'registeredAt', translation: 'Eingetragen seit' },
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'Group',
|
||||
title: 'Kontaktinformationen',
|
||||
possibleObjects: [],
|
||||
nameToShowInSelection: (contact) => {
|
||||
return (
|
||||
contact.person.firstName +
|
||||
' ' +
|
||||
contact.person.name +
|
||||
' ' +
|
||||
contact.email +
|
||||
' ' +
|
||||
contact.phone +
|
||||
' ' +
|
||||
contact.note
|
||||
);
|
||||
},
|
||||
propertyPrefixToOverwrite: 'contactInformation',
|
||||
currentlySelectedObjectId: (station) => {
|
||||
return station['contactInformation.id'];
|
||||
},
|
||||
propertyNameOfReferenceId: 'contactInformationId',
|
||||
properties: [
|
||||
{
|
||||
dataPath: 'contactInformation.person.firstName',
|
||||
translation: 'Vorname Ansprechpartner',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.person.name',
|
||||
translation: 'Nachname Ansprechpartner',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.phone',
|
||||
translation: 'Telefonnummer',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.phone2',
|
||||
translation: 'Telefonnummer 2',
|
||||
},
|
||||
{ dataPath: 'contactInformation.email', translation: 'Email' },
|
||||
{ dataPath: 'contactInformation.email2', translation: 'Email 2' },
|
||||
{ dataPath: 'contactInformation.note', translation: 'Anmerkung' },
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'ReferenceTable',
|
||||
title: 'Bereitgestellte Lastenräder',
|
||||
dataPath: 'provider.cargoBikes',
|
||||
dataService: null,
|
||||
columnInfo: [
|
||||
{
|
||||
dataPath: 'name',
|
||||
translation: 'Lastenrad',
|
||||
link: (row) => '/bike/' + row['cargoBike.id'],
|
||||
},
|
||||
],
|
||||
editableReferences: false,
|
||||
linkToTable: () => '/table/provider',
|
||||
},
|
||||
/*{
|
||||
type: 'ReferenceTable',
|
||||
title: 'Fahrräder',
|
||||
dataPath: 'contactInformation',
|
||||
dataService: null,
|
||||
columnInfo: [
|
||||
{ dataPath: 'email', translation: 'Email' },
|
||||
{ dataPath: 'email2', translation: 'Email 2' },
|
||||
{ dataPath: 'phone', translation: 'Telefonnummer' },
|
||||
{ dataPath: 'phone2', translation: 'Telefonnummer 2' },
|
||||
{ dataPath: 'note', translation: 'Anmerkung' },
|
||||
],
|
||||
editableReferences: false,
|
||||
linkToTable: () => '/table/contactInformation',
|
||||
},*/
|
||||
];
|
||||
|
||||
headlineDataPath = 'name';
|
||||
headlineIconName = 'organisation';
|
||||
pageDataGQLType: string = 'Organisation';
|
||||
pageDataGQLUpdateInputType: string = 'OrganisationUpdateInput';
|
||||
|
||||
dataService: any;
|
||||
|
||||
constructor(
|
||||
private organisationsService: OrganisationsService,
|
||||
private contactInformationService: ContactInformationService
|
||||
) {
|
||||
this.contactInformationService.loadTableData();
|
||||
this.contactInformationService.tableData.subscribe((data) => {
|
||||
this.propertiesInfo.find(
|
||||
(prop) => prop.propertyPrefixToOverwrite === 'contactInformation'
|
||||
).possibleObjects = data;
|
||||
});
|
||||
}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.dataService = this.organisationsService;
|
||||
}
|
||||
|
||||
lock(row: any) {
|
||||
this.organisationsService.lockOrganisation({ id: row.id });
|
||||
}
|
||||
|
||||
save(row: any) {
|
||||
this.organisationsService.updateOrganisation({ organisation: row });
|
||||
}
|
||||
|
||||
cancel(row: any) {
|
||||
this.organisationsService.unlockOrganisation({ id: row.id });
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
<app-data-page
|
||||
[dataService]="dataService"
|
||||
[propertiesInfo]="propertiesInfo"
|
||||
[headlineDataPath]="headlineDataPath"
|
||||
[headlineIconName]="headlineIconName"
|
||||
[pageDataGQLType]="pageDataGQLType"
|
||||
[pageDataGQLUpdateInputType]="pageDataGQLUpdateInputType"
|
||||
(lockEvent)="lock($event)"
|
||||
(saveEvent)="save($event)"
|
||||
(cancelEvent)="cancel($event)"
|
||||
></app-data-page>
|
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { PersonComponent } from './person.component';
|
||||
|
||||
describe('PersonComponent', () => {
|
||||
let component: PersonComponent;
|
||||
let fixture: ComponentFixture<PersonComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ PersonComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(PersonComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,62 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { PersonsService } from 'src/app/services/person.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-person',
|
||||
templateUrl: './person.component.html',
|
||||
styleUrls: ['./person.component.scss']
|
||||
})
|
||||
export class PersonComponent implements OnInit {
|
||||
propertiesInfo = [
|
||||
{
|
||||
type: 'Group',
|
||||
title: 'Allgemein',
|
||||
properties: [
|
||||
{ dataPath: 'firstName', translation: 'Vorname' },
|
||||
{ dataPath: 'name', translation: 'Nachname' },
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'ReferenceTable',
|
||||
title: 'KontaktInformationen',
|
||||
dataPath: 'contactInformation',
|
||||
dataService: null,
|
||||
columnInfo: [
|
||||
{ dataPath: 'email', translation: 'Email' },
|
||||
{ dataPath: 'email2', translation: 'Email 2' },
|
||||
{ dataPath: 'phone', translation: 'Telefonnummer' },
|
||||
{ dataPath: 'phone2', translation: 'Telefonnummer 2' },
|
||||
{ dataPath: 'note', translation: 'Anmerkung' },
|
||||
],
|
||||
editableReferences: false,
|
||||
linkToTable: () => '/table/contactInformation',
|
||||
},
|
||||
];
|
||||
|
||||
headlineDataPath = 'name';
|
||||
headlineIconName = 'person';
|
||||
pageDataGQLType: string = 'Person';
|
||||
pageDataGQLUpdateInputType: string = 'PersonUpdateInput';
|
||||
|
||||
dataService: any;
|
||||
|
||||
constructor(
|
||||
private personsService: PersonsService,
|
||||
) {}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.dataService = this.personsService;
|
||||
}
|
||||
|
||||
lock(row: any) {
|
||||
this.personsService.lockPerson({ id: row.id });
|
||||
}
|
||||
|
||||
save(row: any) {
|
||||
this.personsService.updatePerson({ person: row });
|
||||
}
|
||||
|
||||
cancel(row: any) {
|
||||
this.personsService.unlockPerson({ id: row.id });
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
<p>provider works!</p>
|
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ProviderComponent } from './provider.component';
|
||||
|
||||
describe('ProviderComponent', () => {
|
||||
let component: ProviderComponent;
|
||||
let fixture: ComponentFixture<ProviderComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ProviderComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ProviderComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-provider',
|
||||
templateUrl: './provider.component.html',
|
||||
styleUrls: ['./provider.component.scss']
|
||||
})
|
||||
export class ProviderComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
<app-table
|
||||
[headline]="headline"
|
||||
[headlineIconName]="headlineIconName"
|
||||
[columnInfo]="columnInfo"
|
||||
[dataService]="dataService"
|
||||
[tableDataGQLType]="tableDataGQLType"
|
||||
[tableDataGQLCreateInputType]="tableDataGQLCreateInputType"
|
||||
[tableDataGQLUpdateInputType]="tableDataGQLUpdateInputType"
|
||||
(createEvent)="create($event)"
|
||||
(lockEvent)="lock($event)"
|
||||
(saveEvent)="save($event)"
|
||||
(cancelEvent)="cancel($event)"
|
||||
(deleteEvent)="delete($event)"
|
||||
></app-table>
|
||||
@ -0,0 +1,90 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ContactInformationService } from 'src/app/services/contactInformation.service';
|
||||
import { PersonsService } from 'src/app/services/person.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-contact-information',
|
||||
templateUrl: './contact-information.component.html',
|
||||
styleUrls: ['./contact-information.component.scss'],
|
||||
})
|
||||
export class ContactInformationComponent implements OnInit {
|
||||
columnInfo = [
|
||||
{
|
||||
dataPath: 'person.firstName',
|
||||
translation: 'Vorname',
|
||||
sticky: true,
|
||||
link: (row: any) => {
|
||||
return '/person/' + row['person.id'];
|
||||
},
|
||||
},
|
||||
{
|
||||
dataPath: 'person.name',
|
||||
translation: 'Nachname',
|
||||
sticky: true,
|
||||
link: (row: any) => {
|
||||
return '/person/' + row['person.id'];
|
||||
},
|
||||
possibleObjects: [],
|
||||
nameToShowInSelection: (person) => person.firstName + ' ' + person.name,
|
||||
propertyPrefixToOverwrite: 'person',
|
||||
currentlySelectedObjectId: (timeFrame) => {
|
||||
return timeFrame['cargoBike.id'];
|
||||
},
|
||||
propertyNameOfReferenceId: 'personId',
|
||||
},
|
||||
{ dataPath: 'email', translation: 'Email' },
|
||||
{ dataPath: 'email2', translation: 'Email 2' },
|
||||
{ dataPath: 'phone', translation: 'Telefonnummer' },
|
||||
{ dataPath: 'phone2', translation: 'Telefonnummer 2' },
|
||||
{ dataPath: 'note', translation: 'Anmerkung' },
|
||||
];
|
||||
dataService: any;
|
||||
|
||||
tableDataGQLType: string = 'ContactInformation';
|
||||
tableDataGQLCreateInputType: string = 'ContactInformationCreateInput';
|
||||
tableDataGQLUpdateInputType: string = 'ContactInformationUpdateInput';
|
||||
|
||||
headline = 'Kontaktinformationen';
|
||||
headlineIconName = 'contact_page';
|
||||
|
||||
loadingRowIds: string[] = [];
|
||||
constructor(
|
||||
private contactInformationService: ContactInformationService,
|
||||
private personsService: PersonsService
|
||||
) {
|
||||
this.personsService.loadTableData();
|
||||
this.personsService.tableData.subscribe((data) => {
|
||||
this.columnInfo.find(
|
||||
(column) => column.dataPath === 'person.name'
|
||||
).possibleObjects = data;
|
||||
});
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.dataService = this.contactInformationService;
|
||||
}
|
||||
|
||||
create(object: { currentId: string; row: any }) {
|
||||
this.contactInformationService.createContactInformation(object.currentId, {
|
||||
contactInformation: object.row,
|
||||
});
|
||||
}
|
||||
|
||||
lock(row: any) {
|
||||
this.contactInformationService.lockContactInformation({ id: row.id });
|
||||
}
|
||||
|
||||
save(row: any) {
|
||||
this.contactInformationService.updateContactInformation({
|
||||
contactInformation: row,
|
||||
});
|
||||
}
|
||||
|
||||
cancel(row: any) {
|
||||
this.contactInformationService.unlockContactInformation({ id: row.id });
|
||||
}
|
||||
|
||||
delete(row: any) {
|
||||
this.contactInformationService.deleteContactInformation({ id: row.id });
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
<app-table
|
||||
[headline]="headline"
|
||||
[headlineIconName]="headlineIconName"
|
||||
[columnInfo]="columnInfo"
|
||||
[dataService]="dataService"
|
||||
[tableDataGQLType]="tableDataGQLType"
|
||||
[tableDataGQLCreateInputType]="tableDataGQLCreateInputType"
|
||||
[tableDataGQLUpdateInputType]="tableDataGQLUpdateInputType"
|
||||
(createEvent)="create($event)"
|
||||
(lockEvent)="lock($event)"
|
||||
(saveEvent)="save($event)"
|
||||
(cancelEvent)="cancel($event)"
|
||||
(deleteEvent)="delete($event)"
|
||||
></app-table>
|
||||
@ -0,0 +1,83 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { OrganisationsService } from 'src/app/services/organisation.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-organisations',
|
||||
templateUrl: './organisations.component.html',
|
||||
styleUrls: ['./organisations.component.scss'],
|
||||
})
|
||||
export class OrganisationsComponent implements OnInit {
|
||||
columnInfo = [
|
||||
{
|
||||
dataPath: 'name',
|
||||
translation: 'Name',
|
||||
sticky: true,
|
||||
link: (row: any) => {
|
||||
return '/organisation/' + row.id;
|
||||
},
|
||||
},
|
||||
{ dataPath: 'address.number', translation: 'Hausnummer' },
|
||||
{ dataPath: 'address.street', translation: 'Straße' },
|
||||
{ dataPath: 'address.zip', translation: 'Postleitzahl' },
|
||||
|
||||
{ dataPath: 'associationNo', translation: 'Vereinsnummer' },
|
||||
{ dataPath: 'registeredAt', translation: 'Eingetragen seit' },
|
||||
|
||||
{
|
||||
dataPath: 'contactInformation.person.firstName',
|
||||
translation: 'Vorname Ansprechpartner',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.person.name',
|
||||
translation: 'Nachname Ansprechpartner',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.phone',
|
||||
translation: 'Telefonnummer',
|
||||
},
|
||||
{
|
||||
dataPath: 'contactInformation.phone2',
|
||||
translation: 'Telefonnummer 2',
|
||||
},
|
||||
{ dataPath: 'contactInformation.email', translation: 'Email' },
|
||||
{ dataPath: 'contactInformation.email2', translation: 'Email 2' },
|
||||
];
|
||||
|
||||
dataService: any;
|
||||
|
||||
tableDataGQLType: string = 'Organisation';
|
||||
tableDataGQLCreateInputType: string = 'OrganisationCreateInput';
|
||||
tableDataGQLUpdateInputType: string = 'OrganisationUpdateInput';
|
||||
|
||||
headline = 'Unternehmen';
|
||||
headlineIconName = 'business';
|
||||
|
||||
loadingRowIds: string[] = [];
|
||||
constructor(private organisationsService: OrganisationsService) {}
|
||||
|
||||
ngOnInit() {
|
||||
this.dataService = this.organisationsService;
|
||||
}
|
||||
|
||||
create(object: { currentId: string; row: any }) {
|
||||
this.organisationsService.createOrganisation(object.currentId, {
|
||||
organisation: object.row,
|
||||
});
|
||||
}
|
||||
|
||||
lock(row: any) {
|
||||
this.organisationsService.lockOrganisation({ id: row.id });
|
||||
}
|
||||
|
||||
save(row: any) {
|
||||
this.organisationsService.updateOrganisation({ organisation: row });
|
||||
}
|
||||
|
||||
cancel(row: any) {
|
||||
this.organisationsService.unlockOrganisation({ id: row.id });
|
||||
}
|
||||
|
||||
delete(row: any) {
|
||||
this.organisationsService.deleteOrganisation({ id: row.id });
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
<app-table
|
||||
[headline]="headline"
|
||||
[headlineIconName]="headlineIconName"
|
||||
[columnInfo]="columnInfo"
|
||||
[dataService]="dataService"
|
||||
[tableDataGQLType]="tableDataGQLType"
|
||||
[tableDataGQLCreateInputType]="tableDataGQLCreateInputType"
|
||||
[tableDataGQLUpdateInputType]="tableDataGQLUpdateInputType"
|
||||
(createEvent)="create($event)"
|
||||
(lockEvent)="lock($event)"
|
||||
(saveEvent)="save($event)"
|
||||
(cancelEvent)="cancel($event)"
|
||||
(deleteEvent)="delete($event)"
|
||||
></app-table>
|
||||
@ -0,0 +1,65 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { PersonsService } from 'src/app/services/person.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-persons',
|
||||
templateUrl: './persons.component.html',
|
||||
styleUrls: ['./persons.component.scss'],
|
||||
})
|
||||
export class PersonsComponent implements OnInit {
|
||||
columnInfo = [
|
||||
{
|
||||
dataPath: 'firstName',
|
||||
translation: 'Vorname',
|
||||
sticky: true,
|
||||
link: (row: any) => {
|
||||
return '/person/' + row.id;
|
||||
},
|
||||
},
|
||||
{
|
||||
dataPath: 'name',
|
||||
translation: 'Nachname',
|
||||
link: (row: any) => {
|
||||
return '/person/' + row.id;
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
dataService: any;
|
||||
|
||||
tableDataGQLType: string = 'Person';
|
||||
tableDataGQLCreateInputType: string = 'PersonCreateInput';
|
||||
tableDataGQLUpdateInputType: string = 'PersonUpdateInput';
|
||||
|
||||
headline = 'Personen';
|
||||
headlineIconName = 'person';
|
||||
|
||||
loadingRowIds: string[] = [];
|
||||
constructor(private personsService: PersonsService) {}
|
||||
|
||||
ngOnInit() {
|
||||
this.dataService = this.personsService;
|
||||
}
|
||||
|
||||
create(object: { currentId: string; row: any }) {
|
||||
this.personsService.createPerson(object.currentId, {
|
||||
person: object.row,
|
||||
});
|
||||
}
|
||||
|
||||
lock(row: any) {
|
||||
this.personsService.lockPerson({ id: row.id });
|
||||
}
|
||||
|
||||
save(row: any) {
|
||||
this.personsService.updatePerson({ person: row });
|
||||
}
|
||||
|
||||
cancel(row: any) {
|
||||
this.personsService.unlockPerson({ id: row.id });
|
||||
}
|
||||
|
||||
delete(row: any) {
|
||||
this.personsService.deletePerson({ id: row.id });
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
<p>provider works!</p>
|
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ProviderComponent } from './provider.component';
|
||||
|
||||
describe('ProviderComponent', () => {
|
||||
let component: ProviderComponent;
|
||||
let fixture: ComponentFixture<ProviderComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ProviderComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ProviderComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-provider',
|
||||
templateUrl: './provider.component.html',
|
||||
styleUrls: ['./provider.component.scss']
|
||||
})
|
||||
export class ProviderComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,160 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { BehaviorSubject, Subject } from 'rxjs';
|
||||
import {
|
||||
GetOrganisationsGQL,
|
||||
ReloadOrganisationByIdGQL,
|
||||
ReloadOrganisationByIdQueryVariables,
|
||||
UpdateOrganisationGQL,
|
||||
UpdateOrganisationMutationVariables,
|
||||
LockOrganisationGQL,
|
||||
LockOrganisationMutationVariables,
|
||||
UnlockOrganisationGQL,
|
||||
UnlockOrganisationMutationVariables,
|
||||
CreateOrganisationGQL,
|
||||
CreateOrganisationMutationVariables,
|
||||
DeleteOrganisationGQL,
|
||||
DeleteOrganisationMutationVariables,
|
||||
GetOrganisationByIdGQL,
|
||||
GetOrganisationByIdQueryVariables,
|
||||
} from '../../generated/graphql';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root',
|
||||
})
|
||||
export class OrganisationsService {
|
||||
/** Organisations Array */
|
||||
tableData: BehaviorSubject<any[]> = new BehaviorSubject(null);
|
||||
loadingRowIds: BehaviorSubject<string[]> = new BehaviorSubject([]);
|
||||
successfullyCreatedRowWithId: Subject<string> = new Subject();
|
||||
pageData: BehaviorSubject<any> = new BehaviorSubject(null);
|
||||
isLoadingPageData: BehaviorSubject<boolean> = new BehaviorSubject(false);
|
||||
|
||||
constructor(
|
||||
private getOrganisationsGQL: GetOrganisationsGQL,
|
||||
private getOrganisationByIdGQL: GetOrganisationByIdGQL,
|
||||
private reloadOrganisationByIdGQL: ReloadOrganisationByIdGQL,
|
||||
private updateOrganisationGQL: UpdateOrganisationGQL,
|
||||
private lockOrganisationGQL: LockOrganisationGQL,
|
||||
private unlockOrganisationGQL: UnlockOrganisationGQL,
|
||||
private createOrganisationGQL: CreateOrganisationGQL,
|
||||
private deleteOrganisationGQL: DeleteOrganisationGQL
|
||||
) {}
|
||||
|
||||
addLoadingRowId(id: string) {
|
||||
this.loadingRowIds.next([...this.loadingRowIds.value, id]);
|
||||
}
|
||||
|
||||
removeLoadingRowId(id: string) {
|
||||
this.loadingRowIds.value.forEach((item, index) => {
|
||||
if (item === id) {
|
||||
this.loadingRowIds.value.splice(index, 1);
|
||||
}
|
||||
});
|
||||
this.loadingRowIds.next(this.loadingRowIds.value);
|
||||
}
|
||||
|
||||
loadTableData() {
|
||||
this.tableData.next(null);
|
||||
this.getOrganisationsGQL.fetch().subscribe((result) => {
|
||||
this.tableData.next(result.data?.organisations);
|
||||
});
|
||||
}
|
||||
|
||||
loadPageData(variables: GetOrganisationByIdQueryVariables) {
|
||||
this.pageData.next(null);
|
||||
this.isLoadingPageData.next(true);
|
||||
this.getOrganisationByIdGQL
|
||||
.fetch(variables)
|
||||
.subscribe((result) => {
|
||||
this.pageData.next(result.data.organisationById);
|
||||
})
|
||||
.add(() => {
|
||||
this.isLoadingPageData.next(false);
|
||||
});
|
||||
}
|
||||
|
||||
reloadOrganisation(variables: ReloadOrganisationByIdQueryVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.reloadOrganisationByIdGQL
|
||||
.fetch(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.organisationById);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
createOrganisation(currentId: string, variables: CreateOrganisationMutationVariables) {
|
||||
this.createOrganisationGQL.mutate(variables).subscribe((result) => {
|
||||
const newOrganisation = result.data.createOrganisation;
|
||||
this.tableData.next([newOrganisation, ...this.tableData.value]);
|
||||
this.successfullyCreatedRowWithId.next(currentId);
|
||||
});
|
||||
}
|
||||
|
||||
updateOrganisation(variables: UpdateOrganisationMutationVariables) {
|
||||
this.addLoadingRowId(variables.organisation.id);
|
||||
this.updateOrganisationGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.updateOrganisation);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.organisation.id);
|
||||
});
|
||||
}
|
||||
|
||||
lockOrganisation(variables: LockOrganisationMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.lockOrganisationGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.lockOrganisation);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
unlockOrganisation(variables: UnlockOrganisationMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.unlockOrganisationGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.unlockOrganisation);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
deleteOrganisation(variables: DeleteOrganisationMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.deleteOrganisationGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
if (result.data) {
|
||||
this.tableData.next(
|
||||
[...this.tableData.value].filter((organisation) => organisation.id !== variables.id)
|
||||
);
|
||||
}
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
private updateDataRowFromResponse(rowFromResponse: any) {
|
||||
if (this.tableData.value) {
|
||||
const newTableData = this.tableData.value.map((row) =>
|
||||
rowFromResponse.id === row.id ? rowFromResponse : row
|
||||
);
|
||||
this.tableData.next(newTableData);
|
||||
}
|
||||
if (rowFromResponse.id === this.pageData?.value?.id) {
|
||||
this.pageData.next(rowFromResponse);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,160 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { BehaviorSubject, Subject } from 'rxjs';
|
||||
import {
|
||||
GetPersonsGQL,
|
||||
ReloadPersonByIdGQL,
|
||||
ReloadPersonByIdQueryVariables,
|
||||
UpdatePersonGQL,
|
||||
UpdatePersonMutationVariables,
|
||||
LockPersonGQL,
|
||||
LockPersonMutationVariables,
|
||||
UnlockPersonGQL,
|
||||
UnlockPersonMutationVariables,
|
||||
CreatePersonGQL,
|
||||
CreatePersonMutationVariables,
|
||||
DeletePersonGQL,
|
||||
DeletePersonMutationVariables,
|
||||
GetPersonByIdGQL,
|
||||
GetPersonByIdQueryVariables,
|
||||
} from '../../generated/graphql';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root',
|
||||
})
|
||||
export class PersonsService {
|
||||
/** Persons Array */
|
||||
tableData: BehaviorSubject<any[]> = new BehaviorSubject(null);
|
||||
loadingRowIds: BehaviorSubject<string[]> = new BehaviorSubject([]);
|
||||
successfullyCreatedRowWithId: Subject<string> = new Subject();
|
||||
pageData: BehaviorSubject<any> = new BehaviorSubject(null);
|
||||
isLoadingPageData: BehaviorSubject<boolean> = new BehaviorSubject(false);
|
||||
|
||||
constructor(
|
||||
private getPersonsGQL: GetPersonsGQL,
|
||||
private getPersonByIdGQL: GetPersonByIdGQL,
|
||||
private reloadPersonByIdGQL: ReloadPersonByIdGQL,
|
||||
private updatePersonGQL: UpdatePersonGQL,
|
||||
private lockPersonGQL: LockPersonGQL,
|
||||
private unlockPersonGQL: UnlockPersonGQL,
|
||||
private createPersonGQL: CreatePersonGQL,
|
||||
private deletePersonGQL: DeletePersonGQL
|
||||
) {}
|
||||
|
||||
addLoadingRowId(id: string) {
|
||||
this.loadingRowIds.next([...this.loadingRowIds.value, id]);
|
||||
}
|
||||
|
||||
removeLoadingRowId(id: string) {
|
||||
this.loadingRowIds.value.forEach((item, index) => {
|
||||
if (item === id) {
|
||||
this.loadingRowIds.value.splice(index, 1);
|
||||
}
|
||||
});
|
||||
this.loadingRowIds.next(this.loadingRowIds.value);
|
||||
}
|
||||
|
||||
loadTableData() {
|
||||
this.tableData.next(null);
|
||||
this.getPersonsGQL.fetch().subscribe((result) => {
|
||||
this.tableData.next(result.data?.persons);
|
||||
});
|
||||
}
|
||||
|
||||
loadPageData(variables: GetPersonByIdQueryVariables) {
|
||||
this.pageData.next(null);
|
||||
this.isLoadingPageData.next(true);
|
||||
this.getPersonByIdGQL
|
||||
.fetch(variables)
|
||||
.subscribe((result) => {
|
||||
this.pageData.next(result.data.personById);
|
||||
})
|
||||
.add(() => {
|
||||
this.isLoadingPageData.next(false);
|
||||
});
|
||||
}
|
||||
|
||||
reloadPerson(variables: ReloadPersonByIdQueryVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.reloadPersonByIdGQL
|
||||
.fetch(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.personById);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
createPerson(currentId: string, variables: CreatePersonMutationVariables) {
|
||||
this.createPersonGQL.mutate(variables).subscribe((result) => {
|
||||
const newPerson = result.data.createPerson;
|
||||
this.tableData.next([newPerson, ...this.tableData.value]);
|
||||
this.successfullyCreatedRowWithId.next(currentId);
|
||||
});
|
||||
}
|
||||
|
||||
updatePerson(variables: UpdatePersonMutationVariables) {
|
||||
this.addLoadingRowId(variables.person.id);
|
||||
this.updatePersonGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.updatePerson);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.person.id);
|
||||
});
|
||||
}
|
||||
|
||||
lockPerson(variables: LockPersonMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.lockPersonGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.lockPerson);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
unlockPerson(variables: UnlockPersonMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.unlockPersonGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
this.updateDataRowFromResponse(result.data.unlockPerson);
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
deletePerson(variables: DeletePersonMutationVariables) {
|
||||
this.addLoadingRowId(variables.id);
|
||||
this.deletePersonGQL
|
||||
.mutate(variables)
|
||||
.subscribe((result) => {
|
||||
if (result.data) {
|
||||
this.tableData.next(
|
||||
[...this.tableData.value].filter((person) => person.id !== variables.id)
|
||||
);
|
||||
}
|
||||
})
|
||||
.add(() => {
|
||||
this.removeLoadingRowId(variables.id);
|
||||
});
|
||||
}
|
||||
|
||||
private updateDataRowFromResponse(rowFromResponse: any) {
|
||||
if (this.tableData.value) {
|
||||
const newTableData = this.tableData.value.map((row) =>
|
||||
rowFromResponse.id === row.id ? rowFromResponse : row
|
||||
);
|
||||
this.tableData.next(newTableData);
|
||||
}
|
||||
if (rowFromResponse.id === this.pageData?.value?.id) {
|
||||
this.pageData.next(rowFromResponse);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue