Issue #000 fix: image src angular bing issue fixed

Sunbird-Knowlg · Aug 10, 2018 · 60243f9 · 60243f9
1 parent 889fa7e
commit 60243f9
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 21 deletions.
diff --git a/player/public/coreplugins/org.ekstep.alert-1.0/renderer/templates/alert-popup.html b/player/public/coreplugins/org.ekstep.alert-1.0/renderer/templates/alert-popup.html
@@ -300,7 +300,7 @@ <h6 class="notif-title">Error!</h6>
                     </div>
                     <div class="row row-center error-action-buttons">
                         <div class="col col-10">
-                            <image class="error-details-image" ng-click="showDetails();" src="{{detailsIcon}}"></image>
+                            <image class="error-details-image" ng-click="showDetails();" ng-src="{{detailsIcon}}"></image>
                         </div>
                         <div class="col error-details-button">
                             <a ng-click="showDetails();" class="left">Details</a>

diff --git a/player/public/coreplugins/org.ekstep.endpage-1.0/renderer/templates/end.html b/player/public/coreplugins/org.ekstep.endpage-1.0/renderer/templates/end.html
@@ -30,7 +30,7 @@
             </div>
             <div class="gc-ep-footer">
                 <div ng-click="replayContent()" class="gc-ep-footer-icons gc-ep-replay">
-                    <img class="replay" src="{{imageBasePath}}icn_replay.png" />
+                    <img class="replay" ng-src="{{imageBasePath}}icn_replay.png" />
                     <p>{{AppLables.replay}}</p>
                 </div>
                 <div ng-if="showUser" ng-click="ep_openUserSwitchingModal()" class="gc-ep-footer-icons gc-ep-userSwitch">

diff --git a/player/public/coreplugins/org.ekstep.overlay-1.0/renderer/controller/overlay.js b/player/public/coreplugins/org.ekstep.overlay-1.0/renderer/controller/overlay.js
diff --git a/player/public/coreplugins/org.ekstep.overlay-1.0/renderer/templates/menu.html b/player/public/coreplugins/org.ekstep.overlay-1.0/renderer/templates/menu.html
@@ -14,7 +14,7 @@
         </div>
         <div class = "gc-menu-options">
             <div ng-click="replayContent()">
-                <img src="{{imageBasePath}}icn_replay.png"/>
+                <img ng-src="{{imageBasePath}}icn_replay.png"/>
                 <span> {{AppLables.replay}} </span>
             </div>
         </div>

diff --git a/player/public/coreplugins/org.sunbird.player.endpage-1.1/renderer/templates/end.html b/player/public/coreplugins/org.sunbird.player.endpage-1.1/renderer/templates/end.html
@@ -70,7 +70,7 @@ <h2 class="ps-nav-title">Next</h2>
               <p class="ps-action-text">{{currentUser.name || currentUser.handle}}</p>
             </div>
           </li>
-          <li class="ps-action-list__item" ng-click="openGenie()"><a href="javascript:void(0);" class="ps-btn ps-btn--black"><img src="{{genieIcon}}" class="ps-btn-icon"></a>
+          <li class="ps-action-list__item" ng-click="openGenie()"><a href="javascript:void(0);" class="ps-btn ps-btn--black"><img ng-src="{{genieIcon}}" class="ps-btn-icon"></a>
             <p class="ps-action-text">Home</p>
           </li>
         </ul>

diff --git a/...ins/org.sunbird.player.userswitcher-1.0/renderer/templates/sunbird-user-switch-popup.html b/...ins/org.sunbird.player.userswitcher-1.0/renderer/templates/sunbird-user-switch-popup.html
@@ -166,7 +166,7 @@
                 <h1 class="tablinks" id="usersButton" ng-click="initializeUser($event, 'users')">Users</h1>
             </div>
             <div class="close-block">
