angular-contacts.html

---
title: Contacts module
keywords: sample
summary: "Contacts module"
sidebar: angular_sidebar
permalink: angular-contacts.html
folder: angular/core-tiles
filename: angular-contacts.html
---

<h4><a href="https://github.com/PulseTile/PulseTile/blob/master/src/app/pulsetileui/pages/contacts/contacts-list.component.js">Contacts List</a></h4>
{% include image.html file="contacts/contactslist.png" url="#" alt="Contacts list view" caption="Contacts List" %}

<h5>API URL</h5>
<pre>
  /api/patients/{patientId}/contacts
</pre>
<h5>GET response</h5>
<pre>
  {
    name:"Name"
    nextOfKin:true
    relationship:"Name"
    source:"ethercis"
    sourceId:"8f8d258c-9c6d-4b94-94f9-c38c58363bbb"
  }
</pre>

<h5>Component structure</h5>
<pre>
  //component template
  let templateContactsList = require('./contacts-list.html');

  //controller init
  class ContactsListController {
    constructor($scope, $state, $stateParams, $ngRedux, contactsActions, serviceRequests, usSpinnerService) {
    }

    //component init
    const ContactsListComponent = {
      template: templateContactsList,
      controller: ContactsListController
    };

  //inject services/modules to controller
  ContactsListController.$inject = ['$scope', '$state', '$stateParams', '$ngRedux', 'contactsActions', 'serviceRequests', 'usSpinnerService'];
  //es6 export for component
  export default ContactsListComponent;
</pre>

<h4><a href="https://github.com/PulseTile/PulseTile/blob/master/src/app/pulsetileui/pages/contacts/contacts-detail.component.js">Contacts Detail</a></h4>
{% include image.html file="contacts/contactsdetail.png" url="#" alt="Contacts Detail" caption="Contacts Detail" %}

<h5>API URL</h5>
<pre>
  /api/patients/{patientId}/contacts/{sourceId}
</pre>
<h5>GET response</h5>
<pre>
  {
    author:"c4h_ripple_osi"
    contactInformation:234525
    dateCreated:1477267200000
    name:"Bob McJim"
    nextOfKin:""
    notes:"sdasdada"
    relationship:"Other Brother"
    relationshipCode:""
    relationshipTerminology:""
    relationshipType:""
    source:"Marand"
    sourceId:"7b6bf9f1-d05b-4d4e-85e3-c120506bb7d3"
  }
</pre>

<h5>Component structure</h5>
<pre>
  //component template
  let templateContactsDetail= require('./contacts-detail.html');

  //controller init
  class ContactsDetailController {
    constructor($scope, $state, $stateParams, $ngRedux, patientsActions, contactsActions, serviceRequests, usSpinnerService) {
    }

    //component init
    const ContactsDetailComponent = {
      template: templateContactsDetail,
      controller: ContactsDetailController
    };

  //inject services/modules to controller
  ContactsDetailController.$inject = ['$scope', '$state', '$stateParams', '$ngRedux', 'patientsActions', 'contactsActions', 'serviceRequests', 'usSpinnerService'];
  //es6 export for component
  export default ContactsDetailComponent;
</pre>

{% include image.html file="contacts/contactsedit.png" url="#" alt="Contacts Edit" caption="Contacts Edit" %}

<h5>API URL</h5>
<pre>
  /api/patients/{patientId}/contacts/{sourceId}
</pre>
<h5>PUT data</h5>
<pre>
  {
    author:"c4h_ripple_osi"
    contactInformation:234525
    dateCreated:1477267200000
    dateSubmitted:"2017-04-06T13:59:56.672Z"
    name:"Bob McJim"
    nextOfKin:""
    notes:"sdasdada"
    relationship:"Father"
    relationshipCode:""
    relationshipTerminology:""
    relationshipType:"qqq"
    source:"Marand"
    sourceId:"7b6bf9f1-d05b-4d4e-85e3-c120506bb7d3"
  }
</pre>

<h4><a href="https://github.com/PulseTile/PulseTile/blob/master/src/app/pulsetileui/pages/contacts/contacts-create.component.js">Contacts Create</a></h4>
{% include image.html file="contacts/contactscreate.png" url="#" alt="Contacts Create" caption="Contacts Create" %}

<h5>API URL</h5>
<pre>
  /api/patients/{patientId}/contacts/{sourceId}
</pre>
<h5>POST data</h5>
<pre>
  {
    contactInformation:"qqq"
    dateSubmitted:"2017-04-06T14:01:09.917Z"
    name:"test name"
    notes:"qqq"
    relationship:"Father"
    relationshipCode:"at0039"
    relationshipTerminology:"local"
    relationshipType:"qqq"
  }
</pre>

<h5>Component structure</h5>
<pre>
  //component template
  let templateContactsCreate= require('./contacts-create.html');

  //controller init
  class ContactsCreateController {
    constructor($scope, $state, $stateParams, $ngRedux, patientsActions, contactsActions, serviceRequests) {

    }

    //component init
    const ContactsCreateComponent = {
      template: templateContactsCreate,
      controller: ContactsCreateController
    };

  //inject services/modules to controller
  ContactsCreateController.$inject = ['$scope', '$state', '$stateParams', '$ngRedux', 'patientsActions', 'contactsActions', 'serviceRequests'];
  //es6 export for component
  export default ContactsCreateComponent;
</pre>