element will be part of HTML 5.1 spec as well as 'srcset'\r\n .directive('enstoImage', function(ServerSettings, TemplateUriHandler, _) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: function(element, attributes) {\r\n if(attributes.isFixedSize && attributes.isFixedSize == 'true') {\r\n return TemplateUriHandler('/static/com/js/templates/enstocom-responsive-image-base.html');\r\n }\r\n else {\r\n return TemplateUriHandler('/static/com/js/templates/enstocom-responsive-image.html');\r\n }\r\n },\r\n controller: 'EnstoResponsiveImageController',\r\n scope: {\r\n presetType: '@',\r\n src: '@',\r\n caption: '@',\r\n title: '@',\r\n alt: '@'\r\n },\r\n link: function(scope, element, attributes, ctrl) {\r\n scope.src = scope.src !== '' ? scope.src : ServerSettings.placeholder.product;\r\n ctrl.attachErrorHandler = function() {\r\n angular.element(element)\r\n .find('img')\r\n .eq(0)\r\n .on('error', function() {\r\n ctrl.detachErrorHandler();\r\n\r\n // set placeholder image\r\n scope.$apply(function() {\r\n scope.src = ServerSettings.placeholder.product;\r\n scope.init();\r\n });\r\n });\r\n };\r\n\r\n ctrl.detachErrorHandler = function() {\r\n // detach error handler\r\n angular.element(element)\r\n .find('img')\r\n .eq(0)\r\n .off('error');\r\n };\r\n\r\n attributes.$observe('presetType', function(value) {\r\n if(_.isEmpty(value) || !_.isString(value)) {\r\n scope.presetsType = null;\r\n }\r\n else {\r\n scope.presetType = value;\r\n }\r\n\r\n scope.init();\r\n });\r\n\r\n attributes.$observe('title', function(value) {\r\n scope.title = value;\r\n });\r\n\r\n attributes.$observe('caption', function(value) {\r\n scope.caption = value;\r\n });\r\n\r\n //_.forEach(['lgPreset', 'mdPreset', 'smPreset', 'xsPreset'], function(preset) {\r\n // if(_.isEmpty(scope[preset])) {\r\n // scope[preset] = null;\r\n // }\r\n //});\r\n\r\n attributes.$observe('src', function(value) {\r\n //Change url to use image processor RemoteImageService\r\n //domain must match whitelist domains in imageprocessor.security.config\r\n var regEx = new RegExp(':\\/\\/static.ensto.com\\/');\r\n if (regEx.test(value))\r\n {\r\n value = value.replace(\"https://\", \"/imageService/\");\r\n }\r\n scope.src = value;\r\n scope.init();\r\n\r\n ctrl.attachErrorHandler();\r\n });\r\n\r\n // attach error handler\r\n ctrl.attachErrorHandler();\r\n }\r\n };\r\n })\r\n // controller for 'enstoImage' directive\r\n .controller('EnstoResponsiveImageController', function($scope, ImagePresets, _, $log) {\r\n $scope.pixelDensities = ['at1', 'at2'];\r\n $scope.customClass = null;\r\n\r\n var _lgPreset = null;\r\n var _mdPreset = null;\r\n var _smPreset = null;\r\n var _xsPreset = null;\r\n\r\n var generateUrls = function(urls, preset) {\r\n _.forEach($scope.pixelDensities, function(density) {\r\n urls.push($scope.src + (_.isEmpty(preset) ? '' : ('?preset=' + preset + density)));\r\n });\r\n };\r\n\r\n var resetGenerated = function() {\r\n $scope.screenLgUrls = [];\r\n $scope.screenMdUrls = [];\r\n $scope.screenSmUrls = [];\r\n $scope.screenXsUrls = [];\r\n\r\n _lgPreset = null;\r\n _mdPreset = null;\r\n _smPreset = null;\r\n _xsPreset = null;\r\n };\r\n\r\n /*Resolve what presets actually should be used*/\r\n var resolvePresets = function() {\r\n if(!_.isEmpty(ImagePresets[$scope.presetType])) {\r\n _lgPreset = ImagePresets[$scope.presetType].lg; //example: 345x384\r\n _mdPreset = ImagePresets[$scope.presetType].md;\r\n _smPreset = ImagePresets[$scope.presetType].sm;\r\n _xsPreset = ImagePresets[$scope.presetType].xs;\r\n }\r\n };\r\n\r\n $scope.init = function() {\r\n if(_.isEmpty($scope.src)) {\r\n $log.warn('Unable to initialize \"EnstoResponsiveImageController\", because \"src\" is missing');\r\n return false;\r\n }\r\n\r\n resetGenerated();\r\n\r\n if(!_.isEmpty($scope.presetType)) {\r\n $scope.customClass = ImagePresets[$scope.presetType].customClass || null;\r\n }\r\n\r\n resolvePresets();\r\n\r\n generateUrls($scope.screenLgUrls, _lgPreset);\r\n generateUrls($scope.screenMdUrls, _mdPreset);\r\n generateUrls($scope.screenSmUrls, _smPreset);\r\n generateUrls($scope.screenXsUrls, _xsPreset);\r\n };\r\n })\r\n // Preset definitons, see more from 'Web.Config' -> search 'preset'\r\n .constant('ImagePresets', {\r\n carousel: {\r\n customClass: 'center-block ensto-img-fullwidth',\r\n lg: '1180x664',\r\n md: '940x530',\r\n sm: '720x405',\r\n xs: '460x260'\r\n },\r\n carouselForExpandedCard: {\r\n customClass: 'center-block ensto-img-card-carousel',\r\n lg: '778x438',\r\n md: '616x346',\r\n sm: '720x405',\r\n xs: '460x260'\r\n },\r\n splitbanner: {\r\n customClass: 'center-block ensto-img-splitbanner',\r\n lg: '578x326',\r\n md: '458x258',\r\n sm: '348x196',\r\n xs: '460x259'\r\n },\r\n productThumbnail: {\r\n customClass: 'center-block ensto-img-product-thumbnail',\r\n lg: '120x120',\r\n md: '120x120',\r\n sm: '120x120',\r\n xs: '120x120'\r\n },\r\n productImage: {\r\n customClass: 'center-block ensto-img-product',\r\n lg: '450x450',\r\n md: '450x450',\r\n sm: '450x450',\r\n xs: '450x450'\r\n },\r\n productImageFullscreen: {\r\n lg: 'fullSizeProduct',\r\n md: 'fullSizeProduct',\r\n sm: 'fullSizeProduct',\r\n xs: 'fullSizeProduct'\r\n },\r\n articleCard: {\r\n customClass: 'center-block ensto-img-article-card',\r\n lg: '378x348',\r\n md: '298x270',\r\n sm: '378x348',\r\n xs: '378x348'\r\n },\r\n articleCardExpanded: {\r\n customClass: 'center-block ensto-img-article-expanded',\r\n lg: 'defaultLG',\r\n md: 'defaultMD',\r\n sm: 'defaultSM',\r\n xs: 'defaultXS'\r\n },\r\n articlePageImage: {\r\n customClass: 'ensto-img-article',\r\n lg: 'defaultLG',\r\n md: 'defaultMD',\r\n sm: 'defaultSM',\r\n xs: 'defaultXS'\r\n },\r\n productLandingImage: {\r\n customClass: 'center-block ensto-img-category',\r\n lg: '267x267',\r\n md: '267x267',\r\n sm: '267x267',\r\n xs: '267x267'\r\n },\r\n categoryImage: {\r\n customClass: 'center-block ensto-img-category',\r\n lg: '267xauto',\r\n md: '267xauto',\r\n sm: '267xauto',\r\n xs: '267xauto'\r\n },\r\n solutionImage: {\r\n customClass: 'center-block ensto-img-article-card',\r\n lg: '378x348',\r\n md: '298x270',\r\n sm: '378x348',\r\n xs: '378x348'\r\n },\r\n factImage: {\r\n customClass: 'center-block ensto-img-fact',\r\n lg: '378xauto',\r\n md: '293xauto',\r\n sm: '220xauto',\r\n xs: '378xauto'\r\n },\r\n teaserProduct: {\r\n lg: '378x348',\r\n md: '298x270',\r\n sm: '378x348',\r\n xs: '378x348'\r\n },\r\n imageTeaser: {\r\n lg: '378x348',\r\n md: '298x270',\r\n sm: '378x348',\r\n xs: '378x348'\r\n },\r\n searchResultThumbnail: {\r\n customClass: 'center-block ensto-img-search-thumbnail media-object',\r\n lg: '240x240',\r\n md: '240x240',\r\n sm: '240x240',\r\n xs: '240x240'\r\n },\r\n contactImage: {\r\n customClass: 'ensto-img-contact media-object',\r\n lg: '200xauto',\r\n md: '200xauto',\r\n sm: '200xauto',\r\n xs: '200xauto'\r\n },\r\n newsTeaser: {\r\n customClass: 'center-block ensto-img-newsteaser',\r\n lg: '390x220',\r\n md: '390x220',\r\n sm: '390x220',\r\n xs: '390x220'\r\n },\r\n newsCardHighlight: {\r\n lg: '940x530',\r\n md: '940x530',\r\n sm: '720x405',\r\n xs: '720x405'\r\n },\r\n newsCardTeaser: {\r\n customClass: 'center-block ensto-img-newscardteaser',\r\n lg: '460x260',\r\n md: '460x260',\r\n sm: '720x405',\r\n xs: '720x405'\r\n },\r\n mobileMenuThumbnail: {\r\n customClass: 'center-block ensto-img-mobilemenu-thumbnail',\r\n lg: '76x76',\r\n md: '76x76',\r\n sm: '76x76',\r\n xs: '76x76'\r\n },\r\n industryTeaser: {\r\n customClass: 'center-block',\r\n lg: '590x325',\r\n md: '590x325',\r\n sm: '414x320',\r\n xs: '414x320'\r\n }\r\n });\r\n})(angular);\n// The `enstocom.videoembed` module is used to embed videos from different sources, currently only from YouTube. Video will have only thumbnail rendered\r\n// and after user clicks play, the actual video player is initialized.\r\n//https://developers.google.com/youtube/player_parameters?hl=en#rel\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.videoembed', ['enstocom.utils'])\r\n // Add YouTube url in to whitelist and DO NOT alter already added urls (if there is any), meaning that do not replace the whole list by just youtube.com\r\n .config(function($sceDelegateProvider) {\r\n // add YouTube video urls to the whitelist\r\n // this is the best way to do this =) as long as app.js .config section does not override the whole list.\r\n var whiteList = $sceDelegateProvider.resourceUrlWhitelist();\r\n whiteList.push('*://www.youtube.com/embed/**');\r\n\r\n $sceDelegateProvider.resourceUrlWhitelist(whiteList);\r\n })\r\n // service is used to generate thumbnail and embed urls.\r\n .factory('YouTubeHelper', function(UrlService) {\r\n var YouTubeHelperService = {};\r\n\r\n // http://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\r\n YouTubeHelperService.getThumbnailURL = function(videoId) {\r\n return '//img.youtube.com/vi/' + videoId + '/hqdefault.jpg';\r\n };\r\n\r\n YouTubeHelperService.getVideoEmbedURL = function(videoId) {\r\n return '//www.youtube.com/embed/' + videoId + UrlService.toQueryString({rel: 0, modestbranding: 1});\r\n };\r\n\r\n return YouTubeHelperService;\r\n })\r\n // directive is showing video thumbnail where it is initialized\r\n .directive('enstoVideoThumbnail', function(TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoVideoEmbedController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-video-thumbnail.html'),\r\n scope: {\r\n youtubeVideoId: '@',\r\n useBackground: '@',\r\n thumbnailImageSrc: '@'\r\n }\r\n };\r\n })\r\n .directive('enstoVideoTeaserCard', function(TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoVideoEmbedController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-video-teaser-card.html'),\r\n scope: {\r\n videoid: '@',\r\n useBackground: '@',\r\n title: '@',\r\n }\r\n };\r\n })\r\n // directive is used to embed actual video\r\n .directive('enstoVideoEmbed', function(TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoVideoEmbedController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-video-embed.html'),\r\n scope: {\r\n youtubeVideoId: '@'\r\n }\r\n };\r\n })\r\n // controller for video modal\r\n .controller('EnstoVideoModalController', function($scope, $uibModalInstance, Video) {\r\n $scope.video = Video;\r\n\r\n $scope.closePlayer = function() {\r\n $uibModalInstance.dismiss();\r\n };\r\n })\r\n // controller for 'enstoVideoThumbnail' and 'enstoVideoEmbed' directives.\r\n .controller('EnstoVideoEmbedController', function($scope, $uibModal, YouTubeHelper, _) {\r\n var initYouTube = function() {\r\n $scope.thumbnailSrc = $scope.thumbnailImageSrc || YouTubeHelper.getThumbnailURL($scope.youtubeVideoId)\r\n $scope.videoSrc = YouTubeHelper.getVideoEmbedURL($scope.youtubeVideoId);\r\n };\r\n\r\n $scope.openPlayerModal = function() {\r\n $uibModal.open({\r\n templateUrl: '/static/com/js/templates/enstocom-modal-videoplayer.html?_=2019994',\r\n controller: 'EnstoVideoModalController',\r\n size: 'lg',\r\n resolve: {\r\n Video: function() {\r\n return {youtubeVideoId: $scope.youtubeVideoId || $scope.videoid};\r\n }\r\n }\r\n });\r\n };\r\n\r\n if(!_.isEmpty($scope.youtubeVideoId)) {\r\n initYouTube();\r\n }\r\n });\r\n})(angular);\n// The `enstocom.carousel` module provies all carousels inside the Ensto page.\r\n(function(angular) {\r\n\t'use strict';\r\n\r\n\tangular.module('enstocom.carousel', ['ui.bootstrap', 'ropooy-angular-rdash', 'enstocom.responsiveImage'])\r\n\t// directive for simple image carousel\r\n\t.directive('enstoCarousel', function(TemplateUriHandler,_) {\r\n\t\treturn {\r\n\t\t\trestrict: 'E',\r\n\t\t\trequire: ['enstoCarousel', '?enstoServerJson'],\r\n\t\t\tcontroller: 'EnstoCarouselController',\r\n\t\t\ttemplateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-carousel.html'),\r\n\t\t\tscope: {\r\n\t\t\t\tslides: '=?'\r\n\t\t\t},\r\n\t\t\tlink: {\r\n\t\t\t\tpre: function(scope, element, attributes, ctrls) {\r\n\t\t\t\t\tscope.convertSlides = scope.$eval(attributes.convertSlides);\r\n\r\n\t\t\t\t\tscope.carouselPreset = _.isString(attributes.carouselPreset) ? attributes.carouselPreset : scope.carouselPreset;\r\n\r\n\t\t\t\t\tif(!_.isNull(ctrls[1])) {\r\n\t\t\t\t\t\tscope.slides = ctrls[1].getValue([]);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tpost: function(scope, element, attributes, ctrls) {\r\n\t\t\t\t\tctrls[0].init();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t})\r\n\t// directive for reference carousel. Usually used in frontpage\r\n\t.directive('enstoReferenceCarousel', function(TemplateUriHandler, _) {\r\n\t\treturn {\r\n\t\t\trestrict: 'E',\r\n\t\t\trequire: '?enstoServerJson',\r\n\t\t\tcontroller: 'EnstoCarouselController',\r\n\t\t\ttemplateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-carousel-reference.html'),\r\n\t\t\tscope: {\r\n\t\t\t\tslides: '=?'\r\n\t\t\t},\r\n\t\t\tlink: {\r\n\t\t\t\tpre: function(scope, element, attributes, ctrl) {\r\n\t\t\t\t\tif(!_.isNull(ctrl)) {\r\n\t\t\t\t\t\tscope.slides = ctrl.getValue([]);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t})\r\n\t// directive for thumbnail carousel used inside DefaultItem.cshtml for product images.\r\n\t.directive('enstoThumbnailCarousel', function(TemplateUriHandler) {\r\n\t\treturn {\r\n\t\t\trestrict: 'E',\r\n\t\t\tcontroller: 'EnstoThumbnailCarouselController',\r\n\t\t\ttemplateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-carousel-thumbnail.html'),\r\n\t\t\tscope: {\r\n thumbnails: '=',\r\n videoIds: '=',\r\n\t\t\t\tsetActiveImage: '&?'\r\n\t\t\t},\r\n\t\t\tlink: function(scope, element, attributes, ctrl) {\r\n\t\t\t\tctrl.init();\r\n\t\t\t}\r\n\t\t};\r\n\t})\r\n\t// controller for carousels\r\n\t.controller('EnstoCarouselController', function($scope, _) {\r\n\t\tvar ctrl = this;\r\n\r\n\t\tctrl.init = function() {\r\n\t\t\tif($scope.convertSlides) {\r\n\t\t\t\t_.forEach($scope.slides, function(slide) {\r\n\t\t\t\t\tslide.media = {\r\n\t\t\t\t\t\turl: slide.url,\r\n\t\t\t\t\t\theader: slide.title,\r\n\t\t\t\t\t\talt: slide.imgalt,\r\n\t\t\t\t\t\ttitle: slide.imgtitle\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t$scope.slideInterval = 10000;\r\n\t\t$scope.activeSlide = 0;\r\n\t\t$scope.carouselPreset = 'carousel';\r\n\t})\r\n\t// controller for thumbnail carousel, 3 thumbnails are shown in one slide.\r\n\t.controller('EnstoThumbnailCarouselController', function($scope, _) {\r\n\t\tvar ctrl = this;\r\n $scope.slideInterval = 0; // no slide change\r\n $scope.activeSlide = 0;\r\n $scope.slides = [];\r\n $scope.videoIds = $scope.videoIds || [];\r\n _.forEach($scope.videoIds, function (videoId) {\r\n $scope.thumbnails.push({\r\n videoId: videoId\r\n });\r\n });\r\n ctrl.init = function() {\r\n var chunks = _.chunk($scope.thumbnails, 3);\r\n\t _.forEach(chunks, function(chunk, k) {\r\n\t $scope.slides.push({\r\n\t images: chunk,\r\n\t active: k === 0\r\n\t });\r\n\t });\r\n };\r\n\r\n $scope.setActive = function(src) {\r\n if(_.isFunction($scope.setActiveImage)) {\r\n $scope.setActiveImage()(src);\r\n }\r\n };\r\n });\r\n})(angular);\n// The `enstocom.search` module contains stuff around search.\r\n(function (angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.search', ['ngResource', 'ngAnimate', 'ui.bootstrap', 'enstocom.utils', 'ropooy-angular-rdash'])\r\n .component('searchEnclosures', {\r\n controller: ['$rootScope', 'UrlService', 'ServerSettings', '$window', '_', EnclosureSearchCtrl],\r\n templateUrl: '/static/com/js/templates/search-enclosures.html?_=2019994'\r\n })\r\n // service used to communicate with WebAPI\r\n .factory('EnstoSearchService', function ($resource, $rootScope, ServerSettings, UrlService) {\r\n\r\n \r\n var businessUnit = null;\r\n if (ServerSettings.businessUnit) {\r\n businessUnit = ServerSettings.businessUnit;\r\n } else {\r\n var queryParams = UrlService.getQueryParams();\r\n if (queryParams.businessUnit) {\r\n businessUnit = queryParams.businessUnit;\r\n }\r\n }\r\n \r\n\r\n var EnstoSearchService = $resource('/api/search/:verb', {\r\n verb: '',\r\n language: ServerSettings.preferredCultureName\r\n }, {\r\n suggestions: {\r\n method: 'GET',\r\n params: {\r\n verb: 'suggestions',\r\n count: 20,\r\n query: null,\r\n businessUnit: businessUnit\r\n },\r\n isArray: true\r\n },\r\n search: {\r\n method: 'GET',\r\n params: {\r\n verb: 'results',\r\n query: null,\r\n businessUnit: businessUnit,\r\n itemType: null,\r\n page: 1,\r\n pageSize: 10\r\n }\r\n },\r\n searchInRange: {\r\n method: 'GET',\r\n params: {\r\n verb: 'contentinrange',\r\n query: null,\r\n itemType: null,\r\n page: 1,\r\n pageSize: 10\r\n }\r\n }\r\n });\r\n\r\n EnstoSearchService.currentFilter = null;\r\n EnstoSearchService.enableOrEnclosureSearch = function (enable) {\r\n $rootScope.$broadcast('showEnclosures', { enabled: enable });\r\n };\r\n\r\n return EnstoSearchService;\r\n })\r\n\r\n .controller('EnstoSearchBlockController', function ($scope, EnstoSearchService, UrlService, ServerSettings, $window) {\r\n var ctrl = this;\r\n\r\n var defaults = {\r\n width: undefined,\r\n height: undefined,\r\n depth: undefined,\r\n mm: true,\r\n inch: false\r\n };\r\n\r\n $scope.query = ctrl.showQuery ? UrlService.getQueryParams().query : defaults;\r\n\r\n $scope.search = function (query) {\r\n $window.location.href = ServerSettings.searchPageURL + UrlService.toQueryString(\r\n {\r\n query:\r\n \"width=\" + query.width +\r\n \"&height=\" + query.height +\r\n \"&depth=\" + query.depth +\r\n \"&unit=\" + query.unit\r\n // \"&mm=\" + query.mm +\r\n // \"&inch=\" + query.inch\r\n });\r\n };\r\n })\r\n\r\n // directive used to add search field with typeahead support\r\n .directive('enstoSearchForm', function () {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoSearchFormController',\r\n templateUrl: '/static/com/js/templates/enstocom-search-form.html?_=2019994',\r\n scope: true,\r\n link: function (scope, element, attributes, ctrl) {\r\n ctrl.showQuery = scope.$eval(attributes.showQuery);\r\n\r\n ctrl.init();\r\n }\r\n };\r\n })\r\n .component('enstoSearchModal', {\r\n templateUrl: '/static/com/js/templates/search-button.html',\r\n bindings: {\r\n color: '@',\r\n text: '@'\r\n },\r\n controller: function ($uibModal) {\r\n var $ctrl = this;\r\n $ctrl.dataForModal = {\r\n name: 'NameToEdit',\r\n value: 'ValueToEdit'\r\n }\r\n $ctrl.$onInit = function(){\r\n $ctrl.cssColorClass = $ctrl.color ? 'text-' + $ctrl.color : 'text-white';\r\n }\r\n $ctrl.open = function () {\r\n $uibModal.open({\r\n component: \"enstoSearchWide\",\r\n size: 'fullscreen' // custom size, see _enstocom-modal.scss\r\n });\r\n };\r\n }\r\n })\r\n .component('enstoSearchWide', {\r\n templateUrl: '/static/com/js/templates/search-input-large.html?_=2019994',\r\n bindings: {\r\n resolve: '<',\r\n close: '&',\r\n dismiss: '&'\r\n },\r\n controller: function ($window, UrlService, EnstoSearchService, ServerSettings) {\r\n var $ctrl = this;\r\n\r\n var businessUnit = null;\r\n if (ServerSettings.businessUnit) {\r\n businessUnit = ServerSettings.businessUnit;\r\n } else {\r\n var queryParams = UrlService.getQueryParams();\r\n if (queryParams.businessUnit) {\r\n businessUnit = queryParams.businessUnit;\r\n }\r\n }\r\n \r\n $ctrl.ok = function () {\r\n $ctrl.close();\r\n };\r\n $ctrl.cancel = function () {\r\n $ctrl.dismiss();\r\n };\r\n $ctrl.search = function (q, $event) {\r\n if(q !== undefined) {\r\n $window.location.href = ServerSettings.searchPageURL + UrlService.toQueryString({ query: q, businessUnit: businessUnit });\r\n }\r\n };\r\n $ctrl.getSuggestions = function ($viewValue) {\r\n if ($viewValue.indexOf(' ') === -1) {\r\n return EnstoSearchService.suggestions({\r\n query: $viewValue,\r\n businessUnit: businessUnit\r\n }).$promise.then(function (results) {\r\n return results;\r\n }, angular.noop);\r\n }\r\n };\r\n /*jshint unused: false*/\r\n $ctrl.onTypeaheadSelect = function ($item, $model) {\r\n $ctrl.search($item);\r\n };\r\n }\r\n })\r\n // controller for 'enstoSearchForm' directive\r\n .controller('EnstoSearchFormController', function ($scope, EnstoSearchService, UrlService, ServerSettings, $window) {\r\n var ctrl = this;\r\n ctrl.showQuery = false;\r\n $scope.typeaheadWaitMs = 50;\r\n $scope.typeaheadMinLength = 2;\r\n $scope.q = '';\r\n\r\n\r\n var businessUnit = null;\r\n if (ServerSettings.businessUnit) {\r\n businessUnit = ServerSettings.businessUnit;\r\n } else {\r\n var queryParams = UrlService.getQueryParams();\r\n if (queryParams.businessUnit) {\r\n businessUnit = queryParams.businessUnit;\r\n }\r\n }\r\n\r\n ctrl.init = function () {\r\n $scope.q = ctrl.showQuery ? UrlService.getQueryParams().query : '';\r\n };\r\n /*jshint unused: false*/\r\n $scope.search = function (q, $event) {\r\n $window.location.href = ServerSettings.searchPageURL + UrlService.toQueryString({ query: q, businessUnit: businessUnit });\r\n };\r\n $scope.getSuggestions = function ($viewValue) {\r\n if ($viewValue.indexOf(' ') === -1) {\r\n return EnstoSearchService.suggestions({\r\n query: $viewValue,\r\n businessUnit: businessUnit\r\n }).$promise.then(function (results) {\r\n return results;\r\n }, angular.noop);\r\n }\r\n };\r\n /*jshint unused: false*/\r\n $scope.onTypeaheadSelect = function ($item, $model) {\r\n $scope.search($item);\r\n };\r\n })\r\n // controller used inside ComSearchPage.cshtml to wrap whole page inside it.\r\n .controller('EnstoSearchPageController', function ($window, $rootScope, $scope, $translate, EnstoSearchService, UrlService, ViewportWatcher, MaxDescriptionLength, _) {\r\n $scope.page = 1;\r\n\r\n $scope.hasMore = true;\r\n $scope.totalResults = 0;\r\n $scope.searchDuration = '';\r\n $scope.q = UrlService.getQueryParams().query;\r\n $scope.facets = [];\r\n $scope.searchResults = [];\r\n $scope.maxDescriptionLength = MaxDescriptionLength;\r\n $scope.allowTrunc = false;\r\n $scope.showENum = false;\r\n\r\n var resetSearch = function () {\r\n $scope.page = 1;\r\n $scope.searchResults = [];\r\n };\r\n\r\n if (ViewportWatcher.viewport === 'mobile') {\r\n $scope.allowTrunc = true;\r\n }\r\n\r\n $translate('/comproductpage/button/fulldescription').then(function (text) {\r\n $scope.showButtonLabel = text;\r\n }, angular.noop);\r\n\r\n $scope.$watch(function () { return EnstoSearchService.currentFilter; }, function (newVal, oldVal) {\r\n if (_.isEqual(newVal, oldVal)) {\r\n return;\r\n }\r\n\r\n resetSearch();\r\n $scope.showMore();\r\n }, true);\r\n\r\n $scope.showOrHideEnclosures = function () {\r\n EnstoSearchService.enableOrEnclosureSearch($scope.enclosures);\r\n };\r\n $scope.showMore = function () {\r\n if ($scope.loading) {\r\n return;\r\n }\r\n // If no query, set showMore and loading to false\r\n if (_.isUndefined($scope.q)) {\r\n $scope.enclosures = false;\r\n $scope.loading = false;\r\n $scope.hasMore = false;\r\n return;\r\n }\r\n $scope.loading = true;\r\n\r\n if ($scope.q.substring(0, 5) === \"width\") {\r\n EnstoSearchService.searchInRange({\r\n query: $scope.q,\r\n itemType: (_.isNull(EnstoSearchService.currentFilter) ? null : EnstoSearchService.currentFilter.Id),\r\n page: $scope.page\r\n }, function (results) {\r\n $scope.loading = false;\r\n $scope.enclosures = true;\r\n\r\n _.forEach(results.Hits, function (result) {\r\n $scope.searchResults.push(result);\r\n });\r\n\r\n $scope.facets = results.Facets;\r\n\r\n $scope.hasMore = results.HasMore;\r\n $scope.totalResults = results.TotalCount || 0;\r\n $scope.searchDuration = results.Took || '';\r\n $scope.page++;\r\n });\r\n\r\n }\r\n else {\r\n EnstoSearchService.search({\r\n query: $scope.q,\r\n itemType: (_.isNull(EnstoSearchService.currentFilter) ? null : EnstoSearchService.currentFilter.Id),\r\n page: $scope.page\r\n }, function (results) {\r\n $scope.loading = false;\r\n\r\n _.forEach(results.Hits, function (result) {\r\n $scope.searchResults.push(result);\r\n });\r\n\r\n $scope.facets = results.Facets;\r\n\r\n $scope.hasMore = results.HasMore;\r\n $scope.totalResults = results.TotalCount || 0;\r\n $scope.searchDuration = results.Took || '';\r\n $scope.page++;\r\n });\r\n }\r\n\r\n };\r\n })\r\n // controller for 'enstoSearchFacetGroup' directive\r\n .controller('EnstoFacetGroupController', function ($scope, EnstoSearchService) {\r\n var unselectAll = function () {\r\n _.forEach($scope.facets, function (facet) {\r\n facet.Selected = false;\r\n });\r\n };\r\n\r\n $scope.selectFacet = function (facet) {\r\n if (facet.Selected) {\r\n return; // already selected\r\n }\r\n\r\n unselectAll();\r\n facet.Selected = true;\r\n\r\n EnstoSearchService.currentFilter = facet;\r\n };\r\n })\r\n // directive is used to render search facets\r\n .directive('enstoSearchFacetGroup', function () {\r\n return {\r\n restrict: 'E',\r\n transclude: true,\r\n controller: 'EnstoFacetGroupController',\r\n template: ''\r\n };\r\n })\r\n // directive is used to render single search result\r\n .directive('enstoSearchResult', function (TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-search-result.html'),\r\n link: function (scope, elem, attrs) {\r\n if (scope.result.Type === 'reseller' || scope.result.Type === 'salesperson') {\r\n scope.contact = scope.result; // for the enstocom-contact.html template\r\n }\r\n if (attrs.$attr.showenum) {\r\n scope.showENum = true;\r\n }\r\n }\r\n };\r\n })\r\n // directive for default search results view (all other types except contact)\r\n .directive('enstoSearchResultDefault', function ($translate, TemplateUriHandler) {\r\n\r\n var translations = {\r\n productindexobj: $translate.instant('/comsearch/resulttype/product'),\r\n nodeindexobj: $translate.instant('/comsearch/resulttype/category'),\r\n pageindexobj: $translate.instant('/comsearch/resulttype/content')\r\n };\r\n\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-search-result-default.html'),\r\n transclude: true,\r\n link: function (scope) {\r\n scope.result.typeTitle = translations[scope.result.Type] || '';\r\n }\r\n };\r\n })\r\n // directive used to render single search facet\r\n .directive('enstoSearchFacet', function (TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-search-facet.html')\r\n };\r\n })\r\n .factory('enstoUrlParser', function () {\r\n return {\r\n parseQueryString: function (query) {\r\n var values = query.split(/[&||?]/);\r\n var queryParams = _.chain(values)\r\n .filter(function (val) { return val !== ''; })\r\n .map(function (keyval) {\r\n return keyval.split('=');\r\n })\r\n .map(function (keyval) {\r\n return {\r\n key: keyval[0],\r\n value: keyval.length === 2 ? keyval[1] : null\r\n };\r\n })\r\n .filter(function (resultObj) {\r\n return resultObj !== undefined;\r\n })\r\n .value();\r\n var result = {};\r\n queryParams.forEach(function (element) {\r\n result[element.key] = element.value;\r\n });\r\n return result;\r\n }\r\n };\r\n });\r\n\r\n function EnclosureSearchCtrl($rootScope, UrlService, ServerSettings, $window, _) {\r\n var $ctrl = this;\r\n\r\n $ctrl.$onInit = function () {\r\n var query = UrlService.getQueryParams().query || {};\r\n var queryParams = UrlService.getQueryParams('?' + query) || {};\r\n var defaults = {\r\n width: undefined,\r\n height: undefined,\r\n depth: undefined,\r\n range: undefined\r\n };\r\n $ctrl.query = {};\r\n $ctrl.query.width = queryParams.width || defaults.width;\r\n $ctrl.query.height = queryParams.height || defaults.height;\r\n $ctrl.query.depth = queryParams.depth || defaults.depth;\r\n $ctrl.query.range = queryParams.range || defaults.range;\r\n $ctrl.query.unit = queryParams.unit || 'mm';\r\n $ctrl.enabled = _.find([$ctrl.query.width, $ctrl.query.width, $ctrl.query.width, $ctrl.query.width], function (value) {\r\n return value !== undefined;\r\n }) !== undefined;\r\n };\r\n $rootScope.$on('showEnclosures', function (evt, val) {\r\n $ctrl.enabled = val.enabled;\r\n });\r\n $ctrl.search = function () {\r\n $window.location.href = ServerSettings.searchPageURL + UrlService.toQueryString(\r\n {\r\n query:\r\n \"width=\" + $ctrl.query.width +\r\n \"&height=\" + $ctrl.query.height +\r\n \"&depth=\" + $ctrl.query.depth +\r\n \"&range=\" + $ctrl.query.range +\r\n \"&unit=\" + $ctrl.query.unit\r\n });\r\n };\r\n }\r\n\r\n})(angular); \n// The `enstocom.categoryFilter` module is used inside DefaultNode.cshtml for category and product filtering.\r\n(function (angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.categoryFilter', ['ngResource', 'ropooy-angular-rdash', 'enstocom.product', 'enstocom.teasers', 'enstocom.utils'])\r\n // custom param serializer, simply strip off stuff from jqLike param serializer\r\n .factory('EnstoHttpParamSerializer', function ($httpParamSerializerJQLike) {\r\n var regex = /%5B%5D/g; // encodeURIComponent('[]')\r\n\r\n return function (params) {\r\n var tmp = $httpParamSerializerJQLike(params);\r\n return tmp.replace(regex, '');\r\n };\r\n })\r\n // service to fetch products and filters from WebAPi for specific category.\r\n .factory('EnstoCategoryProducts',\r\n function ($resource, $http, $window, $rootScope, ServerSettings, EnstoCookie, EnstoProductWrapper, ViewportWatcher, $log, _) {\r\n var productWrapper = new EnstoProductWrapper();\r\n var inheritFiltersCookieName = 'inherited-filters';\r\n // If mobile, param value of mobile => 1\r\n var isMobile = ViewportWatcher.viewport === 'mobile';\r\n var transformer = [\r\n function (data) {\r\n try {\r\n var tmpData = angular.fromJson(data);\r\n\r\n _.forEach(tmpData.products, function (product) {\r\n _.merge(product, productWrapper);\r\n });\r\n EnstoCategoryProductsService.categories = tmpData.categories;\r\n\r\n return tmpData;\r\n } catch (e) {\r\n $log.error('EnstoCategoryProducts:: failed to transform response');\r\n }\r\n }\r\n ].concat($http.defaults.transformResponse);\r\n\r\n var EnstoCategoryProductsService = $resource('/api/node/products/:contentId', {\r\n language: ServerSettings.preferredCultureName,\r\n page: 0,\r\n pageSize: 27 // can be divided by 3\r\n }, {\r\n getProducts: {\r\n method: 'GET',\r\n paramSerializer: 'EnstoHttpParamSerializer',\r\n params: {\r\n contentId: null,\r\n sortOrder: null,\r\n filters: null,\r\n mobile: isMobile\r\n },\r\n transformResponse: transformer\r\n }\r\n });\r\n\r\n EnstoCategoryProductsService.categories = [];\r\n\r\n\r\n // save and load filters for inheritance\r\n EnstoCategoryProductsService.saveFilters = function (filter) {\r\n var savedFilters = {};\r\n savedFilters.filters = _.clone(filter);\r\n savedFilters.url = $window.location.pathname; // path is used to check if we are under right place.\r\n\r\n EnstoCookie.set(inheritFiltersCookieName, savedFilters);\r\n };\r\n\r\n EnstoCategoryProductsService.loadFilters = function () {\r\n var loadedFilters = EnstoCookie.get(inheritFiltersCookieName);\r\n\r\n // now check that are these filters 'inherited'\r\n\r\n // \"top level\": \"/fi/tuotteet/valaistus/\"\r\n // \"middle level\": \"/fi/tuotteet/valaistus/asuntovalaisimet/\"\r\n // \"bottom level\": \"/fi/tuotteet/valaistus/asuntovalaisimet/ami/\"\r\n\r\n if (loadedFilters) {\r\n var isInheritFromTopToBottom = new RegExp('^' + loadedFilters.url.replace(/\\//g, '\\\\/'));\r\n var isInheritFromBottomToTop = new RegExp('^' + $window.location.pathname.replace(/\\//g, '\\\\/'));\r\n\r\n if (isInheritFromTopToBottom.test($window.location.pathname) || isInheritFromBottomToTop.test(loadedFilters.url)) {\r\n return loadedFilters.filters;\r\n }\r\n else {\r\n // Clear saved filter because it is not needed anymore, user has started to navigate some other page.\r\n EnstoCookie.remove(inheritFiltersCookieName);\r\n return {};\r\n }\r\n }\r\n else {\r\n return {};\r\n }\r\n };\r\n\r\n return EnstoCategoryProductsService;\r\n })\r\n // custom filter to format numeric values inside dropdowns. These formatings are done locale specific using Angular-locale. \r\n .filter('enstoFilterValue', function ($filter) {\r\n function enstoFilterValueFilter(value, isNumeric) {\r\n if (isNumeric) {\r\n return $filter('number')(value);\r\n }\r\n\r\n return value;\r\n }\r\n\r\n enstoFilterValueFilter.$stateful = true; // stateful due the dynamically loaded $locale\r\n\r\n return enstoFilterValueFilter;\r\n })\r\n // directive to provide toolbar containing sorting and view options\r\n .directive('enstoCategoryPageToolbar', function ($rootScope, TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-category-page-toolbar.html'),\r\n link: function (scope, element, attributes) {\r\n scope.hidePriceFilter = $rootScope.webshopProductsOnly;\r\n }\r\n };\r\n })\r\n // directive to add filters for some place inside category page\r\n .directive('enstoCategoryFilters', function (TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-category-filters.html')\r\n };\r\n })\r\n // directive to display category product count\r\n .directive('enstoCategoryProductCount', function (EnstoCategoryProducts, _) {\r\n return {\r\n restrict: 'A',\r\n scope: true,\r\n link: function (scope, element, attributes) {\r\n var categoryID = scope.$eval(attributes.enstoCategoryProductCount);\r\n\r\n scope.$on('Category::updateCount', function () {\r\n scope.count = _.result(_.find(EnstoCategoryProducts.categories, { id: categoryID }), 'count', 0);\r\n });\r\n }\r\n };\r\n })\r\n // directive for filter dropdowns, dropdown DOM is rendered when it is opened\r\n .directive('enstoFilterDropdown', function (TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoFilterController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-category-filter-dropdown.html'),\r\n scope: {\r\n filter: '='\r\n }\r\n };\r\n })\r\n .directive('productListingTable', function (TemplateUriHandler) {\r\n return {\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/product-listing-table.html'),\r\n controller: 'EnstoCategoryPageController'\r\n };\r\n })\r\n // controller for 'enstoFilterDropdown' directive\r\n .controller('EnstoFilterController', function ($scope, EnstoGA, BrowserDetect, _) {\r\n var ctrl = this;\r\n\r\n ctrl.prepareFilterValues = function () {\r\n _.forEach($scope.filter.values, function (value) {\r\n value.getFilterName = function () {\r\n return $scope.filter.displayname;\r\n };\r\n\r\n value.select = function () {\r\n EnstoGA.trackFilterAction('select-filter', this.getFilterName(), this.value);\r\n this.selected = true;\r\n };\r\n\r\n value.showSelectGlyphicon = function () {\r\n return this.selected === true && BrowserDetect.name !== 'Firefox'; //In firefox the selected icon appears on next row. Not what we want\r\n };\r\n\r\n value.unselect = function () {\r\n EnstoGA.trackFilterAction('remove-filter', this.getFilterName(), this.value);\r\n this.selected = false;\r\n };\r\n });\r\n };\r\n\r\n $scope.isOpen = false;\r\n\r\n $scope.selectValue = function (value) {\r\n\r\n if (value.select === undefined) { //Make sure that the functions are bound\r\n ctrl.prepareFilterValues();\r\n }\r\n value.select();\r\n\r\n // close dropdown\r\n $scope.isOpen = false;\r\n };\r\n\r\n // because of the inheritance possibility we need to wrap values now\r\n ctrl.prepareFilterValues();\r\n })\r\n\r\n // directive for filter inputs, dropdown DOM is rendered when it is opened\r\n .directive('enstoFilterInput', function (TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoInputFilterController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-category-filter-input.html'),\r\n scope: {\r\n filter: '='\r\n }\r\n };\r\n })\r\n // controller for 'enstoFilterInput' directive\r\n .controller('EnstoInputFilterController', function ($translate, $scope, EnstoGA, BrowserDetect, _) {\r\n var ctrl = this;\r\n //enterValuePlaceholder = getTranslatedValue;\r\n $translate('/comcommon/enterValue').then(function (text) { $scope.enterValuePlaceholder = text; }, angular.noop);\r\n ctrl.prepareFilterValues = function () {\r\n\r\n _.forEach($scope.filter.values, function (value) {\r\n value.getFilterName = function () {\r\n return $scope.filter.displayname;\r\n };\r\n\r\n value.select = function () {\r\n this.selected = true;\r\n };\r\n\r\n value.showSelectGlyphicon = function () {\r\n return this.selected === true && BrowserDetect.name !== 'Firefox'; //In firefox the selected icon appears on next row. Not what we want\r\n };\r\n\r\n value.unselect = function () {\r\n this.selected = false;\r\n EnstoGA.trackEvent(\"category-filter\", \"remove-range-filter\", this.getFilterName());\r\n };\r\n });\r\n };\r\n\r\n $scope.isOpen = false;\r\n\r\n $scope.selectValue = function (value) {\r\n var val = value;\r\n\r\n EnstoGA.trackEvent(\"category-filter\", \"select-range-filter\", $scope.filter.displayname);\r\n //TODO improve this solution\r\n value = $scope.filter.values.pop();\r\n\r\n if (value.select === undefined) { //Make sure that the functions are bound\r\n ctrl.prepareFilterValues();\r\n }\r\n\r\n // close dropdown add values\r\n $scope.isOpen = false;\r\n $scope.filter.values[0].selected = true;\r\n $scope.filter.values[0].value = val;\r\n };\r\n\r\n // because of the inheritance possibility we need to wrap values now\r\n ctrl.prepareFilterValues();\r\n })\r\n\r\n // directive for category page, wraps most of the category page stuff inside it\r\n .directive('enstoCategoryPage', function ($rootScope, ViewportWatcher, EnstoUserSettings) {\r\n return {\r\n restrict: 'A',\r\n controller: 'EnstoCategoryPageController',\r\n link: {\r\n pre: function (scope, element, attributes, ctrl) {\r\n // Set default viewmode to be list\r\n scope.defaultViewMode = scope.viewModes.LIST;\r\n ctrl.contentId = scope.$eval(attributes.enstoCategoryPage);\r\n var webshopProductsOnly = attributes.webshopProductsOnly.toLowerCase() === 'true';\r\n ctrl.webshopProductsOnly = webshopProductsOnly;\r\n $rootScope.webshopProductsOnly = webshopProductsOnly;\r\n ctrl.activeFilters = null;\r\n scope.currentSortMode = _.result(EnstoUserSettings, 'product.sortMode', scope.sortModes.PROCUS);\r\n scope.currentViewMode = _.result(EnstoUserSettings, 'product.viewMode', scope.defaultViewMode);\r\n\r\n scope.hasSelectedFilters = _.isNull(ctrl.activeFilters) ? false : true;\r\n\r\n ctrl.init();\r\n }\r\n }\r\n };\r\n })\r\n // controller for 'enstoCategoryPage' directive\r\n // TODO: this requires some re-factoring, too much logic inside this + different kinds of logics\r\n .controller('EnstoCategoryPageController', [\r\n '$scope', '$rootScope', '$location', 'EnstoCategoryProducts', 'ViewportWatcher', 'EnstoUserSettings', '_',\r\n function ($scope, $rootScope, $location, EnstoCategoryProducts, ViewportWatcher, EnstoUserSettings, _) {\r\n var ctrl = this;\r\n\r\n ctrl.page = 1; // in this WebAPI interface page 1 is actually first page, not page 0\r\n ctrl.contentId = null;\r\n ctrl.activeFilters = null;\r\n ctrl.scrollPos = null;\r\n ctrl.pageSize = 27;\r\n ctrl.preserve = false;\r\n ctrl.preservePage = null;\r\n\r\n $scope.viewModes = {\r\n LIST: 1,\r\n THINLIST: 2,\r\n };\r\n\r\n $scope.sortModes = {\r\n PROCUS: 0,\r\n ALPHABETICAL: 1\r\n };\r\n\r\n $scope.loadingProducts = false;\r\n $scope.hasMore = true;\r\n\r\n $scope.filters = [];\r\n $scope.products = [];\r\n $scope.tableHeaders = [];\r\n $scope.totalProducts = null;\r\n $scope.displayColumns = {};\r\n $scope.isMobile = ViewportWatcher.viewport === 'mobile' ? 1 : 0;\r\n\r\n ctrl.getActiveFilters = function () {\r\n var selectedFilters = {};\r\n\r\n _.forEach($scope.filters, function (filter) {\r\n var selectedValues = _.filter(filter.values, { selected: true });\r\n\r\n _.forEach(selectedValues, function (selectedValue, key) {\r\n if (key === 0 && !_.isArray(selectedFilters[filter.id])) {\r\n selectedFilters[filter.id] = [];\r\n }\r\n\r\n selectedFilters[filter.id].push(selectedValue.value);\r\n });\r\n });\r\n\r\n return selectedFilters;\r\n };\r\n\r\n ///Recheck whether this filter is numeric or not\r\n ctrl.setFilterType = function (newFilters) {\r\n _.forEach(newFilters, function (newFilter) {\r\n var existingFilter = _.find($scope.filters, function (_filter) {\r\n return _filter.id === newFilter.id;\r\n });\r\n existingFilter.isnumeric = newFilter.isnumeric;\r\n });\r\n };\r\n\r\n ctrl.sortFilterValues = function (filter) {\r\n if (filter.isnumeric) {\r\n filter.values = _.sortBy(filter.values, function (o) {\r\n return +o.value;\r\n });\r\n }\r\n else {\r\n filter.values = _.sortBy(filter.values, 'value');\r\n }\r\n };\r\n\r\n ctrl.initializeFilterValues = function (newFilters) {\r\n _.forEach($scope.filters, function (filter) { //Go through the existing filters on the client and set visibilities\r\n var newFilter = _.find(newFilters, function (_filter) {\r\n return _filter.id === filter.id;\r\n });\r\n\r\n _.forEach(filter.values, function (value) {\r\n var newValue = _.find(newFilter.values, function (newVal) {\r\n return newVal.value === value.value;\r\n });\r\n\r\n value.isHidden = newValue ? false : true;\r\n });\r\n });\r\n\r\n _.forEach(newFilters, function (newFilter) { //Go through the filters from the server and see if we need add something\r\n var existingFilter = _.find($scope.filters, function (_filter) {\r\n return _filter.id === newFilter.id;\r\n });\r\n\r\n _.forEach(newFilter.values,\r\n function (newFilterValue) {\r\n var existingValue = _.find(existingFilter.values,\r\n function (existingValue) {\r\n return existingValue.value === newFilterValue.value;\r\n });\r\n\r\n if (!existingValue) {\r\n existingFilter.values.push(newFilterValue);\r\n }\r\n });\r\n });\r\n\r\n _.forEach($scope.filters, function (filter) {\r\n ctrl.sortFilterValues(filter);\r\n });\r\n };\r\n\r\n ctrl.resetProducts = function () {\r\n ctrl.page = 1;\r\n $scope.products = [];\r\n $scope.displayColumns = {};\r\n };\r\n\r\n ctrl.init = function () {\r\n var query = $location.search();\r\n $scope.showPricesOnly = query.pricesOnly === 'true' || false;\r\n ctrl.activeFilters = EnstoCategoryProducts.loadFilters();\r\n $scope.$watch(function () {\r\n return ctrl.getActiveFilters();\r\n }, function (newVal, oldVal) {\r\n if (newVal === oldVal) {\r\n return;\r\n }\r\n\r\n ctrl.activeFilters = newVal;\r\n EnstoCategoryProducts.saveFilters(newVal);\r\n $scope.hasSelectedFilters = !_.isEmpty(newVal);\r\n\r\n // Don't run showmore again on first load when scroll position is preserved, release clause after if statement by setting it to false\r\n if (!$scope.preserveMe) {\r\n ctrl.resetProducts();\r\n $scope.showMore();\r\n }\r\n $scope.preserveMe = false;\r\n }, true);\r\n\r\n $scope.$watch('currentSortMode', function (newVal, oldVal) {\r\n if (newVal === oldVal) {\r\n return;\r\n }\r\n _.set(EnstoUserSettings, 'product.sortMode', newVal);\r\n\r\n ctrl.resetProducts();\r\n $scope.showMore();\r\n });\r\n\r\n\r\n $scope.$watch('currentViewMode', function (newVal, oldVal) {\r\n if (newVal === oldVal) {\r\n return;\r\n }\r\n\r\n _.set(EnstoUserSettings, 'product.viewMode', newVal);\r\n });\r\n // Preserve page and scroll position if possible and no filters\r\n $scope.preservePageState();\r\n $scope.showMore();\r\n };\r\n\r\n\r\n $scope.preservePageState = function () {\r\n // Get session storage item that has preserved state parameters\r\n var retrievedData = sessionStorage.getItem(\"pageStateParams\");\r\n // If not found, do not continue\r\n if (retrievedData === null) {\r\n return false;\r\n }\r\n ctrl.preserve = true;\r\n $scope.preserveMe = true;\r\n // Turn params into variables\r\n var pageStateParams = JSON.parse(retrievedData);\r\n ctrl.preservePage = pageStateParams[0];\r\n ctrl.scrollPos = pageStateParams[1];\r\n var contentId = pageStateParams[2];\r\n // if state page is larger than default page number (1) and content id is the same (we are on the right page), set new value to ctrl.page variable which is used in the ajax call\r\n if (ctrl.preservePage > ctrl.page && ctrl.contentId === contentId) {\r\n ctrl.pageSize = (ctrl.preservePage - 1) * ctrl.pageSize;\r\n } else {\r\n // user has not come back from product page or the page number is the same, delete the sessionsstorage value \r\n sessionStorage.removeItem(\"pageStateParams\");\r\n }\r\n };\r\n\r\n $scope.setPreserveStateValues = function ($event) {\r\n // Get scrolling position\r\n var scrollPos = window.pageYOffset;\r\n // Set items to sessionstorage \r\n var pageStateParams = [ctrl.page, scrollPos, ctrl.contentId];\r\n sessionStorage.setItem(\"pageStateParams\", JSON.stringify(pageStateParams));\r\n if ($event !== undefined) {\r\n if ($event.type === \"touchend\") {\r\n $event.preventDefault();\r\n window.location.href = $event.currentTarget.href;\r\n }\r\n }\r\n };\r\n\r\n\r\n $scope.showMore = function () {\r\n $scope.loadingProducts = true;\r\n var getPriceFilterMode = function () {\r\n if (ctrl.webshopProductsOnly) { return true; }\r\n\r\n return $scope.showPricesOnly;\r\n };\r\n EnstoCategoryProducts.getProducts({\r\n contentId: ctrl.contentId,\r\n sortOrder: $scope.currentSortMode,\r\n filters: ctrl.activeFilters,\r\n page: ctrl.page,\r\n pageSize: ctrl.pageSize,\r\n priceRowsOnly: getPriceFilterMode() //$scope.showPricesOnly\r\n }).$promise\r\n .then(function (results) {\r\n if (_.isEmpty($scope.filters)) {\r\n // in this state we have all possible filter values available.\r\n $scope.filters = results.filters;\r\n }\r\n else {\r\n ctrl.initializeFilterValues(results.filters);\r\n ctrl.setFilterType(results.filters);\r\n }\r\n $scope.showPrice = results.showPrice;\r\n $scope.ShowWebshop = results.ShowWebshop;\r\n $scope.tableHeaders = results.columnHeaders;\r\n $scope.displayColumns = results.displayColumns;\r\n\r\n _.forEach(results.products, function (product) {\r\n $scope.products.push(product);\r\n });\r\n\r\n $scope.totalProducts = results.total;\r\n $scope.hasMore = results.hasmore;\r\n ctrl.page++;\r\n\r\n $rootScope.$broadcast('Category::updateCount');\r\n }, function () {\r\n $scope.totalProducts = 0;\r\n }, angular.noop)\r\n .finally(function () {\r\n $scope.loadingProducts = false;\r\n // After preserved first load, restore the default pagesize and change the page number and scroll to position\r\n // Set preserve to false and remove sessionstorage value so all of this stuff is not run again\r\n if (ctrl.preserve) {\r\n if (ctrl.scrollPos !== null) {\r\n setTimeout(function () {\r\n window.scrollTo(0, ctrl.scrollPos);\r\n }, 200);\r\n }\r\n ctrl.pageSize = 27;\r\n ctrl.page = ctrl.preservePage;\r\n sessionStorage.removeItem(\"pageStateParams\");\r\n ctrl.preserve = false;\r\n }\r\n });\r\n };\r\n\r\n $scope.clearAllFilters = function () {\r\n _.forEach($scope.filters, function (filter) {\r\n _.forEach(filter.values, function (value) {\r\n if (value.selected) {\r\n value.unselect();\r\n }\r\n });\r\n });\r\n };\r\n\r\n $scope.showList = function () {\r\n $scope.currentViewMode = $scope.viewModes.LIST;\r\n };\r\n\r\n $scope.showThinList = function () {\r\n $scope.currentViewMode = $scope.viewModes.THINLIST;\r\n };\r\n\r\n $scope.sortAlphabetically = function () {\r\n $scope.currentSortMode = $scope.sortModes.ALPHABETICAL;\r\n };\r\n\r\n $scope.sortProcus = function () {\r\n $scope.currentSortMode = $scope.sortModes.PROCUS;\r\n };\r\n\r\n $scope.getPricedProducts = function () {\r\n $scope.showPricesOnly = !$scope.showPricesOnly;\r\n $location.search('pricesOnly', $scope.showPricesOnly.toString());\r\n ctrl.resetProducts();\r\n $scope.showMore();\r\n };\r\n }\r\n ]\r\n );\r\n})(angular);\n// The `enstocom.cards` module provides functionality used inside `ComCardBasePage.cshtml` using Masonry library.\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.cards', ['ngResource', 'ui.bootstrap', 'masonry', 'enstocom.utils', 'enstocom.responsiveImage', 'enstocom.social', 'ropooy-angular-rdash'])\r\n // wrapper service to hide differencies between News, Article, etc. pages.\r\n .factory('EnstoCardWrapper', function($translate, _){\r\n var readMore;\r\n $translate('/comcommon/readmore').then(function(text) {\r\n readMore = text;\r\n }, angular.noop);\r\n\r\n return function() {\r\n return {\r\n isExpanded: false,\r\n getImagePreset: function() {\r\n return this.isExpanded ? 'articleCardExpanded' : 'articleCard';\r\n },\r\n getImageUrl: function() {\r\n if(this.isExpanded) {\r\n return _.result(_.first(this.images), 'url', null);\r\n }\r\n else {\r\n return this.teaserImage || _.result(_.first(this.images), 'url', null);\r\n }\r\n },\r\n getImageCaption: function() {\r\n return this.isExpanded ? _.result(_.first(this.images), 'title', '') : '';\r\n },\r\n getReadmoreLinkText: function() {\r\n return this.link.text || readMore;\r\n }\r\n };\r\n };\r\n })\r\n // Services is used to fetch cards for specific card collection page through WebAPI\r\n .factory('EnstoCardService', function($resource, ServerSettings) {\r\n var EnstoCardService = $resource('/api/collection/:verb', {\r\n verb: '',\r\n language: ServerSettings.preferredCultureName\r\n }, {\r\n getCards: {\r\n method: 'GET',\r\n params: {\r\n verb: 'cards',\r\n id: null,\r\n page: 0,\r\n pageSize: 25,\r\n card: null\r\n }\r\n }\r\n });\r\n\r\n return EnstoCardService;\r\n })\r\n // directive is used to insert card collection to some page. (Currently only for CardCollectionPage). Masonry is not initialized in mobile phones, because it does not give anything extra.\r\n .directive('enstoCardCollection', function(BrowserDetect, ViewportWatcher, $compile, $timeout, $log, TemplateUriHandler, _) {\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoCardCollectionController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-card-collection.html'),\r\n scope: true,\r\n link: {\r\n pre: function (scope, element) {\r\n scope.hideColumnCard = false;\r\n // ok, lets go with this. Asuming mobile viewport is not growing.\r\n // TODO: This should be done in compile phase to ensure that everything goes well. Then we do not need to call $compile which makes this even safer.\r\n if(ViewportWatcher.viewport !== 'mobile') {\r\n // If safari lt 9, don't run Masonry at this point (quick bandage)\r\n if (BrowserDetect.name === 'Safari' && parseInt(BrowserDetect.version) < 9) {\r\n scope.hideColumnCard = true;\r\n return;\r\n }\r\n angular.element(element).find('div').eq(0).attr('masonry', '{{::masonryOptions}}');\r\n $compile(element.contents())(scope);\r\n }\r\n\r\n },\r\n post: function(scope, element, attributes, ctrl) {\r\n ctrl.collectionId = scope.$eval(attributes.collectionId);\r\n\r\n if(!_.isNumber(ctrl.collectionId) || scope.collectionId === 0) {\r\n $log.warn('Unable to initialize \"CardCollectionController\", because \"collectionId\" is invalid!', ctrl.collectionId);\r\n return;\r\n }\r\n\r\n if(ViewportWatcher.viewport === 'mobile') {\r\n scope.allowExpand = false;\r\n }\r\n\r\n // reload masonry layout\r\n scope.reloadMasonryLayout = function() {\r\n if(_.isFunction(scope.update)) {\r\n /*\r\n Note: This is kind a hax which should be handled correctly inside angular-masonry-directive.\r\n\r\n This solution still has potential timing issue, current 50ms timeout is for the ng-repeat so that it has\r\n time to render all cards in to DOM, so when we use imagesLoaded(), all ![]()
elements are added (at least should have).\r\n\r\n If we use imagesLoaded directly and $timeout inside imagesLoaded callback, some of the image elements may have\r\n been added to DOM after imagesLoaded has added event listeners and issue is not resolved.\r\n */\r\n $timeout(function() {\r\n imagesLoaded(angular.element(element).find('div').eq(0), function() {\r\n scope.update();\r\n });\r\n }, 50);\r\n /******/\r\n }\r\n };\r\n // Open card if card parameter is found in the controller, this is a little bit of a hack ;)\r\n if (!_.isUndefined(ctrl.openCard)) {\r\n imagesLoaded(angular.element(element).find('div').eq(0), function () {\r\n $timeout(function () {\r\n angular.element(element).find('ensto-card').eq(0).find('div').eq(0).triggerHandler('click');\r\n }, 500);\r\n });\r\n }\r\n scope.showMore();\r\n }\r\n }\r\n };\r\n })\r\n // Controller for 'enstoCardCollection' directive\r\n .controller('EnstoCardCollectionController', function($scope, EnstoCardService) {\r\n var ctrl = this;\r\n ctrl.page = 0; // yes, paging starts from zero :)\r\n\r\n $scope.hasMore = true;\r\n $scope.allowExpand = true;\r\n $scope.cards = [];\r\n $scope.masonryOptions = {\r\n columnWidth: '.ensto-masonry-column',\r\n itemSelector: '.ensto-masonry-item',\r\n percentPosition: true,\r\n transitionDuration: '0.8s'\r\n };\r\n\r\n // Get url parameter\r\n $scope.getUrlParameter = function (param) {\r\n var sPageUrl = window.location.search.substring(1),\r\n sUrlVariables = sPageUrl.split(/[&||?]/),\r\n val;\r\n\r\n for (var i = 0; i < sUrlVariables.length; i += 1) {\r\n var paramName = sUrlVariables[i],\r\n sParameterName = (paramName || '').split('=');\r\n\r\n if (sParameterName[0] === param) {\r\n val = sParameterName[1];\r\n }\r\n }\r\n return val;\r\n };\r\n\r\n // if card parameter is found from querystring, assign it to openCard variable and pass it to getCards method later on\r\n ctrl.openCard = $scope.getUrlParameter('card');\r\n\r\n\r\n $scope.showMore = function() {\r\n if(ctrl.loading) {\r\n return;\r\n }\r\n\r\n ctrl.loading = true;\r\n\r\n EnstoCardService.getCards({\r\n id: ctrl.collectionId,\r\n page: ctrl.page,\r\n card: ctrl.openCard\r\n\r\n }, function(results) {\r\n ctrl.loading = false;\r\n _.forEach(results.Cards, function(card) {\r\n $scope.cards.push(card);\r\n });\r\n\r\n $scope.hasMore = results.HasMore;\r\n ctrl.page++;\r\n \r\n $scope.reloadMasonryLayout();\r\n });\r\n };\r\n\r\n // Open the the correct card if card querystring parameter exists\r\n\r\n\r\n })\r\n // directive for single card\r\n .directive('enstoCard', function(EnstoCardWrapper, TemplateUriHandler, _) {\r\n return {\r\n restrict: 'E',\r\n require: ['^?enstoCardCollection', 'enstoCard'],\r\n controller: 'EnstoCardController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-card-article.html'),\r\n scope: {\r\n card: '=',\r\n reloadLayout: '&?'\r\n },\r\n link: function(scope, element, attributes, ctrls) {\r\n var ctrl = ctrls[1];\r\n\r\n scope.allowExpand = scope.$eval(attributes.allowExpand);\r\n\r\n var cardWrapper = new EnstoCardWrapper();\r\n _.merge(scope.card, cardWrapper);\r\n\r\n scope.reloadLayout = scope.reloadLayout || angular.noop;\r\n\r\n\r\n\r\n scope.$watch('card.isExpanded', function(newVal, oldVal) {\r\n if(newVal === oldVal) {\r\n return;\r\n }\r\n\r\n /*\r\n Why not to use 'ngClass' directive?\r\n Grid is outside of this card directive and I didn't want to\r\n add grid / container related dependencies in to this card component (template).\r\n */\r\n if(newVal) {\r\n element.addClass('ensto-card-expanded');\r\n element.parent().removeClass('col-md-4 col-sm-6').addClass('col-md-8 ensto-dont-catch-click');\r\n\r\n angular.element(element).on('click', function(event) {\r\n // prevent click events from propagating to enstoClickCatch directive.\r\n event.stopPropagation();\r\n });\r\n }\r\n else {\r\n element.parent().removeClass('col-md-8 ensto-dont-catch-click').addClass('col-sm-6 col-md-4');\r\n element.removeClass('ensto-card-expanded');\r\n angular.element(element).off('click');\r\n }\r\n\r\n scope.reloadLayout();\r\n });\r\n\r\n ctrl.init();\r\n }\r\n };\r\n })\r\n // Controller for single card\r\n .controller('EnstoCardController', function($scope, $rootScope, EnstoGA, $sce) {\r\n var ctrl = this;\r\n\r\n ctrl.init = function() {\r\n $scope.$on('EnstoEvent::card-expand', function(event, scopeId) {\r\n if(!_.isEqual($scope.$id, scopeId)) {\r\n $scope.cardCollapse();\r\n }\r\n });\r\n };\r\n\r\n $scope.getCardBodyText = function() {\r\n return $sce.trustAsHtml($scope.card.bodyText);\r\n };\r\n \r\n $scope.cardExpand = function() {\r\n // If card is clicked in mobile, goto link rather than expanding\r\n if(!$scope.allowExpand) {\r\n window.location = $scope.card.link.url;\r\n return;\r\n }\r\n // If card is open, return\r\n if($scope.card.isExpanded ) {\r\n return;\r\n }\r\n\r\n EnstoGA.trackPageView($scope.card.link.url);\r\n\r\n $scope.card.isExpanded = true;\r\n\r\n $rootScope.$broadcast('EnstoEvent::card-expand', $scope.$id);\r\n\r\n $scope.reloadLayout();\r\n };\r\n\r\n $scope.cardCollapse = function() {\r\n $scope.card.isExpanded = false;\r\n\r\n $scope.reloadLayout();\r\n };\r\n\r\n $scope.clickCatchEnabled = function() {\r\n return $scope.card.isExpanded && _.isFunction($scope.$parent.update);\r\n };\r\n });\r\n})(angular);\n// Newsroom cardsearch\r\n(function (angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.cardsearch', ['ngResource', 'ui.bootstrap', 'enstocom.utils', 'enstocom.responsiveImage', 'enstocom.social', 'ropooy-angular-rdash'])\r\n // Services is used to fetch cards for specific card collection page through WebAPI\r\n .factory('EnstoCardSearchService', function ($resource, ServerSettings) {\r\n var EnstoCardService = $resource('/api/collection/:verb', {\r\n verb: '',\r\n language: ServerSettings.preferredCultureName,\r\n bu: ServerSettings.businessUnit\r\n }, {\r\n getCards: {\r\n method: 'GET',\r\n params: {\r\n verb: 'search',\r\n 'id[]': null,\r\n page: 0,\r\n pageSize: 6,\r\n firstPageSize: 7,\r\n year: null,\r\n magazine: null\r\n }\r\n }\r\n });\r\n\r\n return EnstoCardService;\r\n })\r\n // Controller for 'enstoCardCollection' directive\r\n .controller('EnstoCardSearchController', function ($scope, $location, _, EnstoCardSearchService, ServerSettings, UrlService) {\r\n var ctrl = this;\r\n ctrl.page = 0;\r\n\r\n $scope.hasMore = true;\r\n $scope.allowExpand = true;\r\n $scope.facetCategories = [];\r\n $scope.eventCategories = [];\r\n $scope.yearFacets = [];\r\n $scope.buCategories = [];\r\n $scope.selectedCategories = [];\r\n $scope.eventTags = [];\r\n $scope.selectedYears = [];\r\n $scope.selectedBuCategories = [];\r\n $scope.filters = {};\r\n $scope.filters.magazineFilter = null;\r\n $scope.currentId = null;\r\n $scope.cards = [];\r\n $scope.isRel = false;\r\n \r\n $scope.isCategoryFilterCollapsed = false;\r\n\r\n\r\n $scope.init = function (facetCategories, eventCategories, years, buCategories, pageSize, currentId, isRel) {\r\n $scope.facetCategories = facetCategories;\r\n $scope.facetCategories = _.map(facetCategories, function (cat) {\r\n cat.name = unescape(cat.name);\r\n return cat;\r\n });\r\n $scope.eventCategories = eventCategories;\r\n $scope.yearFacets = years;\r\n $scope.buCategories = buCategories;\r\n $scope.selectedCategories = getCategoriesFromQueryString();\r\n var queryParams = $location.search();\r\n\r\n $scope.eventTags = getKeyAsArrayOrEmpty(queryParams['event']); //$location.eventTags || [];\r\n $scope.selectedYears = getKeyAsArrayOrEmpty(queryParams['year']); //$location.selectedYears || [];\r\n var localSelectedBuCategories = getKeyAsArrayOrEmpty(queryParams['buCategory']);\r\n if (localSelectedBuCategories.length == 0 && ServerSettings.businessUnit != '') {\r\n localSelectedBuCategories.push(ServerSettings.businessUnit);\r\n }\r\n\r\n $scope.selectedBuCategories = localSelectedBuCategories;\r\n $scope.customPageSize = pageSize;\r\n $scope.currentId = currentId;\r\n $scope.isRel = isRel;\r\n\r\n $scope.showMore();\r\n\r\n // Collapse filters in mobile layout.\r\n // todo: There should be a single truth about the breakpoint somewhere in code.\r\n var xs_breakpoint = 767;\r\n\r\n if(window.innerWidth < xs_breakpoint) {\r\n $scope.isCategoryFilterCollapsed = true;\r\n }\r\n };\r\n\r\n var ensureArray = function (value) {\r\n return Array.isArray(value) ? value : [value];\r\n };\r\n var getKeyAsArrayOrEmpty = function (value) {\r\n return value !== undefined ? ensureArray(value) : [];\r\n };\r\n\r\n var getCategoriesFromQueryString = function () {\r\n var values = getKeyAsArrayOrEmpty($location.search()['category']);\r\n return _(values)\r\n .map(function (categoryName) {\r\n return _.find($scope.facetCategories, function (categoryOption) {\r\n return categoryOption.name === unescape(categoryName);\r\n });\r\n })\r\n .filter(function (value) { return value !== undefined; })\r\n .value();\r\n };\r\n // load more\r\n $scope.showMore = function () {\r\n if ($scope.loading) {\r\n return;\r\n }\r\n $scope.loading = true;\r\n var queryParams = $location.search();\r\n $scope.filters.magazineFilter = queryParams['magazine'] !== undefined ? queryParams['magazine'] : null;\r\n // If any category is selected, fetch only them, otherwise fetch all\r\n var ids =\r\n $scope.selectedCategories.length > 0 || $scope.eventTags.length > 0\r\n ? _.map($scope.selectedCategories, 'id').concat($scope.eventTags)\r\n : _.map($scope.facetCategories, 'id').concat(_.map($scope.eventCategories, 'id'));\r\n\r\n var params = {\r\n 'id[]': ids,\r\n page: ctrl.page,\r\n year: $scope.selectedYears, \r\n magazine: $scope.filters.magazineFilter,\r\n isRel: $scope.isRel,\r\n buCategory: $scope.selectedBuCategories\r\n };\r\n\r\n if ($scope.customPageSize) {\r\n params.pageSize = $scope.customPageSize;\r\n params.firstPageSize = $scope.customPageSize;\r\n }\r\n if ($scope.currentId) {\r\n params.current = $scope.currentId;\r\n }\r\n\r\n EnstoCardSearchService.getCards(params, function (results) {\r\n $scope.loading = false;\r\n if (ctrl.page === 0) {\r\n $scope.cards = results.Cards.slice();\r\n } else {\r\n $scope.cards = $scope.cards.concat(results.Cards);\r\n }\r\n\r\n $scope.hasMore = results.HasMore;\r\n ctrl.page++;\r\n });\r\n };\r\n\r\n // Get url parameter\r\n $scope.getUrlParameter = function (param) {\r\n var sPageUrl = window.location.search.substring(1),\r\n sUrlVariables = sPageUrl.split(/[&||?]/),\r\n val;\r\n\r\n for (var i = 0; i < sUrlVariables.length; i += 1) {\r\n var paramName = sUrlVariables[i],\r\n sParameterName = (paramName || '').split('=');\r\n\r\n if (sParameterName[0] === param) {\r\n val = sParameterName[1];\r\n }\r\n }\r\n return val;\r\n };\r\n\r\n $scope.newSearch = function() {\r\n ctrl.page = 0;\r\n $scope.cards = [];\r\n $scope.showMore();\r\n };\r\n\r\n $scope.filterChanged = function() {\r\n ctrl.page = 0;\r\n $scope.cards = [];\r\n $location.search('magazine', $scope.filters.magazineFilter);\r\n $scope.showMore();\r\n };\r\n\r\n $scope.isActiveCategory = function (cat) {\r\n return _.find($scope.selectedCategories, function (catSelection) {\r\n return catSelection.id === cat.id;\r\n });\r\n };\r\n\r\n $scope.toggleCategory = function (selectedCategory) {\r\n var existingFilter = _.find($scope.selectedCategories, { 'id': selectedCategory.id });\r\n console.log('selected categories:');\r\n console.log($scope.selectedCategories);\r\n if (existingFilter !== undefined) {\r\n var filtersWithoutSelection = _.filter($scope.selectedCategories, function (cat) {\r\n return cat.id !== selectedCategory.id;\r\n });\r\n console.log('filters without ' + selectedCategory.name);\r\n console.log(filtersWithoutSelection);\r\n $scope.selectedCategories = filtersWithoutSelection;\r\n }\r\n else {\r\n $scope.selectedCategories.push(selectedCategory);\r\n }\r\n $location.search('category', _.map($scope.selectedCategories, 'name'));\r\n\r\n $scope.newSearch();\r\n };\r\n\r\n $scope.toggleEventTag = function(id) {\r\n var index = $scope.eventTags.indexOf(id);\r\n if (index > -1) {\r\n $scope.eventTags.splice(index, 1);\r\n } else {\r\n $scope.eventTags.push(id);\r\n }\r\n $location.search('event', $scope.eventTags);\r\n\r\n $scope.newSearch();\r\n };\r\n\r\n $scope.toggleYear = function (id) {\r\n var index = $scope.selectedYears.indexOf(id);\r\n if (index > -1) {\r\n $scope.selectedYears.splice(index, 1);\r\n } else {\r\n $scope.selectedYears.push(id);\r\n }\r\n $location.search('year', $scope.selectedYears);\r\n\r\n $scope.newSearch();\r\n };\r\n\r\n $scope.toggleBu = function(id) {\r\n var index = $scope.selectedBuCategories.indexOf(id);\r\n if (index > -1) {\r\n $scope.selectedBuCategories.splice(index, 1);\r\n } else {\r\n $scope.selectedBuCategories.push(id);\r\n }\r\n $location.search('buCategory', $scope.selectedBuCategories);\r\n\r\n $scope.newSearch();\r\n }\r\n\r\n $scope.resetFilters = function() {\r\n $scope.selectedCategories = [];\r\n $scope.eventTags = [];\r\n $scope.selectedYears = [];\r\n $scope.filters.magazineFilter = \"-1\";\r\n\r\n $scope.selectedBuCategories = ServerSettings.businessUnit != '' ? [ServerSettings.businessUnit] : [];\r\n ctrl.page = 0;\r\n\r\n var queryParams = UrlService.getQueryParams();\r\n delete queryParams['category'];\r\n delete queryParams['buCategory'];\r\n delete queryParams['event'];\r\n delete queryParams['year'];\r\n delete queryParams['magazine'];\r\n\r\n $location.url($location.path() + UrlService.toQueryString(queryParams));\r\n $scope.showMore();\r\n };\r\n\r\n;\r\n\r\n })\r\n .directive('enstoCardStatic', function (EnstoCardWrapper, TemplateUriHandler, _) {\r\n return {\r\n restrict: 'E',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-card-static.html?_=20210122'),\r\n scope: {\r\n card: '=',\r\n first: '=',\r\n publishedlabel: '@',\r\n tagslabel: '@',\r\n imagePreset: '@'\r\n },\r\n link: function(scope) {\r\n var cardWrapper = new EnstoCardWrapper();\r\n _.merge(scope.card, cardWrapper);\r\n }\r\n };\r\n })\r\n .component('enstoCardTeaser', {\r\n transclude: true,\r\n bindings: {\r\n link: '=',\r\n imageurl: '=',\r\n categoryname: '=',\r\n header: '=',\r\n publishdate: '=',\r\n teasertext: '=',\r\n readmoretext: '='\r\n },\r\n templateUrl: '/static/com/js/templates/enstocom-card-teaser.html?_=20210122',\r\n controller: function(){\r\n var $ctrl = this;\r\n }\r\n })\r\n //\r\n // A collapsible menu category component.\r\n //\r\n // usage:\r\n //\r\n // \r\n // ...any content that you want to\r\n // add inside the component.\r\n // \r\n .component('enstoMenuCategory', {\r\n transclude: true,\r\n bindings: {\r\n emcTitle: '@'\r\n },\r\n controller: function() {\r\n // todo: There should be a single truth\r\n // about the breakpoint somewhere in code.\r\n var xs_breakpoint = 767;\r\n \r\n // Collapse by default in mobile layout.\r\n if(window.innerWidth < xs_breakpoint) {\r\n this.isCollapsed = true;\r\n } else {\r\n this.isCollapsed = false;\r\n }\r\n },\r\n templateUrl: '/static/com/js/templates/enstocom-menu-category.html?_=2019994'\r\n\r\n });\r\n})(angular);\n// The `enstocom.teasers` module has directives for couple of teasers\r\n// TODO: Consider moving these directives inside product module or some other place... this would require some re-factoring.\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.teasers', ['pascalprecht.translate', 'enstocom.responsiveImage'])\r\n // directive is used to create product teasers inside DefaultNode.cshtml and inside frontpage \r\n .directive('enstoTeaser', function($translate, $log, _) {\r\n var TEASER_TYPES = /^(product|product2)$/;\r\n\r\n var isValidType = function(type) {\r\n return TEASER_TYPES.test(type);\r\n };\r\n\r\n return {\r\n restrict: 'E',\r\n require: '?enstoServerJson',\r\n templateUrl: function(element, attributes) {\r\n if(isValidType(attributes.type)) {\r\n return '/static/com/js/templates/enstocom-teaser-' + attributes.type + '.html';\r\n }\r\n },\r\n scope: {\r\n teaser: '=?',\r\n type: '@'\r\n },\r\n link: {\r\n pre: function(scope, element, attributes, ctrl) {\r\n if(!_.isNull(ctrl)) {\r\n scope.teaser = ctrl.getValue({});\r\n }\r\n },\r\n post: function(scope, element) {\r\n if(!isValidType(scope.type)) {\r\n $log.debug('enstoTeaser, given teaser type is not valid', scope.type);\r\n return;\r\n }\r\n\r\n if(scope.teaser.notInSelection) {\r\n $translate('/comproductpage/message/notinselection').then(function(text) {\r\n scope.teaserImgCaption = text;\r\n }, angular.noop);\r\n }\r\n\r\n element.addClass('ensto-teaser-' + scope.type);\r\n }\r\n }\r\n };\r\n })\r\n // directive is attached in to frontpage's news teaser area and it will only add attribute which will match into 'enstoFirstNews' directive\r\n .directive('enstoNewsTeaserArea', function() {\r\n return {\r\n restrict: 'C',\r\n compile: function(element) {\r\n var firstNewsEl = angular.element(element)\r\n .find('ensto-teaser-news')\r\n .eq(0);\r\n\r\n angular.element(firstNewsEl).attr('ensto-first-news', true)\r\n .parent()\r\n .removeClass('col-sm-6');\r\n }\r\n };\r\n })\r\n // directive sets simple 'firstNews' variable in to scope and it is used inside _Teaser.cshtml, inside frontpage news teasers area's first teaser will also show up image and take full width.\r\n .directive('enstoFirstNews', function() {\r\n return {\r\n restrict: 'A',\r\n scope: true,\r\n link: function(scope, element, attributes) {\r\n scope.firstNews = scope.$eval(attributes.enstoFirstNews);\r\n }\r\n };\r\n });\r\n})(angular);\n// The `enstocom.contactus` module is used inside \"Contact us\" slider (left) and ComContactFormPage.cshtml\r\n// This was removed 2021/11\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.contactus', ['ngMessages', 'ui.bootstrap', 'pascalprecht.translate', 'enstocom.utils', 'ropooy-angular-rdash'])\r\n // service to POST form data in to WebAPI + some logic that fits here\r\n .factory('EnstoContacus', function($http, $window, _) {\r\n var EnstoContacusService = {};\r\n\r\n EnstoContacusService.sendFrom = function(postData) {\r\n return $http.post('/api/contactform/post', postData/*, configObj*/);\r\n };\r\n\r\n EnstoContacusService.makeInquirySubjectGroups = function(inquirySubjects) {\r\n return _.chunk(inquirySubjects, $window.Math.round(_.size(inquirySubjects) / 2));\r\n };\r\n\r\n return EnstoContacusService;\r\n })\r\n // directive to add \"Contact us\" slider in to the page\r\n .directive('enstoContactusSlider', function(ElementHelper, TemplateUriHandler, _) {\r\n return {\r\n restrict: 'E',\r\n require: '?enstoServerJson',\r\n controller: 'EnstoContactusSliderController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-contactus-slider.html'),\r\n scope: {\r\n contactusData: '=?'\r\n },\r\n link: {\r\n pre: function(scope, element, attributes, ctrl) {\r\n if(!_.isNull(ctrl)) {\r\n scope.contactusData = ctrl.getValue({});\r\n }\r\n },\r\n post: function(scope, element) {\r\n scope.rePositionContactUsContainer = function() {\r\n var containerElem = angular.element(element).find('div').eq(0);\r\n\r\n if(containerElem.hasClass('ensto-contactus-container')) {\r\n // get top position from css\r\n if(_.isNull(scope.initialTopPosition)) {\r\n var styles = ElementHelper.getComputedStyle(containerElem);\r\n // asuming always positive \"top\" value\r\n scope.initialTopPosition = +styles.top.replace(/[^-\\d\\.]/g, '');\r\n }\r\n\r\n // get current scrollTop position\r\n var scrollTop = ElementHelper.scrollTop();\r\n\r\n // setting container element top position to correct one\r\n scope.topPosition.top = scope.initialTopPosition + scrollTop + 'px';\r\n scope.topPosition.position = 'absolute'; // check _enstocom-block-contactus.scss for more rules\r\n }\r\n };\r\n }\r\n }\r\n };\r\n })\r\n // directive to add contact us form in someplace\r\n .directive('enstoContactusForm', function(_,TemplateUriHandler) {\r\n return {\r\n restrict: 'E',\r\n require: '?enstoServerJson',\r\n controller: 'EnstoContactusFormController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-contactus-form.html'),\r\n scope: {\r\n contactusData: '=?'\r\n },\r\n link: {\r\n pre: function(scope, element, attributes, ctrl) {\r\n if(!_.isNull(ctrl)) {\r\n scope.contactusData = ctrl.getValue({});\r\n }\r\n\r\n scope.isInsideSlider = scope.$eval(attributes.isInsideSlider);\r\n },\r\n post: function(scope) {\r\n scope.setProductCategories();\r\n scope.setSubjectGroups();\r\n }\r\n }\r\n };\r\n })\r\n // controller for 'enstoContactusSlider' directive\r\n .controller('EnstoContactusSliderController', function ($window, $scope, $timeout, EnstoGA) {\r\n\r\n $scope.isCollapsed = true;\r\n $scope.isSliderOpened = false;\r\n $scope.initialTopPosition = null;\r\n $scope.topPosition = {};\r\n\r\n $scope.openContactUs = function() {\r\n $scope.isSliderOpened = true;\r\n $scope.rePositionContactUsContainer();\r\n\r\n $scope.isCollapsed = false;\r\n EnstoGA.trackEvent(\"contact-form\", \"contact-form-opened\", $window.document.title);\r\n };\r\n\r\n $scope.closeContactUs = function() {\r\n $scope.isCollapsed = true;\r\n\r\n $timeout(function() {\r\n $scope.topPosition.position = '';\r\n }, 1000);\r\n };\r\n })\r\n // controller for 'enstoContactusForm' directive\r\n .controller('EnstoContactusFormController', function($window, $scope, EnstoContacus, EnstoGA, ServerSettings, EnstoEmailRegex, $timeout, $translate, $log, _) {\r\n $scope.messageMaxLength = 600;\r\n $scope.enstoEmailRegex = EnstoEmailRegex;\r\n $scope.form = {};\r\n $scope.showText = '';\r\n\r\n $scope.countries = [\r\n {\r\n \"languageid\": \"en\",\r\n \"displayname\": \"Global market\"\r\n },\r\n {\r\n \"languageid\": \"fi\",\r\n \"displayname\": \"Finland\"\r\n },\r\n {\r\n \"languageid\": \"cs\",\r\n \"displayname\": \"Czech Republic and Slovak Republic\"\r\n },\r\n {\r\n \"languageid\": \"et\",\r\n \"displayname\": \"Estonia\"\r\n },\r\n {\r\n \"languageid\": \"fr\",\r\n \"displayname\": \"France\"\r\n },\r\n {\r\n \"languageid\": \"de\",\r\n \"displayname\": \"Germany\"\r\n },\r\n {\r\n \"languageid\": \"hu\",\r\n \"displayname\": \"Hungary\"\r\n },\r\n {\r\n \"languageid\": \"in\",\r\n \"displayname\": \"India\"\r\n },\r\n {\r\n \"languageid\": \"it\",\r\n \"displayname\": \"Italy\"\r\n },\r\n {\r\n \"languageid\": \"kk\",\r\n \"displayname\": \"Kazakhstan\"\r\n },\r\n {\r\n \"languageid\": \"lv\",\r\n \"displayname\": \"Latvia\"\r\n },\r\n {\r\n \"languageid\": \"lt\",\r\n \"displayname\": \"Lithuania\"\r\n },\r\n {\r\n \"languageid\": \"no\",\r\n \"displayname\": \"Norway\"\r\n },\r\n {\r\n \"languageid\": \"pl\",\r\n \"displayname\": \"Poland\"\r\n },\r\n {\r\n \"languageid\": \"ro\",\r\n \"displayname\": \"Romania\"\r\n },\r\n {\r\n \"languageid\": \"ru\",\r\n \"displayname\": \"Russia\"\r\n },\r\n {\r\n \"languageid\": \"es\",\r\n \"displayname\": \"Spain\"\r\n },\r\n {\r\n \"languageid\": \"sv\",\r\n \"displayname\": \"Sweden\"\r\n },\r\n {\r\n \"languageid\": \"en-gb\",\r\n \"displayname\": \"United Kingdom\"\r\n },\r\n {\r\n \"languageid\": \"uk\",\r\n \"displayname\": \"Ukraine\"\r\n },\r\n {\r\n \"languageid\": \"en-us\",\r\n \"displayname\": \"United states\"\r\n }\r\n ];\r\n\r\n $scope.getActiveCountry = function() {\r\n for (var i = 0; i < $scope.countries.length; ++i) {\r\n if ($scope.countries[i].languageid.toLowerCase() === ServerSettings.preferredCultureName.toLowerCase()) {\r\n return $scope.countries[i];\r\n } \r\n }\r\n };\r\n\r\n $scope.form.country = $scope.getActiveCountry();\r\n\r\n $translate('/contactus/sending/sending').then(function(text) {\r\n $scope.loadingText = text;\r\n }, angular.noop);\r\n\r\n $translate('/contactus/sending/successful').then(function(text) {\r\n $scope.sentSuccessfulText = text;\r\n }, angular.noop);\r\n\r\n $translate('/contactus/sending/failed').then(function(text) {\r\n $scope.sentFailedText = text;\r\n }, angular.noop);\r\n\r\n $scope.setProductCategories = function() {\r\n $scope.productCategories = _.map($scope.contactusData.rootproductcategorynames, function(categoryName, k) {\r\n return {name: categoryName, id: k};\r\n });\r\n };\r\n\r\n $scope.setSubjectGroups = function() {\r\n $scope.inquiryGroups = EnstoContacus.makeInquirySubjectGroups($scope.contactusData.subjectdata);\r\n };\r\n\r\n var getPostData = function() {\r\n var tmp = _.pick($scope.form, 'name', 'email', 'company', 'city', 'message');\r\n\r\n tmp.country = _.result($scope.form, 'country.displayname');\r\n\r\n // Add language parameter\r\n tmp.language = ServerSettings.pageLanguage;\r\n\r\n tmp.selectedInquirySubjectId = _.result($scope.form, 'inquiryType.pagereferenceid', '');\r\n tmp.selectedInquirySubjectTitle = _.result($scope.form, 'inquiryType.name', '');\r\n tmp.productCategory = _.result($scope.form, 'productCategory.name');\r\n\r\n return tmp;\r\n };\r\n\r\n var closeSendingOverlay = function(cb) {\r\n // delay close of overlay so that user can see success / fail message\r\n $timeout(function() {\r\n $scope.form.sending = false;\r\n\r\n if(_.isFunction(cb)) {\r\n cb();\r\n }\r\n }, 2000);\r\n };\r\n\r\n $scope.sendForm = function(is_valid) {\r\n if(!is_valid || $scope.form.sending) {\r\n return;\r\n }\r\n\r\n $scope.form.sending = true;\r\n $scope.showText = $scope.loadingText;\r\n\r\n EnstoContacus.sendFrom(getPostData())\r\n .then(function () {\r\n //EnstoGA.trackSocialShare('Ensto Contact Us', '/contactus/v.1/');\r\n EnstoGA.trackEvent(\"contact-form \", \"contact-form-submitted\", $window.document.title);\r\n $scope.showText = $scope.sentSuccessfulText;\r\n\r\n closeSendingOverlay(function() {\r\n $scope.form = {};\r\n $scope.ContactusForm.$setPristine();\r\n });\r\n }, function(error) {\r\n $log.debug('EnstoContactusFormController:: failed to send inquiry data', $scope.form, error);\r\n $scope.showText = $scope.sentFailedText;\r\n\r\n closeSendingOverlay();\r\n })\r\n .finally(function() {\r\n });\r\n };\r\n });\r\n})(angular);\n// The `enstocom.csrf` module is used to extract .NET csrf token from DOM and it then can be used in all request.\r\n// TODO: investigate this more deeply https://docs.angularjs.org/api/ng/provider/$httpProvider\r\n// in my quick test I was unable to get this work. I did add $httpProvider in to app config and set the cookie name + header name but it was not adding token to every xhr request.\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.csrf', [])\r\n // service contains default values and adds csrf token in to headers\r\n .factory('EnstoCSRFToken', function($http) {\r\n var EnstoCSRFTokenService = {\r\n name: '__RequestVerificationToken',\r\n headerName: 'X-CSRF-Token',\r\n value: null\r\n };\r\n\r\n EnstoCSRFTokenService.setCSRFTokenHeader = function() {\r\n $http.defaults.headers.common[this.headerName] = this.value;\r\n };\r\n\r\n return EnstoCSRFTokenService;\r\n })\r\n // directive to parse csrf token from DOM\r\n .directive('enstoCsrfTokenParser', function(EnstoCSRFToken, $log) {\r\n return {\r\n restrict: 'E',\r\n link: function(scope, elemenet) {\r\n if(elemenet.find('input').eq(0).attr('name') !== EnstoCSRFToken.name) {\r\n $log.warn('enstoCsrfTokenParser: Unable to find input with \"name\"', EnstoCSRFToken.name);\r\n return;\r\n }\r\n\r\n EnstoCSRFToken.value = elemenet.find('input').eq(0).val();\r\n\r\n // set token header\r\n EnstoCSRFToken.setCSRFTokenHeader();\r\n\r\n // finally remove token from DOM\r\n elemenet.remove();\r\n }\r\n };\r\n });\r\n})(angular);\n// The `enstocom.wheretobuy` module provides contacts handling \r\n(function (angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.wheretobuy', ['ngResource'])\r\n // service used to communicate with WebAPI\r\n .factory('WhereToBuy', function ($resource, ServerSettings) {\r\n var WhereToBuyService = $resource('/api/contacts', {\r\n language: ServerSettings.preferredCultureName,\r\n page: 1,\r\n pageSize: 24,\r\n bu: ServerSettings.businessUnit\r\n }, {\r\n getContacts: {\r\n method: 'GET',\r\n params: {\r\n areaIds: null,\r\n categoryIds: null,\r\n roleIds: null,\r\n countyAreaIds: null\r\n }\r\n }\r\n });\r\n\r\n return WhereToBuyService;\r\n })\r\n // controller used inside ComContactsLandingPage.cshtml to wrap page content around it\r\n .controller('EnstoWhereToBuyPageController', function ($scope, WhereToBuy, ServerSettings, _) {\r\n var ctrl = this;\r\n $scope._ = _;\r\n $scope.contacts = [];\r\n $scope.loadingContacts = false;\r\n $scope.selectedCountry = {};\r\n $scope.selectedCategories = {};\r\n $scope.hasMore = true;\r\n $scope.page = 1;\r\n $scope.initialSearchDone = false;\r\n\r\n ctrl.resetResults = function () {\r\n $scope.hasMore = true;\r\n $scope.page = 1;\r\n $scope.contacts = [];\r\n };\r\n\r\n ctrl.getSelectedRoleId = function () {\r\n var selectedId = {};\r\n if ($scope.roles.currentlySelected !== undefined) {\r\n selectedId = $scope.roles.currentlySelected.Key;\r\n }\r\n return selectedId;\r\n };\r\n\r\n ctrl.getSelectedAreasIds = function () {\r\n var selectedId = {};\r\n if ($scope.rootGeographicalAreas.currentlySelected !== undefined) {\r\n selectedId = $scope.rootGeographicalAreas.currentlySelected.Key;\r\n }\r\n return selectedId;\r\n };\r\n\r\n ctrl.getSelectedCategoryId = function () {\r\n var selectedId = {};\r\n if ($scope.productCategories.currentlySelected !== undefined) {\r\n selectedId = $scope.productCategories.currentlySelected.Key;\r\n }\r\n return selectedId;\r\n };\r\n\r\n ctrl.getSelectedCountyId = function () {\r\n var selectedId = {};\r\n if ($scope.counties.currentlySelected !== undefined) {\r\n selectedId = $scope.counties.currentlySelected.Key;\r\n }\r\n return selectedId;\r\n };\r\n\r\n ctrl.attachWatchers = function () {\r\n\r\n $scope.$watch('roles.currentlySelected', function (newVal, oldVal) {\r\n if (newVal === oldVal || newVal === undefined) {\r\n return;\r\n }\r\n\r\n ctrl.resetResults();\r\n $scope.showContacts();\r\n });\r\n\r\n $scope.$watch('counties.currentlySelected', function (newVal, oldVal) {\r\n if (newVal === oldVal || newVal === undefined) {\r\n return;\r\n }\r\n\r\n ctrl.resetResults();\r\n $scope.showContacts();\r\n });\r\n\r\n $scope.$watch('rootGeographicalAreas.currentlySelected', function (newVal, oldVal) {\r\n if (newVal === oldVal || newVal === undefined) {\r\n return;\r\n }\r\n\r\n $scope.counties.currentlySelected = undefined;\r\n $scope.roles.currentlySelected = undefined;\r\n $scope.productCategories.currentlySelected = undefined;\r\n\r\n ctrl.resetResults();\r\n $scope.showContacts();\r\n });\r\n\r\n $scope.$watchCollection('productCategories.currentlySelected', function (newVal, oldVal) {\r\n if (newVal === oldVal || newVal === undefined) {\r\n return;\r\n }\r\n ctrl.resetResults();\r\n $scope.showContacts();\r\n });\r\n };\r\n\r\n $scope.showCountySelector = function () {\r\n return $scope.inEditMode || ($scope.showSubFilters() && $scope.counties.Values.length > 0 && (!_.isEmpty($scope.rootGeographicalAreas.currentlySelected) || $scope.rootGeographicalAreas.Values.length === 1));\r\n };\r\n\r\n $scope.showRootGeographicalAreaSelector = function () {\r\n return $scope.inEditMode || $scope.rootGeographicalAreas.Values.length > 1;\r\n };\r\n\r\n $scope.showSubFilters = function () {\r\n return $scope.inEditMode || $scope.initialSearchDone;\r\n };\r\n\r\n $scope.showProductCategorySelector = function () {\r\n return ServerSettings.businessUnit != \"DSO\" && ($scope.inEditMode || $scope.initialSearchDone);\r\n }\r\n\r\n $scope.showContacts = function () {\r\n\r\n $scope.loadingContacts = true;\r\n\r\n WhereToBuy.getContacts({\r\n areaIds: ctrl.getSelectedAreasIds(),\r\n roleIds: ctrl.getSelectedRoleId(),\r\n countyAreaIds: ctrl.getSelectedCountyId(),\r\n categoryIds: ctrl.getSelectedCategoryId(),\r\n page: $scope.page\r\n }).$promise\r\n .then(function (results) {\r\n $scope.hasMore = results.Hasmore;\r\n $scope.page++;\r\n $scope.roles.Values = results.Roles.Values;\r\n $scope.counties.Values = results.Counties.Values;\r\n $scope.productCategories.Values = results.ProductCategories.Values;\r\n $scope.initialSearchDone = true;\r\n\r\n $scope.setResultCountString(results.Total);\r\n\r\n _.forEach(results.Results, function (contact) {\r\n $scope.contacts.push(contact);\r\n });\r\n }, angular.noop)\r\n .finally(function () {\r\n $scope.loadingContacts = false;\r\n });\r\n };\r\n\r\n $scope.setResultCountString = function (count) {\r\n $scope.resultCountString = $scope.resultCountTemplate.replace('{0}', count);\r\n };\r\n\r\n $scope.init = function (rootGeographicalAreas, inEditMode, resultCountTemplate) {\r\n $scope.rootGeographicalAreas = rootGeographicalAreas;\r\n $scope.roles = {};\r\n $scope.productCategories = {};\r\n $scope.counties = {};\r\n $scope.resultCountTemplate = resultCountTemplate;\r\n $scope.inEditMode = inEditMode;\r\n\r\n ctrl.attachWatchers();\r\n\r\n if (_.isEmpty(rootGeographicalAreas.Values)) {\r\n $scope.showContacts();\r\n }\r\n\r\n if ($scope.rootGeographicalAreas.Values.length === 1) {\r\n $scope.rootGeographicalAreas.currentlySelected = $scope.rootGeographicalAreas.Values[0];\r\n $scope.showContacts();\r\n }\r\n };\r\n })\r\n // wrapper for single contact JSON object. simplifies views.\r\n .factory('EnstoContactWrapper', function () {\r\n return function () {\r\n return {\r\n getWebAddress: function () {\r\n return this.WebAddress || this.webaddress;\r\n },\r\n getTitle: function () {\r\n return this.Title || this.title;\r\n },\r\n getRoles: function () {\r\n return this.RoleIds || this.roleids;\r\n },\r\n getImage: function () {\r\n return this.ImageUrl || this.imageurl;\r\n },\r\n getJobTitle: function () {\r\n return this.JobTitle || this.jobtitle;\r\n },\r\n getIntroText: function () {\r\n return this.IntroText || this.introtext;\r\n },\r\n getCategoryNames: function () {\r\n return this.CategoryNames || this.categorynames;\r\n },\r\n getAddress: function () {\r\n return this.Address || this.address;\r\n },\r\n getZip: function () {\r\n return this.Zip || this.zip;\r\n },\r\n getCity: function () {\r\n return this.City || this.city;\r\n },\r\n getCountry: function () {\r\n return this.Country || this.country;\r\n },\r\n getEmail: function () {\r\n return this.Email || this.email;\r\n },\r\n getPhone: function () {\r\n return this.Phone || this.phone;\r\n },\r\n getType: function () {\r\n return this.Type || this.type;\r\n },\r\n getCompany: function () {\r\n return this.CompanyName || this.companyName;\r\n }\r\n };\r\n };\r\n })\r\n .factory('roleTranslator', function ($translate) {\r\n var translatorFactory = {};\r\n\r\n translatorFactory.getFriendlyText = function (roleId) {\r\n var friendlyText = '';\r\n switch (roleId) {\r\n case 1:\r\n friendlyText = $translate.instant('/contactroles/sales');\r\n break;\r\n case 2:\r\n friendlyText = $translate.instant('/contactroles/techsupport');\r\n break;\r\n case 3:\r\n friendlyText = $translate.instant('/contactroles/customerservice');\r\n break;\r\n case 4:\r\n friendlyText = $translate.instant('/contactroles/training');\r\n break;\r\n case 5:\r\n friendlyText = $translate.instant('/contactroles/reseller');\r\n break;\r\n case 6:\r\n friendlyText = $translate.instant('/contactroles/exclusivepartner');\r\n break;\r\n default:\r\n friendlyText = '';\r\n }\r\n return friendlyText;\r\n };\r\n\r\n translatorFactory.getDefault = function () {\r\n return $translate.instant('/contactroles/default');\r\n };\r\n return translatorFactory;\r\n })\r\n .filter('friendlyTextForRole', function (roleTranslator, _) {\r\n function enstoFilterValueFilter(roleIds) {\r\n if (roleIds) {\r\n var friendlyText = '';\r\n var i = 0;\r\n _.forEach(roleIds, function (roleId) {\r\n friendlyText += roleTranslator.getFriendlyText(roleId);\r\n i++;\r\n var isLast = (i === roleIds.length);\r\n if (!isLast) {\r\n friendlyText += '\\xa0\\xa0\\xa0|\\xa0\\xa0\\xa0';\r\n }\r\n });\r\n return friendlyText;\r\n } else {\r\n return roleTranslator.getDefault();\r\n }\r\n }\r\n return enstoFilterValueFilter;\r\n })\r\n\r\n\r\n // controller for 'enstoSearchFacetGroup' directive\r\n .controller('EnstoContactController', function ($window, $element, $scope, EnstoGA) {\r\n\r\n $scope.openContact = function ($event) {\r\n //remove link\r\n $event.target.innerHTML = \"\";\r\n var contactPersonName = $scope.contact.Title;\r\n\r\n //workaround for product's contacts\r\n if (typeof contactPersonName === 'undefined') {\r\n var arr = $scope.contact.email.split(\"@\")[0].split(\".\");\r\n contactPersonName = arr[0].charAt(0).toUpperCase() + arr[0].slice(1) + \" \" + arr[1].charAt(0).toUpperCase() + arr[1].slice(1);\r\n }\r\n\r\n $scope.hideContact = true;\r\n\r\n //$window.ga('send', 'event', 'show-contact-information', 'ContactPerson', contactPersonName);\r\n EnstoGA.trackContactOpening('openContact', contactPersonName);\r\n\r\n };\r\n })\r\n\r\n // directive to render single contact\r\n .directive('enstoContact', function (ViewportWatcher, $interpolate, EnstoContactWrapper,TemplateUriHandler, _) {\r\n var contactWrapper = new EnstoContactWrapper();\r\n\r\n return {\r\n restrict: 'E',\r\n controller: 'EnstoContactController',\r\n templateUrl: TemplateUriHandler('/static/com/js/templates/enstocom-contact.html'),\r\n scope: {\r\n contact: '='\r\n },\r\n link: function (scope) {\r\n\r\n if (scope.contact !== undefined) {\r\n\r\n _.merge(scope.contact, contactWrapper);\r\n\r\n scope.showPhoneLink = false;\r\n\r\n // Set Contact Type\r\n scope.contactType = scope.contact.Type;\r\n // If address is not empty, generate a google maps link\r\n\r\n if (!_.isEmpty(scope.contact.getAddress())) {\r\n scope.mapUrl = $interpolate('http://maps.google.fi/?q={{::contact.getAddress()}}, {{::contact.getZip()}} {{::contact.getCity()}}, {{::contact.getCountry()}}')(scope);\r\n }\r\n // Use link in mobile\r\n if (ViewportWatcher.viewport === 'mobile') {\r\n scope.showPhoneLink = true;\r\n }\r\n }\r\n }\r\n };\r\n });\r\n})(angular);\n// The `enstocom.social` module provides social service integrations.\r\n// currently we are using https://www.addtoany.com/\r\n(function(angular) {\r\n 'use strict';\r\n\r\n angular.module('enstocom.social', ['enstocom.utils', 'ui.bootstrap', 'ropooy-angular-rdash'])\r\n // Add to Any configuration\r\n .factory('EnstoShareConfig', function($window) {\r\n $window.a2a_config = $window.a2a_config || {};\r\n $window.a2a_config.callbacks = $window.a2a_config.callbacks || [];\r\n\r\n return $window.a2a_config;\r\n })\r\n // Service which handles Add to Any initialization and GA trackings from shares.\r\n // NOTE: 'Share' is tracked when someone opens up share window I did not make so accurate\r\n // system where you need to actually share the link, because I do not belive that many people are even opening those share windows.\r\n // so it is very very likely that someone who opens that share window, he/she will also make the actual share.\r\n\r\n //TODO: Move Add to any script initialization inside 'enstoShareButtons' directive\r\n .factory('EnstoShare', function($rootElement, EnstoShareConfig, EnstoGA, _) {\r\n var EnstoShareService = {};\r\n var ready = false;\r\n var initializing = false;\r\n var cbs = [];\r\n\r\n var scriptEl = angular.element('');\n$templateCache.put('./com/js/templates/enstocom-address.html','{{::address.name}}
{{::address.streetaddress}}
{{::address.zip}} {{::address.city}}
{{::address.country}}
');\n$templateCache.put('./com/js/templates/enstocom-button-icon.html',' ![](\"/static/img/login.png\")
![](\"/static/img/user-icon.png\")
');\n$templateCache.put('./com/js/templates/enstocom-card-article.html',' ');\n$templateCache.put('./com/js/templates/enstocom-card-collection.html','');\n$templateCache.put('./com/js/templates/enstocom-card-static.html','');\n$templateCache.put('./com/js/templates/enstocom-card-teaser.html','');\n$templateCache.put('./com/js/templates/enstocom-carousel-reference.html','');\n$templateCache.put('./com/js/templates/enstocom-carousel-thumbnail.html','');\n$templateCache.put('./com/js/templates/enstocom-carousel.html','');\n$templateCache.put('./com/js/templates/enstocom-category-filter-dropdown.html','');\n$templateCache.put('./com/js/templates/enstocom-category-filter-input.html','');\n$templateCache.put('./com/js/templates/enstocom-category-filters.html','{{\\'/comproductpage/message/selectedfilters\\' |translate}}:
{{value.value}} {{value.unit}}
id:{{$ctrl.Id}} {{$ctrl.address.Line1Address}} {{$ctrl.address.Line2Address}} {{$ctrl.address.PostalNumber}} {{$ctrl.address.City}} {{$ctrl.address.CountryCode}}
{{\\'/contactus/validation/required\\' |translate}}
{{\\'/contactus/validation/email\\' |translate}}
{{\\'/contactus/validation/message\\' |translate}}
');\n$templateCache.put('./com/js/templates/enstocom-contactus-form.html','');\n$templateCache.put('./com/js/templates/enstocom-contactus-slider.html','');\n$templateCache.put('./com/js/templates/enstocom-footer-bottom.html','');\n$templateCache.put('./com/js/templates/enstocom-footer-top.html','');\n$templateCache.put('./com/js/templates/enstocom-linklist.html','');\n$templateCache.put('./com/js/templates/enstocom-loading.html','');\n$templateCache.put('./com/js/templates/enstocom-mainnavbar-facelift.html','');\n$templateCache.put('./com/js/templates/enstocom-mainnavbar.html','');\n$templateCache.put('./com/js/templates/enstocom-megamenu.html','');\n$templateCache.put('./com/js/templates/enstocom-menu-category.html','');\n$templateCache.put('./com/js/templates/enstocom-menu-icon.html','');\n$templateCache.put('./com/js/templates/enstocom-message.html','
');\n$templateCache.put('./com/js/templates/enstocom-modal-copy-link.html','');\n$templateCache.put('./com/js/templates/enstocom-modal-product-image.html','
');\n$templateCache.put('./com/js/templates/enstocom-modal-videoplayer.html','
');\n$templateCache.put('./com/js/templates/enstocom-myselection-button.html','');\n$templateCache.put('./com/js/templates/enstocom-myselection-form.html','');\n$templateCache.put('./com/js/templates/enstocom-myselection.html','');\n$templateCache.put('./com/js/templates/enstocom-product-accordion.html',' {{::tab.translationkey |translate}}
: = $ctrl.availabilityToBeConfirmed\" translate=\"/comproductpage/toBeConfirmed\"> ');\n$templateCache.put('./com/js/templates/enstocom-product-lightbox.html','
');\n$templateCache.put('./com/js/templates/enstocom-product-pdf-popover.html','');\n$templateCache.put('./com/js/templates/enstocom-product-tab-benefits.html','');\n$templateCache.put('./com/js/templates/enstocom-product-tab-contacts.html','
');\n$templateCache.put('./com/js/templates/enstocom-product-tab-download.html',' | | |
|---|
| {{::file.displaytitle}} | {{::file.extension}} |
');\n$templateCache.put('./com/js/templates/enstocom-product-tab-news.html','
');\n$templateCache.put('./com/js/templates/enstocom-product-tabs.html',' {{::tab.translationkey |translate}} ');\n$templateCache.put('./com/js/templates/enstocom-product-view-grid.html','');\n$templateCache.put('./com/js/templates/enstocom-product-view-list.html','');\n$templateCache.put('./com/js/templates/enstocom-purchase-history.html',' | | |
|---|
| {{row.OrderNumber}} | {{row.PurchaseDate | date:\\'yyyy-MM-dd\\'}} | {{row.Total.Amount}} {{row.Total.Currency}} |
');\n$templateCache.put('./com/js/templates/enstocom-responsive-image-base.html',' ![\"{{::alt}}\"]( "\\"{{title}}\\"")
');\n$templateCache.put('./com/js/templates/enstocom-responsive-image.html',' ![\"{{::alt}}\"]( "\\"{{title}}\\"")
');\n$templateCache.put('./com/js/templates/enstocom-search-facet.html',' {{::facet.Name}}');\n$templateCache.put('./com/js/templates/enstocom-search-form.html','');\n$templateCache.put('./com/js/templates/enstocom-search-result-default.html','{{::result.LabelText}}
{{::result.LabelText}}
| |
| |
| |
| |
| |
|
| |
{{::\\'/comproductpage/message/notinselection\\' |translate}} |
');\n$templateCache.put('./com/js/templates/enstocom-spinner.html','');\n$templateCache.put('./com/js/templates/enstocom-tab-handle.html','');\n$templateCache.put('./com/js/templates/enstocom-teaser-product.html',' ');\n$templateCache.put('./com/js/templates/enstocom-teaser-product2.html',' ');\n$templateCache.put('./com/js/templates/enstocom-video-embed.html','');\n$templateCache.put('./com/js/templates/enstocom-video-teaser-card.html','');\n$templateCache.put('./com/js/templates/enstocom-video-thumbnail.html',' ![]()
');\n$templateCache.put('./com/js/templates/priced-products-counter.html','{{$ctrl.pricedItemsCount}}');\n$templateCache.put('./com/js/templates/product-attributes.html','
{{::section.Name}}
| {{::attribute.Name}}: | {{::attribute.Value}} {{::attribute.Unit}} | |
');\n$templateCache.put('./com/js/templates/product-listing-table.html','');\n$templateCache.put('./com/js/templates/product-navigation.html','');\n$templateCache.put('./com/js/templates/product-technical-details.html','
{{::section.name}}
0\">| {{::attribute.name}}: | {{::attribute.value}} {{::attribute.unit}} | |
{{category.Name}}{{category.PricedProductsCount}}
0\" class=\"sub-nav list-group ensto-sidenav-sub-level\">
');}]);"]}![\"Ensto](\"/static/img/ENSTO_logo.svg\" "\\"Saves"){kind=logo}