Render Premium Image

CruGlobal · Aug 16, 2021 · 41098f3 · 41098f3
1 parent a7a77c0
commit 41098f3
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/src/app/branded/branded-checkout.component.js b/src/app/branded/branded-checkout.component.js
@@ -132,6 +132,7 @@ export default angular
       apiUrl: '@',
       premiumCode: '@',
       premiumName: '@',
+      premiumImageUrl: '@',
       radioStationApiUrl: '@',
       radioStationRadius: '@',
       donorDetailsVariable: '@donorDetails',

diff --git a/src/app/branded/branded-checkout.tpl.html b/src/app/branded/branded-checkout.tpl.html
@@ -18,6 +18,7 @@
           on-payment-failed="$ctrl.onPaymentFailed($event.donorDetails)"
           premium-code="$ctrl.premiumCode"
           premium-name="$ctrl.premiumName"
+          premium-image-url="$ctrl.premiumImageUrl"
           radio-station-api-url="$ctrl.radioStationApiUrl"
           radio-station-radius="$ctrl.radioStationRadius">
         </branded-checkout-step-1>

diff --git a/src/app/branded/step-1/branded-checkout-step-1.component.js b/src/app/branded/step-1/branded-checkout-step-1.component.js
@@ -187,6 +187,7 @@ export default angular
       onPaymentFailed: '&',
       premiumCode: '<',
       premiumName: '<',
+      premiumImageUrl: '<',
       radioStationApiUrl: '<',
       radioStationRadius: '<'
     }

diff --git a/src/app/branded/step-1/branded-checkout-step-1.tpl.html b/src/app/branded/step-1/branded-checkout-step-1.tpl.html
@@ -64,6 +64,9 @@ <h3 class="panel-name" translate>{{'PREMIUM'}}</h3>
             </label>
           </div>
         </div>
+        <div class="col-sm-4">
+          <img ng-src="{{$ctrl.premiumImageUrl}}" style="width: 200px; height: 200px" />
+        </div>
       </div>
     </div>
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -64,6 +64,9 @@ <h3 class="panel-name" translate>{{'PREMIUM'}}</h3> @@
                 </label>
               </div>
             </div>
+            <div class="col-sm-4">
+              <img ng-src="{{$ctrl.premiumImageUrl}}" style="width: 200px; height: 200px" />
+            </div>
           </div>
         </div>
       </div>
@@ Expand Down @@