diff --git a/lms/static/js/commerce/views/receipt_view.js b/lms/static/js/commerce/views/receipt_view.js index 961579c2eb..b32f3156d6 100644 --- a/lms/static/js/commerce/views/receipt_view.js +++ b/lms/static/js/commerce/views/receipt_view.js @@ -47,6 +47,8 @@ var edx = edx || {}; this.renderCourseNamePlaceholder(this.courseKey); + this.renderUserFullNamePlaceholder(this.username); + providerId = this.getCreditProviderId(data); if (providerId) { this.getProviderData(providerId).then(this.renderProvider, this.renderError) @@ -61,6 +63,18 @@ var edx = edx || {}; $courseNamePlaceholder.text(responseData.name); }); }, + renderUserFullNamePlaceholder: function (username) { + var userModel = Backbone.Model.extend({ + urlRoot: '/api/user/v1/accounts/', + url: function() { + return this.urlRoot + this.id; + } + }); + this.user = new userModel({id:username}); + this.user.fetch({success: function(userData) { + $(".full_name_placeholder").text(userData.get('name')); + }}); + }, renderProvider: function (context) { var templateHtml = $("#provider-tpl").html(), providerDiv = this.$el.find("#receipt-provider"); diff --git a/lms/static/js/spec/commerce/receipt_view_spec.js b/lms/static/js/spec/commerce/receipt_view_spec.js index 2569ffc56d..5dcb8d4592 100644 --- a/lms/static/js/spec/commerce/receipt_view_spec.js +++ b/lms/static/js/spec/commerce/receipt_view_spec.js @@ -7,7 +7,8 @@ define([ function ($, AjaxRetry, ReceiptView, AjaxHelpers){ 'use strict'; describe('edx.commerce.ReceiptView', function() { - var data, courseResponseData, providerResponseData, mockRequests, mockRender, createReceiptView; + var data, courseResponseData, providerResponseData, mockRequests, mockRender, createReceiptView, + userResponseData; createReceiptView = function() { return new ReceiptView({el: $('#receipt-container')}); @@ -39,6 +40,10 @@ define([ requests, 'GET', '/api/courses/v1/courses/course-v1:edx+dummy+2015_T3/', courseResponseData ); + mockRequests( + requests, 'GET', '/api/user/v1/accounts/user-1', userResponseData + ); + mockRequests(requests, 'GET', '/api/credit/v1/providers/edx/', providerResponseData); return view; }; @@ -141,7 +146,10 @@ define([ "start": "2030-01-01T00:00:00Z", "end": null }; - + userResponseData = { + "username": "user-1", + "name": "full name" + }; }); it('sends analytic event when verified receipt is rendered', function() { diff --git a/lms/templates/commerce/receipt.underscore b/lms/templates/commerce/receipt.underscore index 05c4f222be..d75e2defc6 100644 --- a/lms/templates/commerce/receipt.underscore +++ b/lms/templates/commerce/receipt.underscore @@ -2,8 +2,9 @@

<%= interpolate( - gettext( "Thank you! We have received your payment for %(course_name)s."), - { course_name: "" }, true + gettext( "Thank you %(full_name)s! We have received your payment for %(course_name)s."), + { course_name: "", + full_name: ""}, true ) %>