fix typescript lint errors

client/src/clients/client-form.ts

@@ -4,7 +4,7 @@ import {Clients} from '../services/api/clients';
 import {ClientModel} from '../services/api/models/client';
 
 @autoinject
-export class ClientForm extends ApiForm {
+export class ClientForm extends ApiForm<ClientModel> {
   constructor(clients: Clients) {
     super(clients, ClientModel);
   }

client/src/clients/index.html

@@ -1,10 +1,7 @@
 <template>
   <require from="./client-form"></require>
 
-  <endpoint-manager
-  api-service.bind="clients"
-  form-control.bind="clientForm"
-  >
+  <endpoint-manager api-service.bind="clients">
     <h2 slot="title">Pacientes</h2>
 
     <span slot="add-record-label">Agregar Paciente</span>
@@ -20,9 +17,6 @@ <h2 slot="title">Pacientes</h2>
     <column slot="column" header="Celular">${mobile}</column>
     <column slot="column" header="Email">${email}</column>
 
-    <client-form
-    slot="form"
-    client-form.ref="clientForm"
-    ></client-form>
+    <client-form slot="form"></client-form>
   </endpoint-manager>
 </template>

client/src/professionals/index.html

@@ -1,17 +1,7 @@
 <template>
   <require from="./professional-form"></require>
 
-  <endpoint-manager
-  api-service.bind="professionals"
-  columns.bind="{
-    'Nombre Completo': '${firstName} ${lastName}',
-    'Teléfono': '${landLine}',
-    'Celular': '${mobile}',
-    'Email': '${email}',
-    'Citas Para hoy': '${todaysAppointmentCount}'
-  }"
-  form-control.bind="professionalForm"
-  >
+  <endpoint-manager api-service.bind="professionals">
     <h2 slot="title">Doctores</h2>
 
     <span slot="add-record-label">Agregar Doctor</span>
@@ -28,9 +18,6 @@ <h2 slot="title">Doctores</h2>
     <column slot="column" header="Email">${email}</column>
     <column slot="column" header="Citas Para Hoy">${todaysAppointmentCount}</column>
 
-    <professional-form
-    slot="form"
-    professional-form.ref="professionalForm"
-    ></professional-form>
+    <professional-form slot="form"></professional-form>
   </endpoint-manager>
 </template>

client/src/professionals/professional-form.ts

@@ -4,7 +4,7 @@ import {Professionals} from '../services/api/professionals';
 import {ProfessionalModel} from '../services/api/models/professional';
 
 @autoinject
-export class ProfessionalForm extends ApiForm {
+export class ProfessionalForm extends ApiForm<ProfessionalModel> {
   constructor(professionals: Professionals) {
     super(professionals, ProfessionalModel);
   }

client/src/resources/elements/column.ts

@@ -13,7 +13,7 @@ export class Column {
     protected element: Element
   ) {}
 
-  @computedFrom('element')
+  @computedFrom('element.innerHTML')
   get content() {
     return this.element.innerHTML;
   }

client/src/resources/elements/endpoint-manager.ts

@@ -1,5 +1,7 @@
 import {autoinject, bindable, child, children} from 'aurelia-framework';
 import {CoreApiService} from '../../services/api/core-api-service';
+import {ApiForm} from '../../services/api/form/api-form';
+import {CoreApiModel} from '../../services/api/models/core-api-model';
 import Toast from '../../services/helpers/toast';
 import {Column} from './column';
 
@@ -10,20 +12,15 @@ export class EndpointManager {
 
   @children('column') columns: Column[];
   @bindable apiService: CoreApiService;
-  @bindable formControl: any; // Todo: change to FormControl;
 
+  @child('[slot=form]') formControl: ApiForm<CoreApiModel>;
   @child('[slot=delete-success-message]') deleteSuccessMessage;
   @child('[slot=delete-error-message]') deleteErrorMessage;
   protected defaultDeleteSuccessMessage: string = 'Record deleted successfully';
   protected defaultDeleteErrorMessage: string = 'There was an error deleting the record';
 
-
   constructor(protected toast: Toast) {}
 
-  attached() {
-    console.log(this.theColumns);
-  }
-
   apiServiceChanged() {
     this.getAllRecords();
   }

client/src/services/api/core-api-service.ts

@@ -12,7 +12,7 @@ export class CoreApiService {
     return this.http.get(this.getUrl());
   }
 
-  create(data: object = {}) {
+  create(data: Object = {}) {
     return this.http.post(
       this.getUrl(),
       this.getPlainObject(data)

client/src/services/api/form/api-form.ts

@@ -1,12 +1,12 @@
 import {CoreApiService} from '../core-api-service';
 import {CoreApiModel} from '../models/core-api-model';
 
-export class ApiForm {
-  protected record: Object = {};
+export class ApiForm<T extends CoreApiModel> {
+  protected record: CoreApiModel = new CoreApiModel();
 
   constructor(
     protected apiService: CoreApiService,
-    protected modelClass: CoreApiModel
+    protected modelClass: new (data?: Object) => T
   ) {
     this.reset();
   }

client/src/services/api/models/core-api-model.ts

@@ -1,5 +1,7 @@
 export class CoreApiModel {
-  constructor(record: any = {}) {
+  id: number = null;
+
+  constructor(record: Object = {}) {
     Object.assign(this, record || {});
   }
 }

client/src/services/api/models/person.ts

@@ -1,7 +1,6 @@
 import {CoreApiModel} from './core-api-model';
 
 export class Person extends CoreApiModel {
-  id: number;
   firstName: string;
   lastName: string;
   landLine: string;