consumerportal/views/meds/medications.html

mydna Custimised for you

<div ng-if="vm.loadCount<2" class="window loading"><span>Loading Details...</span></div>
<div ng-if="vm.loadCount===2" class="window shadow report meds">
    <report-navigator title="'Medications'" links="vm.navigation" selected-value="'medications'"></report-navigator>
    <div class="main">

        <div class="bigTitle hideAtTabsAsSelector">
            <div ng-bind="vm.selectedTab.title"></div>
        </div>
        <mydna-tabs
                event-name="'medsTabChanged'"
                value="vm.selectedView"
                tabs="vm.medsTabs"
                tab-class="'under'"
                message="'View medication details for...'"
                short-message="'Details for...'"></mydna-tabs>

        <div class="myMedsSearch" ng-if="vm.selectedView === 'mine'">
            <input type="text"
                   ng-model="vm.medicinesrch"
                   mydna-focus="true"
                   placeholder="Medication Search"
                   ng-change="vm.medsSearch()"
                   autocomplete="off"
                   typeahead-wait-ms="700"
                   typeahead-on-select ="vm.addMedicine($item)" typeahead-focus-first="true"
                   typeahead-min-length="3"
                   uib-typeahead="medicine.tradeName for medicine in vm.Medicines | filter:$viewValue | limitTo:100"
            />
            <div class="results"  role="listbox" aria-hidden="{{!isOpen()}}" ng-if="vm.Medicines.length > 0">
                <div ng-repeat="match in vm.Medicines track by $index"
                     ng-click="vm.addMedication(match)" role="option" id="{{::match.id}}">
                    <div ng-bind-html="vm.highlightSearchParam(match.displayName)"></div><button><span>Add</span></button>
                </div>
            </div>
            <div class="message" ng-if="vm.Medicines.length === 0">No results. Please check the spelling.</div>
            <div class="message" ng-if="vm.addingMed">Adding to My Medications</b></div>
        </div>
        <div ng-if="vm.selectedView === 'mine'">
            <div class="gap"></div>
            <div class="blockTitle"><div>My Medications</div><div class="sub" ng-bind="vm.PatientMedications.length + (vm.PatientMedications.length === 1 ? ' Entry' : ' Entries')"></div></div>
            <table class="myMedsSearch">
                <thead>
                <tr>
                    <td>Name</td>
                    <td class="center">Impact of Results on Medication</td>
                    <td class="center">Options</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="(key, val) in vm.PatientMedications">
                    <td ng-bind="val.Medication.DisplayName" class="{{val.Medication.CategoryName}}" ng-click="vm.showDetails(val)"></td>
                    <td class="center"><button class="{{val.PredictedMetabolism}}" ng-click="vm.showDetails(val)"><span ng-bind="val.PredictedMetabolism"></span></button></td>
                    <td class="center"><button ng-show="val.Id != vm.defaultMedicationID" ng-click="vm.removeMedicine(val, key)"><span>Remove</span></button></td>
                </tr>
                </tbody>
            </table>
        </div>

        <div ng-if="vm.selectedView !== 'mine'">
            <div ng-show="vm.selectedMedicines.SubCategories==0">
                <div class='content_block content_blocks_padding' ng-repeat="(recKey, recValue) in vm.selectedMedicines.Recommendations">
                    <p class='traffic_light_{{recValue.AlertType}}'>
                        <span ng-show="recValue.AlertType == 'Red'">Major Impact</span>
                        <span ng-show="recValue.AlertType == 'Orange'">Minor Impact</span>
                        <span ng-show="recValue.AlertType == 'Green'">Normal Impact</span>
                        <span ng-show="recValue.AlertType == 'None'">Not Covered</span>
                    </p>
                    <p>{{recValue.RecommendationBody}}</p>

                    <div class="medications_grid">
                        <div class='col-md-4 col-sm-6' ng-repeat="medValue in vm.selectedMedicines.Recommendations[recKey].Medications">
                            <a href="" ng-click="vm.showMedDetails(medValue.MedicationId,recValue.AlertType)">
                                {{medValue.DisplayName}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-repeat="(ky, val) in vm.selectedMedicines.SubCategories">
                <div class="blockTitle">{{val.Name}}</div>
                <div class='content_block content_blocks_padding' ng-repeat="(recKey, recValue) in vm.selectedMedicines.SubCategories[ky].Recommendations">
                    <p class='traffic_light_{{recValue.AlertType}}'>
                        <span ng-show="recValue.AlertType == 'Red'">Major Impact</span>
                        <span ng-show="recValue.AlertType == 'Orange'">Minor Impact</span>
                        <span ng-show="recValue.AlertType == 'Green'">Normal Impact</span>
                        <span ng-show="recValue.AlertType == 'None'">Not Covered</span>
                    </p>
                    <p>{{recValue.RecommendationBody}}</p>

                    <div class="medications_grid">
                        <div class='col-md-4 col-sm-6' ng-repeat="medValue in vm.selectedMedicines.SubCategories[ky].Recommendations[recKey].Medications">
                            <a href="" ng-click="vm.showMedDetails(medValue.MedicationId,recValue.AlertType)">
                                {{medValue.DisplayName}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="gap"></div>
        <p class="small">There are many factors that your healthcare professional considers when deciding a suitable medication for you such as age, lifestyle and other medications. Do not alter the dose of your medications without consulting your doctor.</p>
    </div>
</div>