Page Comparison

Purpose

It can be used to create a control to add a Birth Certificate

Configuration

Add a birthCertificate directive

Consider the following example to add a birthCertificate as a new directive:

Code Block

language	js
linenumbers	true

'use strict';
angular.module('bahmni.common.displaycontrol.custom')
    .directive('birthCertificate', ['observationsService', 'appService', 'spinner', function (observationsService, appService, spinner) {
            var link = function ($scope,element) {
                var conceptNames = ["HEIGHT"];
                $scope.contentUrl = appService.configBaseUrl() + "/customDisplayControl/views/birthCertificate.html";
                spinner.forPromise(observationsService.fetch($scope.patient.uuid, conceptNames, "latest", undefined, $scope.visitUuid, undefined).then(function (response) {
                    $scope.observations = response.data;
                }), element);
            };
            return {
                restrict: 'E',
                template: '<ng-include src="contentUrl"/>',
                link: link
            }
    }])

Note
In the above example, the concept names we want to fetch is configured in the variable conceptNames. To display the spinner for each display control while loading, element should be passed in spinner.forPromise() as shown in the above example. You can create your own template in the directive "openmrs/apps/customDisplayControl/views/"

Create a birthCertificate Display page

Consider the following example to create a birthCertificate.html:

Code Block

language	xml
linenumbers	true

<div>
    {{config.title}}
    <section class="dashboard-section">
        <ul class="form-field">
            <li ng-repeat="obsGroup in observations">
                <span class="obs-date"> {{obsGroup.conceptNameToDisplay }} </span>
                <span class="obs-date"> {{obsGroup.value}} </span>
            </li>
        </ul>
    </section>
</div>

Tip

title	On this Page

Table of Contents

Panel

titleColor	White
titleBGColor	#1FA5A0
title	Related Display Controls

Child pages (Children Display)

page	Display Controls

Versions Compared

Old Version 3

New Version 4

Key

Purpose

Configuration

Add a birthCertificate directive

Create a birthCertificate Display page