I have query regarding refactoring code

the website sells lawnmowers, phone cases and t-shirts. Their database is a mess but you have access to their variousproduct listings. The goal is to consolidate all of the client's products into a single list so that they can be sorted and displayed on the client's website.

I want to refactor code in AgularJS

Please find attached ZIP file

Is anyone there who can guide me and provide me solution for this that will be much Appreciated

Refactor Me :

function ProductDataConsolidator() {
}
ProductDataConsolidator.get = function () {
var l = new LawnmowerRepository().getAll();
var p = new PhoneCaseRepository().getAll();
var t = new TShirtRepository().getAll();
var products = [];
for (var i = 0; i < l.length; i++) {
products.push({
id: l[i].id,
name: l[i].name,
price: l[i].price.toFixed(2),
type: "Lawnmower"
});
}
for (var i = 0; i < p.length; i++) {
products.push({
id: p[i].id,
name: p[i].name,
price: p[i].price.toFixed(2),
type: "Phone Case"
});
}
for (var i = 0; i < t.length; i++) {
products.push({
id: t[i].id,
name: t[i].name,
price: t[i].price.toFixed(2),
type: "T-Shirt"
});
}
return products;
}
ProductDataConsolidator.getInUSDollars = function () {
var l = new LawnmowerRepository().getAll();
var p = new PhoneCaseRepository().getAll();
var t = new TShirtRepository().getAll();
var products = [];
for (var i = 0; i < l.length; i++) {
products.push({
id: l[i].id,
name: l[i].name,
price: (l[i].price * 0.76).toFixed(2),
type: "Lawnmower"
});
}
for (var i = 0; i < p.length; i++) {
products.push({
id: p[i].id,
name: p[i].name,
price: (p[i].price * 0.76).toFixed(2),
type: "Phone Case"
});
}
for (var i = 0; i < t.length; i++) {
products.push({
id: t[i].id,
name: t[i].name,
price: (t[i].price * 0.76).toFixed(2),
type: "T-Shirt"
});
}
return products;
}
ProductDataConsolidator.getInEuros = function () {
var l = new LawnmowerRepository().getAll();
var p = new PhoneCaseRepository().getAll();
var t = new TShirtRepository().getAll();
var products = [];
for (var i = 0; i < l.length; i++) {
products.push({
id: l[i].id,
name: l[i].name,
price: (l[i].price * 0.67).toFixed(2),
type: "Lawnmower"
});
}
for (var i = 0; i < p.length; i++) {
products.push({
id: p[i].id,
name: p[i].name,
price: (p[i].price * 0.67).toFixed(2),
type: "Phone Case"
});
}
for (var i = 0; i < t.length; i++) {
products.push({
id: t[i].id,
name: t[i].name,
price: (t[i].price * 0.67).toFixed(2),
type: "T-Shirt"
});
}
return products;
}
function ProductDataRenderer() {
}
ProductDataRenderer.prototype.render = function () {
var nzd =
''
+' '
+' Products (NZD)'
+' '
+' Name'
+' Price'
+' Type'
+' '
+' '
+ ' ';
var n = ProductDataConsolidator.get();
for (var i = 0; i < n.length; i++) {
nzd +=
''
+ '' + n[i].name +''
+ '' + n[i].price + ''
+ '' + n[i].type + ''
+ '';
}
nzd += '';
document.getElementById("nzdProducts").innerHTML = nzd;
var usd =
''
+ ' '
+ ' Products (USD)'
+ ' '
+ ' Name'
+ ' Price'
+ ' Type'
+ ' '
+ ' '
+ ' ';
var u = ProductDataConsolidator.getInUSDollars();
for (var i = 0; i < u.length; i++) {
usd +=
''
+ '' + u[i].name + ''
+ '' + u[i].price + ''
+ '' + u[i].type + ''
+ '';
}
usd += '';
document.getElementById("usdProducts").innerHTML = usd;
var euro =
''
+ ' '
+ ' Products (Euro)'
+ ' '
+ ' Name'
+ ' Price'
+ ' Type'
+ ' '
+ ' '
+ ' ';
var e = ProductDataConsolidator.getInEuros();
for (var i = 0; i < e.length; i++) {
euro +=
''
+ '' + e[i].name + ''
+ '' + e[i].price + ''
+ '' + e[i].type + ''
+ '';
}
euro += '';
document.getElementById("euProducts").innerHTML = euro;
}
Do not refector me :
function LawnmowerRepository() {
}
LawnmowerRepository.prototype.getAll = function () {
return [
{
id: 1,
name: "Hewlett-Packard Rideable Lawnmower",
fuelEfficiency: "Very Low",
isVehicle: true,
price: 3000
}, {
id: 2,
name: "Fisher Price's My First Lawnmower",
fuelEfficiency: "Ultimate",
isVehicle: false,
price: 45
}, {
id: 3,
name: "Volkswagen LawnMaster 39000B Lawnmower",
fuelEfficiency: "Moderate",
isVehicle: false,
price: 1020
}
];
}
"en">
Refactor Me
"text/javascript" src="src/do-not-refactor/LawnmowerRepository.js">
"text/javascript" src="src/do-not-refactor/PhoneCaseRepository.js">
"text/javascript" src="src/do-not-refactor/TShirtRepository.js">
"text/javascript" src="src/refactor-me/ProductDataRenderer.js">
"text/javascript" src="src/refactor-me/ProductDataConsolidator.js">
"stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
"max-width: 600px">
"nzdProducts">

"usdProducts">