Fix oppia#5691: Calculate answer choices (oppia#5756)

* fix oppia#5691 * calculate answer choices locally * lint * made reveiw changes
dmoneyballer · Oct 19, 2018 · f234a3a · f234a3a
1 parent b0880a8
commit f234a3a
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/.../templates/dev/head/pages/exploration_editor/translation_tab/StateTranslationDirective.js b/.../templates/dev/head/pages/exploration_editor/translation_tab/StateTranslationDirective.js
@@ -285,6 +285,46 @@ oppia.directive('stateTranslation', [
             $scope.activeHintIndex = null;
             $scope.activeAnswerGroupIndex = null;
 
+            var currentCustomizationArgs = ExplorationStatesService
+              .getInteractionCustomizationArgsMemento(stateName);
+            var interactionId = $scope.stateInteractionId;
+            if (interactionId) {
+              // Special cases for multiple choice input and image click input.
+              if (interactionId === 'MultipleChoiceInput') {
+                $scope.answerChoices =
+                  currentCustomizationArgs.choices.value.map(
+                    function(val, ind) {
+                      return {
+                        val: ind,
+                        label: val
+                      };
+                    }
+                  );
+              } else if (interactionId === 'ImageClickInput') {
+                var _answerChoices = [];
+                var imageWithRegions =
+                  currentCustomizationArgs.imageAndRegions.value;
+                for (
+                  var j = 0; j < imageWithRegions.labeledRegions.length; j++) {
+                  _answerChoices.push({
+                    val: imageWithRegions.labeledRegions[j].label,
+                    label: imageWithRegions.labeledRegions[j].label
+                  });
+                }
+                $scope.answerChoices = _answerChoices;
+              } else if (interactionId === 'ItemSelectionInput' ||
+                  interactionId === 'DragAndDropSortInput') {
+                $scope.answerChoices =
+                  currentCustomizationArgs.choices.value.map(function(val) {
+                    return {
+                      val: val,
+                      label: val
+                    };
+                  });
+              } else {
+                $scope.answerChoices = null;
+              }
+            }
             $scope.onTabClick($scope.TAB_ID_CONTENT);
           };
 

diff --git a/...plates/dev/head/pages/exploration_editor/translation_tab/state_translation_directive.html b/...plates/dev/head/pages/exploration_editor/translation_tab/state_translation_directive.html
@@ -51,8 +51,8 @@
                ng-class="{'oppia-rule-tab-active': activeAnswerGroupIndex === $index}"
                ng-style="contentIdStatusColorStyle(answerGroup.outcome.feedback.getContentId())">
               <response-header index="$index"
-                               summary="summarizeAnswerGroup(answerGroup, stateInteractionId, getAnswerChoices(), false)"
-                               short-summary="summarizeAnswerGroup(answerGroup, stateInteractionId, getAnswerChoices(), true)"
+                               summary="summarizeAnswerGroup(answerGroup, stateInteractionId, answerChoices, false)"
+                               short-summary="summarizeAnswerGroup(answerGroup, stateInteractionId, answerChoices, true)"
                                is-active="$index === activeAnswerGroupIndex"
                                outcome="answerGroup.outcome"
                                num-rules="answerGroup.rules.length"