Added placeholder text if image is not inserted

sargamm · Feb 7, 2015 · 81f736c · 81f736c
1 parent 5964e2c
commit 81f736c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/extensions/interactions/ImageClickInput/ImageClickInput.html b/extensions/interactions/ImageClickInput/ImageClickInput.html
@@ -4,7 +4,7 @@
       ng-src="<[imageUrl]>"
       class="oppia-image-click-img"
       ng-click="onClickImage($event)"
-      ng-mousemove="onMousemoveImage($event)">
+      ng-mousemove="onMousemoveImage($event)" />
     <div ng-if="highlightRegionsOnHover">
       <div
         ng-repeat="region in allRegions"

diff --git a/extensions/interactions/ImageClickInput/ImageClickInput.js b/extensions/interactions/ImageClickInput/ImageClickInput.js
@@ -71,6 +71,11 @@ oppia.directive('oppiaInteractiveImageClickInput', [
         $scope.onClickImage = function(event) {
           $scope.$parent.$parent.submitAnswer($scope.currentlyHoveredRegions, 'submit');
         };
+        // TODO(czx): Maybe this can be put in an angular directive?
+        $('.oppia-image-click-img').error(function(){
+          $(this).parent().text('[Select an image to display]');
+          $(this).hide();
+        });
       }]
     };
   }