45 lines
2.6 KiB
HTML
45 lines
2.6 KiB
HTML
<div ux-id="decision-tree-view">
|
|
<div class="decision-tree_btn-group">
|
|
<button ux-id="history-back-btn" ng-disabled="isBackButton" ng-click="showHistoryBackData()" class="rx-small-btn_secondary"><i class="rx-btn__icon-left icon-angle_left"></i>{{'common.button.back' | i18n}}</button>
|
|
<button ux-id="history-forward-btn" ng-disabled="isForwardButton" ng-click="showHistoryForwardData()" class="rx-small-btn_secondary"><i class="rx-btn__icon-left icon-angle_right"></i>{{'common.button.forward' | i18n}}</button>
|
|
<button ux-id="reset-data-btn" class="rx-small-btn_secondary decision-tree__reset-btn" ng-click="showResetData()"><i class="rx-btn__icon-left icon-restart"></i>{{'common.button.resetAll' | i18n}}</button>
|
|
</div>
|
|
|
|
<div class="rx-tree__question-section">
|
|
<!--this for root element only -->
|
|
<div ng-show="isRootView" class="rx-tree__title" decision-tree-description rx-configuration="{'description' : rootQuestion.title}"></div>
|
|
<div ng-show="isRootView" class="rx-tree__description" decision-tree-description rx-configuration="rootQuestion"></div>
|
|
|
|
<!--this for choice and last node title only -->
|
|
<div ng-show="isChoiceView && choiceQuestion">
|
|
<div class="rx-tree__title" decision-tree-description rx-configuration="{'description' : choiceQuestion.title}" ></div>
|
|
<div class="rx-tree__description" decision-tree-description rx-configuration="choiceQuestion"></div>
|
|
</div>
|
|
|
|
<!--for choices from list -->
|
|
<div>
|
|
<ul ng-show="isChoiceListView" class="rx-tree__option-list" >
|
|
<li ng-repeat="choice in choices">
|
|
<span ux-id="choice_{{$index}}" class="rx-tree__options" ng-click="getChoices(choice)" ng-enter="getChoices(choice)" role="link" tabindex="0"
|
|
decision-tree-description rx-configuration="{'description' : choice.title}">
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr class="rx-tree__saperator" >
|
|
<div ux-id="toggle-history-btn" class="rx-history__title" ng-click="toggleHistory()">
|
|
{{isHistoryView === true ? 'common.label.hideHistory' : 'common.label.showHistory' | i18n }}
|
|
</div>
|
|
|
|
<div ng-show="isHistoryView" class="rx-tree__title">
|
|
<div class="rx-tree__description" decision-tree-description rx-configuration="{'description':rootQuestion.description}"></div>
|
|
<div ng-repeat="history in historyList track by $index">
|
|
<div class="rx-tree__title" decision-tree-description rx-configuration="{'description':history.title}"></div>
|
|
<div class="rx-tree__options" decision-tree-description rx-configuration="{'description':history.gotoDescription}"></div>
|
|
<div class="rx-tree__options" decision-tree-description rx-configuration="{'description':history.description}"></div>
|
|
</div>
|
|
</div>
|
|
</div> |