// Esta funcion es invocada cada vez que se hace clic en el boton de enviar 
  // del formulario de edicion de contraseĂąa
  onPasswordEditionFormSubmit(): void {
    // desplegamos el modal de progreso
    let modal = this.modalManager.open(ProgressModalComponent)

    // recuperamos los datos capturados en el formulario
    let data = new FormData()
    data.append('user_id', this.home.userID.toString())
    data.append('password', this.passwordEditionForm.value.oldPassword)
    data.append('new_password', this.passwordEditionForm.value.newPassword)

    // los enviamos al servidor
    this.server.update(
      'change-password',
      data,
      (response: any) => {
        // cerramos el modal
        modal.instance.modalComponent.close()

        // damos retroalimentacion al usuario del resultado de esta opreacion
        this.toastManager.showText(
          this.langManager.getServiceMessage(
            'change-password', 
            response.meta.return_code
          )
        )
      } // (response: Response)
    ) // this.server.update
  } // onPasswordEditionFormSubmit()

 // Esta funcion se invoca cuando el usuario hace clic en el boton para editar 
 // una zona existente
 onEditZoneButtonClick(zone: any): void {
   // invocamos el modal de editar informacion ce zona pasandole como 
   // argumentos los datos de la zona cuya informacion sera editada
   this.modalManager.open(ZoneInfoModalComponent, {
     zoneID: zone.id,
     zoneName: zone.name,
     companyName: zone.company_name,
     address: zone.address
   })
 }

 // Esta funcion se invoca cuando el usuario hace clic en el boton de agregar 
 // una zona nueva
 onNewZoneButtonClick(): void {
   // invocamos el modal de editar informacion de zona, pero sin pasarle 
   // ningun argumento para que se maneje como un formulario en blanco
   this.modalManager.open(ZoneInfoModalComponent)
 }