BAH-1123: Patient ID as configurable hyperlink on Appointments List V…

…iew (#152)

* Patient ID as configurable hyperlink on Appointments List View

* Open patient dashboard on new window

* Reviewed configurable patient link to use alias substitution

* Bump version from 0.0.2 to 0.0.3

* Updated patient link URL

config/ng-config.json

@@ -82,7 +82,8 @@
       "customLocaleURL": "/bahmni_config/openmrs/i18n/",
       "loginPageUrl": "../../bahmni/home/index.html#/login",
       "patientsURL": "/bahmni/clinical/index.html#/default/patient/",
-      "patientsURLGeneralInformationTab": "/dashboard?currentTab=DASHBOARD_TAB_GENERAL_KEY"
+      "patientsURLGeneralInformationTab": "/dashboard?currentTab=DASHBOARD_TAB_GENERAL_KEY",
+      "appointmentsListPatientLink": "/bahmni/clinical/index.html#/default/patient/{{patientId}}/dashboard?currentTab=DASHBOARD_TAB_GENERAL_KEY"
     }
   },
   "Appointments": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "openmrs-module-appointments-frontend",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "An appointment app for bahmni/openmrs.",
     "license": "AGPLv3",
     "scripts": {

src/controllers/manage/list/appointmentsListViewController.js

@@ -17,6 +17,7 @@ angular.module('bahmni.appointments')
             $scope.manageAppointmentPrivilege = Bahmni.Appointments.Constants.privilegeManageAppointments;
             $scope.ownAppointmentPrivilege = Bahmni.Appointments.Constants.privilegeOwnAppointments;
             $scope.resetAppointmentStatusPrivilege = Bahmni.Appointments.Constants.privilegeResetAppointmentStatus;
+            $scope.shouldShowAppointmentsListPatientLink = !!Bahmni.Common.Constants.appointmentsListPatientLink;
             $scope.searchedPatient = false;
             var autoRefreshIntervalInSeconds = parseInt(appService.getAppDescriptor().getConfigValue('autoRefreshIntervalInSeconds'));
             var enableAutoRefresh = !isNaN(autoRefreshIntervalInSeconds);
@@ -216,6 +217,10 @@ angular.module('bahmni.appointments')
                 });
             };
 
+            $scope.generateAppointmentsListPatientLink = function (appointment) {
+                return appService.getAppDescriptor().formatUrl(Bahmni.Common.Constants.appointmentsListPatientLink, { patientId: appointment.patient.uuid });
+            }
+
             function isNullOrEmpty(obj) {
                 return obj === null || obj === undefined || Object.keys(obj).length === 0;
             }

src/views/manage/list/listView.html

@@ -24,7 +24,10 @@
             </thead>
             <tbody>
             <tr ng-repeat="appointment in filteredAppointments" ng-click="select(appointment)" ng-style="{'background-color': colorsForListView[appointment.status]}" ng-class="{'selected' : isSelected(appointment)}">
-                <td>{{::appointment.patient.identifier}}</td>
+                <td>
+                    <a ng-show="shouldShowAppointmentsListPatientLink" href="#" target="_blank" ng-click="$event.stopPropagation()" ng-href="{{generateAppointmentsListPatientLink(appointment)}}">{{::appointment.patient.identifier}}</a>
+                    <span ng-hide="shouldShowAppointmentsListPatientLink">{{::appointment.patient.identifier}}</span>
+                </td>
                 <td class="table-mid-width">{{::appointment.patient.name | titleCase}}</td>
                 <td>{{::appointment.startDateTime | bahmniDate}}</td>
                 <td>{{::appointment.startDateTime | bahmniTime}}</td>

ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-appointments-frontend",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "React Appointments Frontend",
   "main": "dist/reactAngularAdaptor.js",
   "directories": {