wardList.html

<div class="ward-details-container">
    <input type="text" ng-model="searchText" placeholder="{{'IPD_WARD_LIST_SEARCH_KEY'| translate }}"/>
    <span ng-if="tableDetails.length == 0" class="no-data-info">
        {{ 'EMPTY_WARD_MESSAGE'|translate }}
    </span>
    <table class="table ward-details-content" ng-if="tableDetails.length > 0">
        <thead>
            <tr>
                <th ng-repeat="heading in tableHeadings" ng-if="heading != 'hiddenAttributes'" ng-class="{'bed-detail-column' : $index == 0}">{{heading | titleTranslate}}</th>
            </tr>
        </thead>
        <tbody>
        <tr ng-repeat="row in tableDetails | filter:searchTextFilter">
                <td ng-repeat="heading in tableHeadings" ng-if="heading != 'hiddenAttributes'">
                    <div ng-if="heading != 'Diagnosis' && heading != 'Id'">
                        {{row[heading]}}
                        <span ng-if="::(row[iconAttributeConfig.attrName] === iconAttributeConfig.attrValue && heading === 'Name')" class="icons-container">
                            <i class="ipd-indication" ng-class="iconAttributeConfig.icon" ng-style="{{iconAttributeConfig.iconStyle}}"></i>
                        </span>
                    </div>
                    <a ng-if="heading =='Id'" ng-click="gotoPatientDashboard(row['hiddenAttributes'].patientUuid, row['hiddenAttributes'].visitUuid)">
                        {{row[heading]}}
                    </a>
                    <div ng-if="heading == 'Diagnosis'">
                        <div ng-repeat="diagnosis in row[heading]" ng-class="{'strike-text': diagnosis.ruledOut}">
                            <span>{{diagnosis.Diagnosis}}</span>
                            <span>{{diagnosis["Diagnosis Certainty"]}}</span>
                            <span>{{diagnosis["Diagnosis Order"]}}</span>
                            <span ng-if="diagnosis.diagnosisStatus">{{diagnosis.diagnosisStatus}}</span>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>