Warning
{{title}}
Nothing found yet
{{item.collection.title}}
{{item.collection.description}}
{{product.name}}
{{product.priceToDisplay.currentPrice | currency}} / {{product.sellingUom.name}}
{{product.productCode}}
View Item
`;
window.bdApp.directive('bdCititzensPayButton', () => ({
template,
replace: true,
controller: ($scope, $window) => {
$scope.onClick = () => {
$window.open('//bedrosians.citizensbank.com/?src=87&storeId=500', null, 'popup');
}
}
}))
})()
;
(function () {
"use strict";
let collections = [
{
key: "Modni",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002559.pdf",
gallery: ["modni-100001697-inst", "modni-100001704-inst", "modni-100001699-inst"],
description: "Got a flair for the geometric? Modni is just your style. Stunning from any angle, the Modni Collection embraces the unexpected, with shapes and forms that create a refreshing take on symmetry. As one of our more unique collections of marble blend mosaics, Modni blurs the lines between extravagance and refinement."
},
{
key: "Atrium",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002556.pdf",
gallery: ["atrium-100001723-inst", "atrium-100001720-inst-1", "atrium-100001722-inst"],
description: "Though its name is synonymous with grand entrances, Atrium is designed to luxuriate any room or surface, be it in a residential or commercial space. Crafted in four tonal combinations, the collection offers a range of subtleness and drama to reflect your personal style."
},
{
key: "Matisse",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002561.pdf",
description: "Elegance isn’t just a style. It’s an artform. And nothing embodies it quite like the Matisse Collection, a series of stunning marble blend mosaics. A study in contrasts and abstract patterns, the Matisse Collection ignites a creative spark while maintaining a sense of structure."
},
{
key: "Solis",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002557.pdf",
gallery: ["solis-100001719-inst-hag-p1-4", "solis-100001717-inst", "solis-100001716-inst"],
description: "The Solis Collection features four stone blend designs, each with their own level of energy, perfectly suited for a statement wall, floor or shower. Choose tones with less contrast for a lighter, airier feel, or up the contrast to highlight Solis’s patterns and visual intrigue."
},
{
key: "Celeste",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002558.pdf",
gallery: ["celeste-100001715-inst", "celeste-100001713-inst-1", "celeste-100001712-inst-2"],
description: "No need for a telescope to bring you closer to the stars. The Celeste Collection, inspired by the starry sky above, will elevate any space in your home—kitchen, bathroom, flooring, statement walls and more. Celeste’s dreamy swirls of color and texture create shapely motifs that effortlessly blend into one another, delivering a vibe that’s nothing short of heavenly."
},
{
key: "Monet",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/100002560.pdf",
gallery: ["monet-100001380-inst", "monet-100001385-inst", "monet-100001410-inst"],
description: "The Solis Collection features four stone blend designs, each with their own level of energy, perfectly suited for a statement wall, floor or shower. Choose tones with less contrast for a lighter, airier feel, or up the contrast to highlight Solis’s patterns and visual intrigue."
},
{
key: "Ferrara",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/MKTTERDECFER.pdf",
gallery: ["ferrara-001-ferrara-nero", "ferrara-decferbiachemoh-inst-chi-p1-1", "ferrara-decferner36h-inst-mhi-p1-1"],
description: "Add a touch of shine with the Ferrara Collection. This collection of marble stone tile features 3” x 6” decorative and field tiles, 1” x 1” mosaics, and multi-size chevron mosaics. Available in 3 neutral brass accented shades, it is perfect for residential and commercial wall applications. Mix and match for a variety of unique design options."
},
{
key: "Blomma",
tearsheet: "http://cdn.bedrosians.com/assets/products/pdfs/MKTTERDECBLO.pdf",
description: "Add depth, dimension, and personality to any space with the Blomma Collection. Available in a 12”x12” marble mosaic in 3 monochrome hues, this collection of decorative natural stone tile features a playful floral pattern. The perfect pick for indoor/outdoor residential and commercial use and for elevating the look of walls, shower walls, countertops, and indoor flooring."
},
];
let template = `
{{header}}
{{item.header}}
{{item.subtitle}}
Shop the Collection
{{header}}
{{selected}}
`;
window.bdApp.directive('bdSelector', () => ({
template,
replace: true,
scope: {
options: '<',
ngModel: '=',
},
link(scope, element, attributes) {
scope.show = false;
scope.select = (option) => scope.ngModel = option.value;
scope.$watch('ngModel', (value) => scope.selected = value);
element.on('click', () => {
scope.show = !scope.show;
scope.$digest();
});
angular.element(document).on('scroll', () => {
scope.show = false;
scope.$digest();
});
angular.element(document).on('click', (event) => {
if (element[0].contains(event.target)) return;
scope.show = false;
scope.$digest();
});
}
}));
})()
;
(function () {
'use strict';
let template = `
`;
window.bdApp.directive('bdShareButton', () => ({
template,
replace: true,
scope: { providers: '=', sharedItem: '=' },
controller: function ($scope, $element, $timeout) {
const recalculateBounds = () => setTimeout(() => {
let menu = $element.find('ul');
let menuRect = menu[0].getBoundingClientRect();
let bodyRect = document.body.getBoundingClientRect();
if(bodyRect.right <= menuRect.right) menu.css('right', 0);
else menu.css('right', '');
}, 0);
$scope.toggle = ($event) => {
$event.stopPropagation();
$scope.active = !$scope.active;
if($scope.active) recalculateBounds();
}
angular.element(document.body).bind('click', () => {
$scope.active = false;
setTimeout(() => $scope.$digest(), 0);
})
},
}))
})();
(function () {
'use strict';
let template = `
`;
window.bdApp.directive('bdSliderUp', ['$parse', '$compile', '$timeout', ($parse, $compile, $timeout) => {
return {
template,
restrict: 'E',
scope: false,
replace: true,
transclude: true,
compile(element, attr, linker) {
return (scope, element) => {
scope.rootClass = attr.rootClass;
scope.containerClass = attr.containerClass;
let root = $compile('')(scope);
let container = $compile(``)(scope);
return linker(scope, (clone, scope) => {
element.prepend(root);
root.append(container);
container.append(clone);
return $timeout((() => {
let options = ($parse(attr.options))(scope);
let plugins = ($parse(attr.plugins))(scope);
scope.sliderOptions = {...options, container: container.get(0)};
if (scope.sliderOptions.dots === undefined) scope.sliderOptions.dots = true;
if (scope.sliderOptions.buttons === undefined) scope.sliderOptions.buttons = true;
scope.slider = new EmblaCarousel(root.get(0), scope.sliderOptions, plugins);
scope.slider.on('init', () => {
$timeout(() => {
scope.dots = scope.slider.scrollSnapList();
scope.selected = scope.slider.selectedScrollSnap();
scope.canScrollPrev = scope.slider.canScrollPrev();
scope.canScrollNext = scope.slider.canScrollNext();
}, 0);
});
scope.slider.on('reInit', () => {
$timeout(() => {
scope.dots = scope.slider.scrollSnapList();
scope.selected = scope.slider.selectedScrollSnap();
scope.canScrollPrev = scope.slider.canScrollPrev();
scope.canScrollNext = scope.slider.canScrollNext();
}, 0);
});
scope.slider.on('select', () => {
$timeout(() => {
scope.selected = scope.slider.selectedScrollSnap();
scope.canScrollPrev = scope.slider.canScrollPrev();
scope.canScrollNext = scope.slider.canScrollNext();
}, 0);
});
}), 0);
});
}
}
}
}])
})()
;
(function () {
'use strict';
var template = `
`;
window.bdApp.directive('bdSlider', () => {
return {
template,
replace: true,
restrict: 'E',
transclude: true,
scope: {
items: "=?",
active: "=?",
slider: "=?",
plugins: "=?",
options: "=?",
emInit: "=?",
emReinit: "=?",
emSelect: "=?",
noAnimate: "=?",
},
controller: function ($scope, $timeout, $element) {
$scope.options = {
watchResize: () => $scope.slides.length > 0,
watchSlides: () => $scope.slides.length > 0,
container: '.bd-embla-container',
containScroll: 'trimSnaps',
slides: '.bd-slide',
showButtons: true,
skipSnaps: true,
dragFree: false,
align: "center",
startIndex: 0,
dots: true,
...$scope.options,
};
if (angular.isUndefined($scope.active)) $scope.active = true;
if (!$scope.active) $scope.noAnimate = true;
$scope.classes = [`bd-embla-axis-${$scope.options.axis ? $scope.options.axis : 'x'}`];
let plugins = (!$scope.plugins) ? [] : [
// EmblaCarouselClassNames(),
// EmblaCarouselAutoHeight(),
EmblaCarouselWheelGestures(),
EmblaCarouselAutoplay({stopOnMouseEnter:true,stopOnInteraction:false}),
]
.map((plugin) => ($scope.plugins.includes(plugin.name)) ? plugin : null)
.filter(x => x);
let viewport = $element[0].querySelector('.bd-embla-viewport');
let container = viewport.querySelector('.bd-embla-container');
const scrollPrev = () => {
if(!$scope.engine || !$scope.slider || !$scope.slider.canScrollPrev()) return;
$scope.engine.animation.stop();
$scope.slider.scrollPrev();
}
const scrollNext = () => {
if(!$scope.engine || !$scope.slider || !$scope.slider.canScrollNext()) return;
$scope.engine.animation.stop();
$scope.slider.scrollNext();
}
const initDots = () => {
let dots = $element[0].querySelectorAll('.bd-embla-dot');
[].slice.call(dots).map(dot => dot.classList.remove('active'));
if(dots[0]) dots[0].classList.add('active');
}
const initButtons = () => {
let prevBtn = $element[0].querySelector('.bd-embla-button-prev');
let nextBtn = $element[0].querySelector('.bd-embla-button-next');
if(prevBtn) prevBtn.addEventListener('click', scrollPrev);
if(nextBtn) nextBtn.addEventListener('click', scrollNext);
}
const changeButtons = () => {
let prevBtn = $element[0].querySelector('.bd-embla-button-prev');
let nextBtn = $element[0].querySelector('.bd-embla-button-next');
if(prevBtn) prevBtn.style.opacity = $scope.slider.canScrollPrev() ? '1' : '0';
if(nextBtn) nextBtn.style.opacity = $scope.slider.canScrollNext() ? '1' : '0';
}
const changeDots = () => {
let dots = $element[0].querySelectorAll('.bd-embla-dot');
let prevSnap = $scope.slider.previousScrollSnap();
let selectedSnap = $scope.slider.selectedScrollSnap();
if(dots[prevSnap]) dots[prevSnap].classList.remove('active');
if(dots[selectedSnap]) dots[selectedSnap].classList.add('active');
}
$scope.slides = [];
const initSlider = (records) => {
if (!$scope.active) return;
if (records) for (let mutation of records) {
for (let node of mutation.addedNodes)
if (node.classList && node.classList.contains('bd-slide')) $scope.slides.push(node);
for (let node of mutation.removedNodes)
if(node.classList && node.classList.contains('bd-slide')) _.remove($scope.slides, node);
}
if (!$scope.slides.length) return;
setTimeout(() => {
if($scope.slider) $scope.slider.reInit({startIndex: 0});
else $scope.slider = new EmblaCarousel(viewport, $scope.options, plugins);
$scope.engine = $scope.slider.internalEngine();
$scope.dots = $scope.slider.scrollSnapList();
$scope.slider.on('init', () => setTimeout(() => {
initDots();
initButtons();
changeButtons();
$element.addClass('bd-embla-active');
}, 500));
$scope.slider.on('reInit', () => setTimeout(() => {
initDots();
initButtons();
changeButtons();
$element.addClass('bd-embla-active');
}, 500));
$scope.slider.on('select', () => {
changeDots();
changeButtons();
});
if($scope.emInit) $scope.slider.on('init', () => $scope.emInit($scope.slider));
if($scope.emReinit) $scope.slider.on('reInit', () => $scope.emReinit($scope.slider));
if($scope.emSelect) $scope.slider.on('select', () => $scope.emSelect($scope.slider));
$scope.$digest();
}, 0);
};
let mutObserver = new MutationObserver((records) => initSlider(records));
mutObserver.observe(container, {childList: true});
$scope.$watch(() => $element.is(':visible'), () => $element.is(':visible') && initSlider());
}
}
});
var slideTemplate = `
`;
window.bdApp.directive('bdSlide', () => {
return {
scope: true,
restrict: 'E',
replace: true,
transclude: true,
require: "^^bdSlider",
template: slideTemplate,
}
});
})();
(function (){
'use strict';
var template = `
- {{option.value}}
{{title}}
{{description}}
New Arrivals
Nothing found yet
{{item.collection.name}}
{{item.collection.description}}
{{product.name}}
{{product.priceToDisplay.currentPrice | currency}} / {{product.sellingUom.name}}
{{product.productCode}}
View Item' +
'
' +
'' +
'',
className: 'ngdialog-theme-plain warningMessage',
showClose: true,
plain: 'true'
}).then(function (success) {
$scope.model.isBusy = true;
CustomerUsersService.cancelUserToken(user)
.then(function () {
var index = $scope.model.users.indexOf(user);
$scope.model.users.splice(index, 1);
$scope.model.isBusy = false;
},
function () {
$scope.model.isBusy = false;
});
deferred.resolve(true);
},
function (error) {
deferred.resolve(false);
});
}
function editUser(user) {
$scope.model.isNewUser = false;
setCurrentUser(user);
openEditPage(user);
}
function inviteUser() {
$scope.model.isNewUser = true;
getDataForUserInvitation()
.then(
function() {
setCurrentUser($scope.model.userForInvite);
openEditPage($scope.model.userForInvite);
},
function(data) {
alert(data);
});
}
function getBranches(user) {
if (!(user.Branches || []).length) {
return CustomerUsersService.getBranches(user)
.then(function(data) {
user.Branches = data;
$scope.model.currentUser.Branches = data;
});
} else {
$scope.model.currentUser.Branches = user.Branches;
return $q.defer().resolve(true);
}
}
function getDataForUserInvitation() {
if ($scope.model.userForInvite == null) {
return CustomerUsersService.getDataForUserInvitation()
.then(function (data) {
$scope.model.userForInvite = data;
});
} else {
var def = $q.defer();
def.resolve(true);
return def.promise;
}
};
function setCurrentUser(user) {
var idx = $scope.model.users.indexOf(user);
if (idx == -1) {
idx = $scope.model.users.length;
}
$scope.model.currentUser = angular.copy(user);
$scope.model.currentUser.idx = idx;
}
}
window.bdApp.controller('CustomerUsersCtrl', CustomerUsersCtrl).filter('unsafe', function ($sce) {
return function (val) {
return $sce.trustAsHtml(val);
};
});
})();
;
(function () {
'use strict';
function CustomerUsersEditFormCtrl($scope, $timeout, CustomerUsersService) {
$scope.saveUser = saveUser;
$scope.cancelEdit = cancelEdit;
$scope.requireSelectBranch = requireSelectBranch;
function saveUser() {
$scope.model.isBusy = true;
var action = $scope.model.currentUser.Id == 0
? inviteUser
: updateUser;
action().then(function () {
$scope.model.isBusy = false;
});
}
function updateUser() {
return CustomerUsersService.updateUser($scope.model.currentUser)
.then(function(user) {
$scope.model.users.splice($scope.model.currentUser.idx, 1, user);
setJustEdited(user);
$scope.closeThisDialog();
// $scope.model.currentTemplate = $scope.templates.index;
},
function(data) {
alert(data);
});
}
function inviteUser() {
return CustomerUsersService.inviteUser($scope.model.currentUser)
.then(function (user) {
$scope.model.users.push(user);
setJustEdited(user);
$scope.closeThisDialog();
// $scope.model.currentTemplate = $scope.templates.index;
},
function(data) {
alert(data);
});
}
function cancelEdit() {
// $scope.model.currentTemplate = $scope.templates.index;
$scope.closeThisDialog();
}
function requireSelectBranch() {
var selectedBranches = $scope.model.currentUser.Branches.filter(function (branch) {
return branch.IsSelected;
});
return selectedBranches.length == 0;
}
function setJustEdited(editedUser) {
editedUser.justEdited = true;
$timeout(function () {
editedUser.justEdited = false;
}, 2000);
}
}
window.bdApp.controller('CustomerUsersEditFormCtrl', CustomerUsersEditFormCtrl).filter('unsafe', function ($sce) {
return function (val) {
return $sce.trustAsHtml(val);
};
});
})();;
(function () {
'use strict';
function CustomerUsersService(appSettings, myModuleConst, $http, $window, $q) {
return {
getRoles: getRoles,
getBranches: getBranches,
inviteUser: inviteUser,
updateUser: updateUser,
getDataForUserInvitation: getDataForUserInvitation,
blockUser: blockUser,
cancelUserToken: cancelUserToken
}
function getRoles() {
var def = $q.defer();
var request = {
url: appSettings.getUrl("CustomerUsers/GetRoles", true),
method: 'GET',
dataType: 'json'
};
$http(request)
.success(function (response) {
if (response.Success) {
def.resolve(response.Value);
} else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with Roles. Please try again or contact an administrator.");
});
return def.promise;
}
function getBranches(user) {
var def = $q.defer();
var request = {
url: appSettings.getUrl("CustomerUsers/GetBranches", true),
method: 'GET',
dataType: 'json',
params: { userId: user.Id }
};
$http(request)
.success(function (response) {
if (response.Success) {
def.resolve(response.Value);
} else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with Branches. Please try again or contact an administrator.");
});
return def.promise;
}
function getDataForUserInvitation() {
var def = $q.defer();
var request = {
url: appSettings.getUrl("CustomerUsers/GetDataForUserInvitation", true),
method: 'GET',
dataType: 'json'
};
$http(request)
.success(function (response) {
if (response.Success) {
def.resolve(response.Value);
}
else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with User for invite. Please try again or contact an administrator.");
});
return def.promise;
}
function updateUser(user) {
var data = prepareDataForSaveUser(user);
data.userId = user.Id;
data.isBlocked = user.IsBlocked;
var request = {
url: appSettings.getUrl("CustomerUsers/SaveCustomerUser", true),
method: 'POST',
params: data,
dataType: 'json'
};
var def = $q.defer();
$http(request)
.success(function (response) {
if (response.Success) {
if (user.Role != myModuleConst.salesRoleName) {
user.Branches.forEach(function(branch) {
branch.IsSelected = false;
});
}
def.resolve(user);
}
else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with User updating. Please try again or contact an administrator.");
});
return def.promise;
}
function inviteUser(user) {
var data = prepareDataForSaveUser(user);
data.email = user.Email;
var request = {
url: appSettings.getUrl("CustomerUsers/InviteCustomerUser", true),
method: 'POST',
params: data,
dataType: 'json'
};
var def = $q.defer();
$http(request)
.success(function (response) {
if (response.Success) {
user.Id = response.Value;
user.IsApproved = false;
def.resolve(user);
} else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with User updating. Please try again or contact an administrator.");
});
return def.promise;
}
function prepareDataForSaveUser(user) {
var data = {
role: user.Role
};
if (user.Role == myModuleConst.salesRoleName) {
var selectedBranches = user.Branches
.filter(function (branch) {
return branch.IsSelected;
})
.map(function (branch) {
return branch.Id;
});
data.branches = selectedBranches;
};
return data;
}
function blockUser(user) {
var request = {
url: appSettings.getUrl("CustomerUsers/BlockUser", true),
method: 'POST',
dataType: 'json',
params: { userId: user.Id, isBlocked: !user.IsBlocked }
};
var def = $q.defer();
$http(request)
.success(function (response) {
if (response.Success) {
def.resolve(response.Value);
} else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with Blocking of user. Please try again or contact an administrator.");
});
return def.promise;
}
function cancelUserToken(user)
{
var request = {
url: appSettings.getUrl("CustomerUsers/CancelUserToken", true),
method: 'POST',
dataType: 'json',
params: { customerUserMappingId: user.Id }
};
var def = $q.defer();
$http(request)
.success(function (response) {
if (response.Success) {
def.resolve(response.Value);
} else {
def.reject(response.Messages);
}
})
.error(function () {
def.reject("An error occurred with Blocking of user. Please try again or contact an administrator.");
});
return def.promise;
}
}
angular.module('app')
.service('CustomerUsersService', ['appSettings', 'myModuleConst', '$http', '$window', '$q', CustomerUsersService]);
})();;
(function () {
'use strict';
const InvoicesCtrl = ($http, $scope, $filter, $dialog, $frontend, $location, $settings, $model, $service) => {
function getPreviousDate(days = 0) {
let today = new Date();
return new Date(new Date().setDate(today.getDate() - days)).toDateString();
}
$scope.params = {};
$scope.request = {};
$scope.currentPage = 0;
$scope.filterDateVariants = [
{
key: 0,
title: "Today",
beginDate: getPreviousDate(0)
},
{
key: 1,
title: "Previous Day",
beginDate: getPreviousDate(1)
},
{
key: 2,
title: "Last 7 days",
beginDate: getPreviousDate(7)
},
{
key: 3,
title: "Last 14 days",
beginDate: getPreviousDate(14)
},
{
key: 4,
title: "Last 30 days",
beginDate: getPreviousDate(30)
},
{
key: 5,
title: "Last 60 days",
beginDate: getPreviousDate(60)
},
{
key: 6,
title: "Last 90 days",
beginDate: getPreviousDate(90)
},
{
key: 7,
title: "All",
allInvoices: true
}
];
$scope.service = $service;
$scope.customer = $model.Customer;
$scope.invoices = $model.InvoiceInfoList;
$scope.branches = $model.CustomerBranches;
$scope.balance = $model.CustomerBranchBalance;
$scope.itemsPerPage = 100;
$scope.canLoadMore = $scope.invoices.length >= $scope.itemsPerPage;
$scope.currentPage = Math.min( Math.ceil($scope.invoices.length / $scope.itemsPerPage) - 1 );
// fix other reason dislpay
$scope.reasons = $model.PartialPaymentReasons;
$scope.reasons[$scope.reasons.length - 1].Name += ' (additional comments required)';
$scope.showPaymentDialog = (invoice) => {
let scope = $scope.$new(false);
scope.invoice = invoice;
let dialog = $dialog.open({
scope,
showClose: false,
controller: 'InvoicePopup',
template: 'invoice-payment-dialog',
className: 'ngdialog-theme-plain ngdialog-invoice-payment-dialog',
});
dialog.closePromise.then(() => scope.$destroy());
}
$scope.invoiceInfo = (invoice) => {
let info = [];
if (invoice.CustomerPO) info.push(`Customer PO: ${invoice.CustomerPO}`);
if (invoice.JobName) info.push(`Job Name: ${invoice.JobName}`);
let payment = $service.getPayment(invoice);
if (payment) {
let reason = $scope.reasons.find(x => x.Id === payment.PartialPaymentReason);
if (reason) info.push(`Partial payment. ${reason.Name}. ${$filter('currency')(payment.Amount)}`);
else info.push(`Full payment. ${$filter('currency')(payment.Amount)}`);
}
return info.length > 0 ? info.join('; ') : false;
}
$scope.proceedPayment = () => {
let total = $service.totalPayments();
if (total > 10000) {
let scope = $scope.$new(true);
scope.message = 'The maximum payment amount is $10,000.00. Please edit your selection of invoices to proceed.'
let dialog = $dialog.open({
scope,
template: 'invoices-warning-message',
className: 'ngdialog-theme-plain warningMessage',
});
dialog.closePromise.then(() => scope.$destroy());
return;
}
let invoices = $service.payments();
$scope.params.busy = true;
$http({
method: 'POST',
data: { invoices },
url: $settings.getSecureUrl('Account/InvoicesPay', true),
}).then(function (response) {
if (response.data.success) {
window.location.href = $settings.getSecureUrl('Checkout/Index?ShoppingBagQuoteId=' + response.data.ShoppingBagQuoteId, true);
} else if (response.data.errors) {
$scope.params.busy = false;
let scope = $scope.$new(true);
scope.message = response.data.errors.Messages[0];
$dialog.open({
scope,
template: 'invoices-warning-message',
className: 'ngdialog-theme-plain warningMessage',
});
$dialog.closePromise.then(() => scope.$destroy());
}
}, function (response) {
window.alert(response.statusText);
$scope.params.busy = false;
});
}
$scope.loading = (last, reload = false) => {
if (!last || !$scope.canLoadMore || $scope.params.busy) return;
$scope.params.busy = true;
$scope.request.itemsPerPage = $scope.itemsPerPage;
$scope.request.page = $scope.currentPage;
$frontend.$frontendAccount.invoices($scope.request)
.then((result) => {
if (!result.InvoiceInfoList) return;
if (reload) $scope.invoices = [];
$scope.canLoadMore = result.InvoiceInfoList.length > 0;
$scope.invoices.push(...result.InvoiceInfoList);
}, function (response) {
window.alert(response.statusText);
$scope.params.busy = false;
}).finally(() => $scope.params.busy = false)
.finally(() => ++$scope.currentPage);
}
$scope.$on('$locationChangeStart', () => {
$scope.request = $location.search();
$scope.params.period = $scope.filterDateVariants.find(x => x.beginDate === $scope.request.beginDate) || $scope.filterDateVariants[7];
});
$scope.$on('$locationChangeSuccess', (event, a, b) => {
if (a === b) return;
$scope.currentPage = 0;
$scope.canLoadMore = true;
$scope.params.search = undefined;
$scope.loading(true, true);
});
$scope.$watch('params.period', (value) => {
if (!value) return;
if (value.allInvoices) {
$location.search({});
return;
}
$location.search({
beginDate: value.beginDate,
endDate: getPreviousDate(0),
});
});
}
window.bdApp.controller('InvoicesCtrl', [
'$http',
'$scope',
'$filter',
'ngDialog',
'$frontend',
'$location',
'appSettings',
'InvoiceModel',
'InvoiceService',
InvoicesCtrl
]);
})();
;
(function () {
'use strict';
function InvoicePopup($scope, $service) {
$scope.TYPE_FULL = 'full';
$scope.TYPE_PART = 'part';
$scope.payment = $service.getPayment($scope.invoice) || {
InvoiceNo: $scope.invoice.InvoiceNo,
Voucher: $scope.invoice.Voucher,
Amount: $scope.invoice.Balance,
PartialPaymentReason: null,
Type: $scope.TYPE_FULL,
Note: null,
};
$scope.exists = () => $service.hasPayment($scope.invoice);
$scope.noteRequired = () => $scope.payment.PartialPaymentReason === 'Other';
$scope.remove = () => {
$service.removePayment($scope.payment);
$scope.closeThisDialog();
};
$scope.apply = () => {
if ($scope.payment.Type === $scope.TYPE_FULL) {
$scope.payment.Note = null;
$scope.payment.PartialPaymentReason = null;
$scope.payment.Amount = $scope.invoice.Balance;
}
$scope.exists() ? $service.editPayment($scope.payment) : $service.addPayment($scope.payment)
$scope.closeThisDialog();
};
}
window.bdApp.controller('InvoicePopup', ['$scope', 'InvoiceService', InvoicePopup]);
})();
(function () {
'use strict';
function InvoiceService() {
const _payments = [];
const payments = () => _.cloneDeep(_payments);
const hasPayments = () => _payments.length > 0;
const totalPayments = () => _payments.reduce((acc, payment) => parseFloat(acc) + parseFloat(payment.Amount), 0);
const addPayment = (payment) => _payments.push(payment);
const hasPayment = (invoice) => _payments.some(x => x.InvoiceNo === invoice.InvoiceNo);
const getAmount = (invoice) => {
let payment = getPayment(invoice);
return payment ? payment.Amount : 0;
}
const getPayment = (invoice) => {
let payment = _payments.find(x => x.InvoiceNo === invoice.InvoiceNo)
return _.cloneDeep(payment);
};
const editPayment = (payment) => {
let index = _payments.findIndex(x => x.InvoiceNo === payment.InvoiceNo);
if (~index) _payments[index] = payment;
}
const removePayment = (payment) => {
let index = _payments.findIndex(x => x.InvoiceNo === payment.InvoiceNo);
if (~index) _payments.splice(index, 1);
}
return {
payments,
hasPayments,
totalPayments,
getAmount,
addPayment,
getPayment,
hasPayment,
editPayment,
removePayment,
}
}
window.bdApp.service('InvoiceService', ['$frontend', InvoiceService])
})();;
(function () {
'use strict';
// Note: For now we use phone as customerId
function notificationPreference($window, appSettings, myModuleConst, notificationPreferenceService) {
return {
restrict: 'E',
scope: {
phone: '<',
source: '<',
lastName: '<',
firstName: '<',
allowToEditPredefinedValue: '<',
},
templateUrl: appSettings.getUrl(myModuleConst.notificationPreferenceTemplate, false),
link: function (scope, element, attrs) {
scope.initialized = false;
scope.loading = false;
scope.subscribed = false;
scope.init = init;
scope.subscribe = subscribe;
scope.unsubscribe = unsubscribe;
scope.phoneIsValid = phoneIsValid;
scope.model = {
phone: scope.phone ? scope.phone.replace(/[^0-9]/g, '') : scope.phone,
firstName: scope.firstName,
lastName: scope.lastName,
source: scope.source
};
scope.phoneIsEditable = !scope.model.phone || scope.model.phone === '' || scope.allowToEditPredefinedValue;
function init() {
if (!scope.model.phone || scope.model.phone === '') {
scope.initialized = true;
} else {
notificationPreferenceService.checkNotificationPreference(scope.model.phone, scope.model.phone)
.success(function (data) {
scope.subscribed = data.value;
scope.initialized = true;
})
.error(function () {
console.log("An error occurred: notificationPreferenceService.checkNotificationPreference");
scope.initialized = false;
});
}
}
function subscribe() {
if (!scope.phoneIsValid())
return;
scope.loading = true;
notificationPreferenceService.optIn(scope.model.phone, scope.model.phone, scope.firstName, scope.lastName, scope.source)
.success(function (data) {
scope.subscribed = data.success;
})
.error(function () {
console.log("An error occurred: notificationPreferenceService.optIn");
})
.finally(function () {
scope.loading = false;
});
}
function unsubscribe() {
if (!scope.phoneIsValid())
return;
scope.loading = true;
notificationPreferenceService.optOut(scope.model.phone, scope.model.phone)
.success(function (data) {
scope.subscribed = !data.success;
})
.error(function () {
console.log("An error occurred: notificationPreferenceService.optOut");
})
.finally(function () {
scope.loading = false;
});
}
function phoneIsValid() {
return scope.model.phone && scope.model.phone.length === 10;
}
init();
}
};
}
angular.module('app')
.directive('notificationPreference', ['$window', 'appSettings', 'myModuleConst', 'notificationPreferenceService', notificationPreference]);
}());
;
(function () {
'use strict';
function notificationPreferenceService(appSettings, $http, $q, $window, $cookies) {
var options = {
headers: {
"StoreFrontPublicKey": window.StoreFrontPublicKey
}
};
function checkNotificationPreference(customerId, phone) {
var data = {
customer: customerId,
phone: phone
};
return $http.post($window.WebApiBaseUrl + 'notificationpreference/CheckNotificationPreference', data, options);
}
function optIn(customerId, phone, firstName, lastName, source) {
var data = {
customer: customerId,
phone: phone,
firstName: firstName,
lastName: lastName,
source: source
};
return $http.post($window.WebApiBaseUrl + 'notificationpreference/OptInCustomerSmsNotification', data, options);
}
function optOut(customerId, phone) {
var data = {
customer: customerId,
phone: phone
};
return $http.post($window.WebApiBaseUrl + 'notificationpreference/OptOutCustomerSmsNotification', data, options);
}
return {
checkNotificationPreference: checkNotificationPreference,
optIn: optIn,
optOut: optOut
}
}
angular.module('app')
.service('notificationPreferenceService', ['appSettings', '$http', '$q', '$window', '$cookies', notificationPreferenceService]);
}());
;
(function () {
'use strict';
function OrdersCtrl($scope, ordersList, branchesList, OrdersService, $filter) {
//This is jsut for test. http://gitlab.bedrosians.com/Bedrosians/oep/issues/1898 is in progress.
//Order.aspx and RetailOrders.aspx
$scope.init = function (mode) {
if (mode === 'retail') {
$scope.retrieveOrders = OrdersService.GetRetailOrders;
} else {
$scope.retrieveOrders = OrdersService.GetOrders;
}
};
$scope.branchesList = branchesList;
$scope.branchName = branchesList[0].Text;
$scope.currentPage = 0;
$scope.statusList = [
{ Code: "All", Name: "All" },
{ Code: "Open", Name: "Open" },
{ Code: "Completed", Name: "Completed" },
];
$scope.datesRangeList = [
{ Value: 14, Name: "Last 14 days" },
{ Value: 30, Name: "Last 30 days" },
{ Value: 60, Name: "Last 60 days" },
{ Value: 120, Name: "Last 3 months" },
{ Value: 240, Name: "Last 6 months" },
{ Value: 365, Name: "Last 1 year" },
];
$scope.itemsPerPageList = [
{ Value: 20, Name: "Per page: 20" },
{ Value: 50, Name: "Per page: 50" },
{ Value: 100, Name: "Per page: 100" },
{ Value: 200, Name: "Per page: 200" },
];
$scope.orders = ordersList;
$scope.model = {
branch: {},
search: "",
loadingOrders: false,
status: $scope.statusList[1],
datesRange: $scope.datesRangeList[0],
itemsPerPage: $scope.itemsPerPageList[0],
};
$scope.model.branch = $.grep($scope.branchesList, function (n) {
return n.IsActive === true;
})[0];
$scope.GetOrders = function () {
var params = {
q: $scope.model.search || null,
page: $scope.currentPage || null,
status: $scope.model.status.Code || null,
branch: $scope.model.branch.Value || null,
itemsPerPage: $scope.model.itemsPerPage.Value || null,
datesRange: $scope.model.datesRange.Value || null,
};
$scope.orders = [];
$scope.model.loadingOrders = true;
$scope.retrieveOrders(params).then(function (result) {
$scope.orders = result;
$scope.model.loadingOrders = false;
$scope.togglePage = false;
$scope.toggleStatus = false;
$scope.toggleDisplay = false;
}, function (error) {
console.log(error);
$scope.model.loadingOrders = false;
});
};
//pagination
$scope.prevPage = function () {
if ($scope.currentPage > 0) {
$scope.currentPage--;
}
$scope.GetOrders();
};
$scope.prevPageDisabled = function () {
return $scope.currentPage === 0 ? "disabled" : "";
};
$scope.nextPage = function () {
$scope.currentPage++;
$scope.GetOrders();
};
$scope.nextPageDisabled = function () {
return $scope.model.itemsPerPage.Value > $scope.orders.length ? "disabled" : "";
};
$scope.applyFilter = function () {
$scope.currentPage = 0;
$scope.GetOrders();
};
$scope.setBranch = function () {
$scope.currentPage = 0;
$scope.GetOrders();
};
}
window.bdApp.controller('OrdersCtrl', ['$scope', 'ordersList', 'branchesList', 'OrdersService', '$filter', OrdersCtrl]);
window.bdApp.filter('offset', function () {
return function (input, start) {
start = parseInt(start, 10);
return input.slice(start);
};
});
})();
;
(function () {
'use strict';
function OrdersService(appSettings, $http, $q) {
var retrieveOrders = function (url) {
return function (params) {
var def = $q.defer();
$http({
url: appSettings.getUrl(url, true),
method: 'GET',
params: params,
dataType: 'json'
}).success(function (data) {
if (data) {
def.resolve(data.Orders);
} else {
def.reject("Failed to get orders!");
}
})
.error(function () {
def.reject(
"An error occurred while sending your enquiry. Please try again or contact an administrator.");
});
return def.promise;
};
};
var getOrders = retrieveOrders("Account/Orders");
var getRetailOrders = retrieveOrders("Account/RetailOrders");
return {
GetOrders: getOrders,
GetRetailOrders: getRetailOrders
};
}
angular.module('app')
.service('OrdersService', ['appSettings', '$http', '$q', OrdersService]);
})();
;
(function () {
"use strict";
function ProductDetailCtrl(
$api,
$scope,
spinner,
ngDialog,
appUtils,
$location,
$frontend,
appSettings,
$bannerService,
$addSampleDialog,
productDetailModel,
$shoppingbagService,
UomConversionService,
recentProductsService,
$productOptionsService,
googleTagManagerService,
) {
$scope.docs = [];
$scope.otherDocs = [];
$scope.firstLoad = false;
$scope.data = {
unit: 0,
overage: 0,
needed: null,
itemMode: null,
totalAmount: null,
fulfillment: null,
availability: null,
totalSellQty: null,
totalHandlingQty: null,
fulfillmentOptions: [
{
id: 1,
label: "Shipping",
value: "Shipping",
},
{
id: 2,
label: "In Store Pickup",
value: "Will Call / Pickup",
}
],
};
$scope.applications = [
{
code: "F",
name: "Floors",
},
{
code: "W",
name: "Walls",
},
{
code: "C",
name: "Countertops",
},
{
code: "SW",
name: "Shower Walls",
},
{
code: "SP",
name: "Showers Floors",
},
{
code: "P",
name: "Pools",
}
];
$scope.optionsTemplate = null;
$scope.calculatorTemplate = null;
$scope.model = null;
$scope.sample = null;
$scope.currentItem = productDetailModel;
$scope.AS_AVAILABLE = 'AVAILABLE';
$scope.AS_OUTOFSTOCK = 'OUTOFSTOCK';
$scope.AS_BACKORDERED = 'BACKORDERED';
$scope.CT_SLAB = 'slab';
$scope.CT_TOOLS = 'tools';
$scope.CT_DEFAULT = 'default';
$scope.IM_FULL = 'full';
$scope.IM_SAMPLE = 'sample';
function addItemToRecent() {
recentProductsService.AddOrUpdateRecent({
href: $location.absUrl(),
name: $scope.currentItem.Product.Name,
imageName: $scope.currentItem.Product.ImageName,
sellingUom: $scope.currentItem.Product.SellingUom,
priceToDisplay: $scope.currentItem.Product.PriceToDisplay,
Updated: new Date().toUTCString(),
ProductCode: $scope.currentItem.Product.ProductCode,
});
}
async function loadSample() {
if (!$scope.busy) $scope.busy = true;
return $scope.sample = await $frontend.$product.detail($scope.currentItem.Product.SampleItemNo);
}
async function reloadModel() {
$scope.isSellableOnline = $scope.model.Product.IsSellableOnline;
$scope.minOrderQty = $scope.model.Product.MinOrderQty;
await calculateTotalAmount();
}
function replaceImageUrl(image) {
return {
zoomUrl: image.replace(/(upload).*(v1)/g, `upload/t_zoom,f_auto/v1`),
thumbUrl: image.replace(/(upload).*(v1)/g, `upload/t_product_150,f_auto/v1`),
imageUrl: image.replace(/(upload).*(v1)/g, `upload/t_product_detail,f_auto/v1`),
}
}
function calculateTotalSellQty() {
$scope.data.unit = UomConversionService.adjustSellQtyToSolidBaseUnitQty(
$scope.data.needed,
$scope.model.Product.SellingUom
);
$scope.data.sellingPerHandlingQty = UomConversionService.calculateSellingPerHandlingQty(
$scope.model.Product.SellingUom,
$scope.model.Product.HandlingUom
);
$scope.data.totalHandlingQty = (() => {
let overage = appUtils.round($scope.data.unit * ($scope.data.overage / 100), 4);
let total = appUtils.round($scope.data.unit + overage, 4);
return UomConversionService.calculateTotalHandlingQty(total, $scope.model.Product.SellingUom, $scope.model.Product.HandlingUom);
})();
return ($scope.sameUom()) ? (() => {
let overage = appUtils.round($scope.data.unit * ($scope.data.overage / 100), 4);
let total = appUtils.round($scope.data.unit + overage, 4);
return $scope.model.Product.SellingUom.IsFractional ? total : Math.ceil(total);
})() : appUtils.round($scope.data.totalHandlingQty * $scope.data.sellingPerHandlingQty, 4);
}
async function loadProductInfo() {
return await $frontend.$product.detail($scope.itemNo);
}
async function loadTearsheetUrl() {
let res = await $frontend.$product.getTearsheet($scope.currentItem.Product.ProductSeries);
return res.Value ? `http://cdn.bedrosians.com/assets/products/pdfs/${res.Value.ProductCode}.pdf` : null;
}
async function loadProductIcons() {
let icons = $scope.getProperty("DescriptionIcons");
return Promise.resolve(icons ? icons.split(",") : []);
}
async function loadProductImages() {
let mainImage = makeProductImage($scope.currentItem.Product.ImageName);
let images = await $frontend.$product.getAssociatedProductImages($scope.itemNo, 30);
return [mainImage, ...images.value.map(image => replaceImageUrl(image))];
}
async function loadProductOptions() {
return await $productOptionsService.init($scope.currentItem);
}
function makeProductImage(imageName) {
return {
zoomUrl: `https://res.cloudinary.com/bedrosians/image/upload/t_zoom,f_auto/v1/cdn-bedrosian/assets/products/hiresimages/${imageName}`,
thumbUrl: `https://res.cloudinary.com/bedrosians/image/upload/t_product_150,f_auto/v1/cdn-bedrosian/assets/products/hiresimages/${imageName}`,
imageUrl: `https://res.cloudinary.com/bedrosians/image/upload/t_product_detail,f_auto/v1/cdn-bedrosian/assets/products/hiresimages/${imageName}`,
}
}
async function loadCollectionImages() {
let data = {
pageSize: 50,
pageIndex: 1,
facets: [{
key: "Tags",
values: [
`collection_${$scope.currentItem.Product.ProductSeries
.replace(/[^a-z0-9_]+/gi, '-').replace(/^-|-$/g, '').toLowerCase()}`
]
}]
};
let images = await $api.$gallery.list(data);
return images.value.images.sort((a, b) => a.id > b.id ? 1 : -1)
.map(image => (image.src = image.src.replace(/(upload).*(v1)/g, `upload/t_product_detail,f_auto/v1`), image));
}
async function calculateTotalAmount() {
if (!$scope.data.needed && ($scope.isMoq || $scope.data.itemMode === $scope.IM_SAMPLE))
$scope.data.needed = $scope.isMoq ? $scope.minOrderQty : 1;
if (!$scope.data.needed) return;
try {
$scope.busy = true;
$scope.data.totalSellQty = calculateTotalSellQty();
$scope.data.availability = await loadProductAvailability($scope.data.totalSellQty);
$scope.data.totalAmount = appUtils.round($scope.data.totalSellQty * $scope.data.availability.price.currentPrice);
if ($scope.data.availability.options.length === 1) $scope.data.fulfillment = $scope.data.availability.options[0].type;
} catch (error) {
console.error(error);
} finally {
$scope.busy = false;
$scope.$digest();
}
}
function convertImageToGalleryDetail(image) {
return {
...image,
src: image.largeImageSrc,
};
}
async function loadProductAvailability(unit = 1) {
let result = await $frontend.$product.availability($scope.model.Product.ProductCode, unit);
let isAvailable = result.value.price && result.value.options.some(option => option.leadTime >= 0);
result.value.options = result.value.options.map(i => (i.optionAvailable = !!(i.leadTime >= 0 || i.eta), i));
return {
...result.value,
status: isAvailable ? $scope.AS_AVAILABLE : result.value.options[0].eta ? $scope.AS_BACKORDERED : $scope.AS_OUTOFSTOCK
};
}
$scope.sameUom = function () {
if (!$scope.model) return false;
if (!$scope.model.Product.HandlingUom || !$scope.model.Product.SellingUom) return true;
return $scope.model.Product.HandlingUom.Id === $scope.model.Product.SellingUom.Id;
}
$scope.$$isTool = function () {
return $scope.currentItem.Product.MaterialCategory.toLowerCase().includes('tools');
}
$scope.$$isSlab = function () {
return $scope.currentItem.Product.MaterialCategory.toLowerCase().includes('slab');
}
$scope.emailToOrder = function () {
return (
"mailto:onlineorders@bedrosians.com?subject=Order:%20" +
$scope.model.Product.ProductCode +
"&body=" +
encodeURIComponent(
"I am interested in the following product:\n\nItem Code:"
) +
$scope.model.Product.ProductCode +
encodeURIComponent("\nCustomer Type ") +
"%28Homeowner%2C%20Architect%2FDesigner%2C%20Dealer%2C%20Contractor%2FFabricator%2C%20Builder%2FProperty%20Manager%29%3A" +
encodeURIComponent("\nJob Name:\nQuantity: ") +
$scope.data.unit +
"%20" +
$scope.model.Product.SellingUom.Id +
encodeURIComponent("\n\t") +
"%28Enter%20%27Sample%27%20to%20order%20a%20sample%29" +
encodeURIComponent(
"\nStore Location: " +
$scope.model.SelectedBranch.locationcode +
"-" +
$scope.model.SelectedBranch.city +
"," +
$scope.model.SelectedBranch.state
) +
encodeURIComponent("\nShip to/Pick-Up Address: ") +
encodeURIComponent("\nCustomer Name: ")
);
}
$scope.hasProperty = function (prop) {
return $scope.currentItem.Properties.some(x => x.Key === prop);
}
$scope.getProperty = function (prop) {
if ($scope.hasProperty(prop) === false) return false;
return ($scope.currentItem.Properties.find(x => x.Key === prop)).Value;
}
$scope.$$calculatorType = function () {
return $scope.$$isTool() ? $scope.CT_TOOLS : $scope.$$isSlab() ? $scope.CT_SLAB : $scope.CT_DEFAULT;
}
$scope.addToBag = async function (form) {
if (form.$invalid) return;
let selectedOption = $scope.data.availability.options.find(function (x) {
return x.type === $scope.data.fulfillment;
});
if (!selectedOption) {
alert("Please select Delivery or Pickup");
return;
}
$scope.busy = true;
let data = {
qty: $scope.data.totalSellQty,
storeCode: selectedOption.branchNo,
itemNo: $scope.model.Product.ProductCode,
};
let item = {
name: $scope.model.Product.Name,
totalAmount: $scope.data.totalAmount,
currency: $scope.model.Price.Currency,
totalSellQty: $scope.data.totalSellQty,
imageName: $scope.model.Product.ImageName,
productCode: $scope.model.Product.ProductCode,
currentPrice: $scope.model.Price.CurrentPrice,
totalHandlingQty: $scope.data.totalHandlingQty,
sellingUom: $scope.model.Product.SellingUom.Name,
handlingUom: $scope.model.Product.HandlingUom.Name,
isSample: $scope.data.itemMode === $scope.IM_SAMPLE,
};
await $shoppingbagService.addItemToBag(item, data);
$scope.busy = false;
setTimeout(() => $scope.$digest(), 0);
}
$scope.changeItemMode = async function () {
try {
if (!$scope.currentItem.Product.SampleItemNo) $scope.data.itemMode = $scope.IM_FULL;
$scope.model = ($scope.data.itemMode === $scope.IM_FULL) ? $scope.currentItem
: $scope.sample && $scope.sample.Product && $scope.currentItem.Product.SampleItemNo === $scope.sample.Product.ProductCode
? $scope.sample : await loadSample();
if ($scope.data.itemMode === $scope.IM_SAMPLE && !$scope.sample.Product) {
$scope.data.itemMode = $scope.IM_FULL;
$scope.model = $scope.currentItem;
alert('Sample not available');
}
$scope.data.needed =
$scope.data.totalAmount =
$scope.data.availability =
$scope.data.totalHandlingQty = null;
if ($scope.data.itemMode === $scope.IM_SAMPLE) {
$scope.notReloadItem = true;
$location.search('sample', 'true');
$location.state(JSON.parse(JSON.stringify($scope.currentState)));
} else {
$scope.notReloadItem = true;
$location.search('sample', null);
$location.state(JSON.parse(JSON.stringify($scope.currentState)));
}
if ($scope.prevNo === $scope.model.Product.ProductCode) return;
await reloadModel();
let moqPrice = ($scope.model.MoqPrice) ? $scope.model.MoqPrice.CurrentPrice : (($scope.model.MoqPriceHidden) ? $scope.model.MoqPriceHidden.CurrentPrice : 0);
const image = makeProductImage($scope.model.Product.ImageName);
googleTagManagerService.ItemOpened({
eta: $scope.model.Product.Eta,
productImageUrl: image.imageUrl,
productUrl: window.location.href,
productName: $scope.model.Product.Name,
productSku: $scope.model.Product.ProductCode,
availability: $scope.model.Product.IsInStock,
productSeries: $scope.model.Product.ProductSeries,
productDescription: $scope.model.Product.Description,
}, moqPrice);
googleTagManagerService.ViewItemEvent(
$scope.model.Product.ProductCode,
moqPrice,
$scope.model.Product.Name,
$scope.model.Product.Description,
($scope.model.__meta__) ? $scope.model.__meta__.headers('Tags_EventId') : null,
);
googleTagManagerService.ViewItemCommerce({
qty: 1,
needed: 1,
name: $scope.model.Product.Name,
currency: $scope.model.Price ? $scope.model.Price.Currency : null,
price: $scope.model.Price ? $scope.model.Price.CurrentPrice : 0,
code: $scope.model.Product.ProductCode,
color: $scope.model.Product.SeriesColor,
category1: $scope.model.Product.Category1,
category2: $scope.model.Product.Category2,
category3: $scope.model.Product.Category3,
category4: $scope.model.Product.Category4,
isInStock: $scope.model.Product.IsInStock,
uom: $scope.model.Product.SellingUom.Name,
discount: $scope.model.Price ? $scope.model.Price.MsrpPrice - $scope.model.Price.CurrentPrice : 0,
}, ($scope.model.__meta__) ? $scope.model.__meta__.headers('Tags_EventId') : null,);
if ($scope.firstLoad) googleTagManagerService.AddPageSchema({
"@context": "http://schema.org",
"@type": "Product",
"image": image.imageUrl,
"name": $scope.model.Product.Name,
"sku": $scope.model.Product.ProductCode,
"description": $scope.model.Product.Description,
"offers": {
"@type": "Offer",
"price": moqPrice,
"priceCurrency": "USD",
"availability": $scope.model.Product.IsInStock
? "https://schema.org/InStock" : "https://schema.org/BackOrder"
}
})
$scope.prevNo = $scope.model.Product.ProductCode;
$scope.firstLoad = true;
} finally {
$scope.busy = false;
setTimeout(() => $scope.$digest(), 0);
}
}
$scope.hasExterior = function (prop, code) {
if (code === 'F' || code === 'SP') return false;
let values = $scope.getProperty(prop);
return values && values.split(',').includes('X' + code);
}
$scope.hasCrossSymbol = function (prop, code) {
if (code !== 'F' && code !== 'SP') return false;
let values = $scope.getProperty(prop);
return values && values.split(',').includes('X' + code);
}
$scope.hasApplication = function (prop, code) {
let values = $scope.getProperty(prop);
return values && values.split(',').includes(code);
}
$scope.handleOverageChange = async function () {
await calculateTotalAmount();
}
$scope.featureClicked = function (feature, detail) {
googleTagManagerService.SiteFeatureEvent(feature, detail);
}
$scope.handleQtyChange = async function (form, event) {
$scope.data.overage = 0;
$scope.data.needed = null;
$scope.data.totalAmount = 0;
$scope.data.availability = null;
if (form.qty.$invalid) return;
event.target.blur();
let roundedHandlingQty = Math.ceil($scope.data.totalHandlingQty);
let sellingPerHandlingQty = UomConversionService.calculateSellingPerHandlingQty(
$scope.model.Product.SellingUom,
$scope.model.Product.HandlingUom
);
$scope.data.needed = appUtils.round(sellingPerHandlingQty * roundedHandlingQty, 2);
await calculateTotalAmount();
if (form.needed) form.needed.$setTouched();
}
$scope.handleNeededChange = async function (form, event) {
$scope.data.overage = 0;
$scope.data.totalAmount = 0;
$scope.data.availability = null;
$scope.data.totalHandlingQty = null;
if (form.needed.$invalid) return;
event.target.blur();
$scope.data.needed = $scope.isMoq && $scope.data.needed < $scope.minOrderQty
? $scope.minOrderQty : $scope.data.needed;
await calculateTotalAmount()
if (form.qty) form.qty.$setTouched();
}
$scope.showCollectionImageDetail = function (image) {
let scope = $scope.$new();
scope.images = $scope.gallery;
scope.currentId = image.id;
scope.noReplace = true;
ngDialog.open({
scope,
controller: 'GalleryDetailController',
className: "ngdialog-theme-plain ngdialog-gallery-detail",
template: appSettings.getUrl("scripts/app-spa/gallery/galleryDetail.template.html"),
});
}
$scope.$on('$locationChangeSuccess', async (event, newUrl, oldUrl, newState, oldState) => {
if ($scope.notReloadItem) {
$scope.notReloadItem = false;
if (newState && oldState && newState.ProductCode === oldState.ProductCode) return;
}
$scope.currentState = newState;
try {
$scope.busy = true;
if (newState !== oldState) $scope.currentItem = await loadProductInfo();
if (!$scope.$$isTool()) $scope.options = await loadProductOptions();
if ($scope.currentItem.Resources.length > 0) {
let warnings = $scope.currentItem.Resources.filter((item) => item.Key.toLowerCase().includes('product warning'))[0];
let instructions = $scope.currentItem.Resources.filter((item) => item.Key.toLowerCase().includes('product use instruction'))[0];
let sds = $scope.currentItem.Resources.filter((item) => item.Key.toLowerCase().includes('safety data sheet'))[0];
let docParts = [
{resource: warnings, title: "Product Warning"},
{resource: instructions, title: "Product Use Instruction"},
{resource: sds, title: "Safety Data Sheet"}
].filter((item) => item.resource);
$scope.docs = docParts.map(x => x.resource);
$scope.otherDocs = $scope.currentItem.Resources.filter((item) => !$scope.docs.some(x => x.Key === item.Key));
let docTitleParts = docParts.map(x => x.title);
if (docTitleParts.length >= 2) {
$scope.docsTitle = docTitleParts.slice(0, -1).join(', ') + ' and ' + docTitleParts[docTitleParts.length - 1];
} else {
$scope.docsTitle = docTitleParts.join(', ');
}
}
await $scope.changeItemMode();
$scope.calculatorType = $scope.$$calculatorType();
$scope.optionsTemplate = `pdp-options-${$scope.calculatorType}`;
$scope.calculatorTemplate = `pdp-calculator-${$scope.calculatorType}`;
} catch (error) {
console.error(error);
} finally {
$scope.loaded = true;
$scope.busy = false;
setTimeout(() => $scope.$digest(), 0);
}
try {
$scope.images = await loadProductImages();
$scope.tearsheetUrl = await loadTearsheetUrl();
$scope.icons = await loadProductIcons();
if (!$scope.gallery) $scope.gallery = await loadCollectionImages();
await $bannerService.reload();
// $scope.recentItems = recentProductsService.GetRecentItemsByKey();
addItemToRecent();
} catch (error) {
console.error(error);
} finally {
setTimeout(() => $scope.$digest(), 0);
}
});
$scope.$on('$locationChangeStart', (event, newUrl, oldUrl, newState, oldState) => {
if ($scope.notReloadItem && newState && oldState && newState.ProductCode === oldState.ProductCode) return event.preventDefault();
let search = $location.search();
$scope.queryId = search.queryId;
$scope.itemNo = search.itemNo;
$scope.isMoq = search.moq;
$scope.data.itemMode = search.sample ? $scope.IM_SAMPLE : $scope.IM_FULL;
if (newState && newState.ImageName) $scope.images = [makeProductImage(newState.ImageName)];
document.title = $scope.currentItem.Product.Name;
setTimeout(() => $scope.$digest(), 0);
});
}
window.bdApp.controller("ProductDetailCtrl", ProductDetailCtrl).config(['$locationProvider', ($locationProvider) => {
$locationProvider.html5Mode({
enabled: true,
requireBase: false,
rewriteLinks: false,
})
}]);
})();
;
(function () {
'use strict';
function ProductListController($scope, $location) {
const check = (filters, reload) => {
let search = $location.search();
for (let key in search) key.includes('f_') && delete search[key];
$location.search({...search, ...filters});
$location.state(reload);
}
$scope.productClicked = function (productCode) {
$scope.$gtm.ItemViewedEvent(productCode, true);
return true;
};
$scope.$filter.setRefinements($scope.$model.refinements);
$scope.$filter.onChanged((filters) => {
$scope.$emit('oep.filter.busy');
check(filters, true);
});
$scope.removeSearchFilter = () => {
$scope.$emit('oep.filter.busy');
let search = $location.search();
delete search['criteria'];
$location.search(search);
$location.state(true);
}
$scope.$on('$locationChangeSuccess', (e, a, b, c) => c && window.location.reload());
$scope.$emit('oep.filter.ready');
// remove unselected filter
let filters = $scope.$filter.getFilters();
check(filters, false);
$scope.$filter.init(true);
}
window.bdApp.run(['$serviceInjector', (injector) => injector.inject({
'$gtm': 'googleTagManagerService',
'$quickAdd': 'QuickAddService',
'$filter': 'oepFilterService',
'$navinfo': '$navinfo',
'$model': '$model',
})]);
window.bdApp.controller('ProductListController', ['$scope', '$location', ProductListController]);
})();
;
(function () {
'use strict'
const template = `
Warning.
{{model.Product.ProductSeries}} Gallery
{{item.Name}}
{{item.ProductCode}}
{{sampleAvailability.price.currentPrice | currency}} / {{item.SellingUom.Id}}
Disclamer: {{item.disclaimer}}
Unable to order sample at that time. Please try again later.
Added to Cart
{{data.productCode}}
{{data.name}}
{{data.currentPrice | currency }} / {{data.sellingUom}}
Qty.
{{data.totalSellQty | number: 2}} {{data.sellingUom}} / {{data.totalHandlingQty}} {{data.handlingUom}}
{{data.totalSellQty}} {{data.sellingUom}}
Subtotal: {{data.totalAmount | currency}}