-                <span ng-click="closeUserSwitchingModal()"><img class="close" src="{{closeIcon}}"></span>
+                <span ng-click="closeUserSwitchingModal()"><img class="close" ng-src="{{closeIcon}}"></span>
             </div>
             <!-- <button class="tablinks" id="groupsButton" ng-click="initializeUser($event, 'groups')">Groups</button> -->
         </div>
@@ -179,7 +179,7 @@ <h1 class="tablinks" id="usersButton" ng-click="initializeUser($event, 'users')"
                             <p ng-show="user.grade" class="userswitcher-class">{{user.grade.toString()}}</p>
                         </div>
                         <div class="inline-block">
-                            <img ng-show="user.selected" class="user-check" src="{{checkMarkIcon}}">
+                            <img ng-show="user.selected" class="user-check" ng-src="{{checkMarkIcon}}">
                         </div>
                     </div>
                 </div>

diff --git a/.../content-plugins/org.ekstep.questionunit.ftb-1.0/editor/templates/horizontalTemplate.html b/.../content-plugins/org.ekstep.questionunit.ftb-1.0/editor/templates/horizontalTemplate.html
@@ -45,17 +45,17 @@
         <div class="ui three column grid">
           <!-- Question Image -->
           <div class="two wide column" ng-if="isQuestion && (editorObj1.question.image.length == 0 || selectedImageURL.length > 0)">
-            <img class="mediaupload-image" style="display:block;width: 70%;" src="{{selectedImageURL}}" id="imageQ">
+            <img class="mediaupload-image" style="display:block;width: 70%;" ng-src="{{selectedImageURL}}" id="imageQ">
           </div>
           <div class="two wide column" ng-if="isQuestion && (editorObj1.question.image.length > 0 || selectedImageURL.length == 0)">
-            <img class="mediaupload-image" style="display:block;width: 70%;" src="{{editorObj1.question.image}}" id="imageQ">
+            <img class="mediaupload-image" style="display:block;width: 70%;" ng-src="{{editorObj1.question.image}}" id="imageQ">
           </div>
           <!-- Answer Image -->
           <div class="two wide column" ng-if="isAnswer && (editorObj1.answer[index-1].image.length > 0 || selectedImageURL.length == 0)">
-            <img class="mediaupload-image" style="display:block;width: 70%;" src="{{editorObj1.answer[index-1].image}}" id="image_{{index}}">
+            <img class="mediaupload-image" style="display:block;width: 70%;" ng-src="{{editorObj1.answer[index-1].image}}" id="image_{{index}}">
           </div>
           <div class="two wide column" ng-if="isAnswer && (editorObj1.answer[index-1].image.length == 0 || selectedImageURL.length > 0)">
-            <img class="mediaupload-image" style="display:block;width: 70%;" src="{{selectedImageURL}}" id="image_{{index}}">
+            <img class="mediaupload-image" style="display:block;width: 70%;" ng-src="{{selectedImageURL}}" id="image_{{index}}">
           </div>
           <div class="one column" style="margin-top: 3%;">
             <div class="ui grid two column row">
@@ -73,23 +73,23 @@
         <div class="ui two column grid">
           <!-- Question Audio -->
           <div class="one wide column" ng-if="isQuestion && (editorObj1.question.audio.length == 0 || selectedAudioURL.length > 0)">
-            <audio src="{{selectedAudioURL}}" controls="" class="audio-container" style="display: none" id="audioQ">
+            <audio ng-src="{{selectedAudioURL}}" controls="" class="audio-container" style="display: none" id="audioQ">
             </audio>
             <i ng-class="play ? 'play large icon blue' : 'pause large icon blue'" ng-click="playAudio(play)"></i>
           </div>
           <div class="one wide column" ng-if="isQuestion && (editorObj1.question.audio.length > 0 || selectedAudioURL.length == 0)">
-            <audio src="{{editorObj1.question.audio}}" controls="" class="audio-container" style="display: none" id="audioQ">
+            <audio ng-src="{{editorObj1.question.audio}}" controls="" class="audio-container" style="display: none" id="audioQ">
             </audio>
             <i ng-class="play ? 'play large icon blue' : 'pause large icon blue'" ng-click="playAudio(play)"></i>
           </div>
           <!-- Answer Audio -->
           <div class="one wide column" ng-if="isAnswer && (editorObj1.answer[index-1].audio.length == 0 || selectedAudioURL.length > 0)">
-            <audio src="{{selectedAudioURL}}" controls="" class="audio-container" style="display: none" id="audio_{{index}}">
+            <audio ng-src="{{selectedAudioURL}}" controls="" class="audio-container" style="display: none" id="audio_{{index}}">
             </audio>
             <i ng-class="play ? 'play large icon blue' : 'pause large icon blue'" ng-click="playAudio(play)"></i>
           </div>
           <div class="one wide column" ng-if="isAnswer && (editorObj1.answer[index-1].audio.length > 0 || selectedAudioURL.length == 0)">
-            <audio src="{{editorObj1.answer[index-1].audio}}" controls="" class="audio-container" style="display: none" id="audio_{{index}}">
+            <audio ng-src="{{editorObj1.answer[index-1].audio}}" controls="" class="audio-container" style="display: none" id="audio_{{index}}">
             </audio>
             <i ng-class="play ? 'play large icon blue' : 'pause large icon blue'" ng-click="playAudio(play,index-1)"></i>
           </div>

diff --git a/.../content-plugins/org.ekstep.questionunit.mcq-1.0/editor/templates/horizontalTemplate.html b/.../content-plugins/org.ekstep.questionunit.mcq-1.0/editor/templates/horizontalTemplate.html
@@ -29,7 +29,7 @@
                 <div class="ui tab" data-tab="questionImageTab" ng-show="false">
                   <div class="ui three column grid">
                     <div class="two wide column">
-                      <img src="{{mcqFormData.question.image}}">
+                      <img ng-src="{{mcqFormData.question.image}}">
                     </div>
                     <div class="one column">
                       <div class="ui grid two column row">
@@ -46,7 +46,7 @@
                 <div class="ui tab" data-tab="questionAudioTab" ng-show="false">
                   <div class="ui two column grid">
                     <div class="one wide column">
-                      <audio src="{{mcqFormData.question.audio}}" controls="" class="audio-container">
+                      <audio ng-src="{{mcqFormData.question.audio}}" controls="" class="audio-container">
                       </audio>
                       <i class="large icon blue" ng-click="playAudio(play)"></i>
                     </div>
@@ -95,7 +95,7 @@
                   <div class="ui tab" data-tab="optionImageTab" ng-show="false">
                     <div class="ui three column grid">
                       <div class="two wide column">
-                        <img src="{{value.image}}">
+                        <img ng-src="{{value.image}}">
                       </div>
                       <div class="one column">
                         <div class="ui grid two column row">
@@ -112,7 +112,7 @@
                   <div class="ui tab" data-tab="optionAudioTab" ng-show="false">
                     <div class="ui two column grid">
                       <div class="one wide column">
-                        <audio src="{{value.audio}}" controls="" class="audio-container">
+                        <audio ng-src="{{value.audio}}" controls="" class="audio-container">
                         </audio>
                         <i class="large icon blue" ng-click="playAudio(play)"></i>
                       </div>

diff --git a/...ntent-plugins/org.ekstep.questionunit.mcq-1.0/renderer/templates/horizontal_template.html b/...ntent-plugins/org.ekstep.questionunit.mcq-1.0/renderer/templates/horizontal_template.html
@@ -5,7 +5,7 @@
             <div class="popup-overlay" ng-click="hideImagePopup()"></div>
             <div class="popup-full-body">
                 <div class="font-lato assess-popup assess-goodjob-popup">
-                    <img class="qc-question-fullimage" src="{{imageUrl}}" />
+                    <img class="qc-question-fullimage" ng-src="{{imageUrl}}" />
                     <div ng-click="hideImagePopup();" class="qc-popup-close-button">X</div>
                 </div>
             </div>