',\n link: function (scope, element, attrs) {\n scope.buttonText = attrs.expandText;\n scope.iconClass = attrs.expandIconClass;\n scope.showMore = false;\n scope.useClickExpand = function () {\n var retArgs = false;\n if (attrs.useClickExpand === \"true\" && scope.showMore) {\n retArgs = true;\n }\n return retArgs;\n };\n scope.originalText = '';\n scope.ellipsisText = '';\n scope.originalMaxHeight = '';\n scope.ellipsisExpanded = false;\n scope.containerElement = element.find('.sumt-ellipsis-container');\n //scope.buttonObj = element.find('.sumt-expand-collapse');\n scope.currentValue = '';\n scope.ellipsisElements = [];\n\n\n scope.handleClickEvent = function () {\n if (!scope.ellipsisExpanded) {\n //scope.currentValue = scope.originalText;\n scope.ellipsisExpanded = true;\n scope.originalMaxHeight = element.css(\"max-height\");\n scope.containerElement.css(\"max-height\", \"none\");\n scope.buttonText = attrs.collapseText;\n scope.iconClass = attrs.collapseIconClass;\n //element.find('.icon-downarrow-blue').addClass(\"icon-uparrow-blue\");\n //element.find('.icon-downarrow-blue').removeClass(\"icon-downarrow-blue\");\n } else if (scope.ellipsisExpanded) {\n //scope.currentValue = scope.ellipsisText;\n scope.ellipsisExpanded = false;\n scope.containerElement.css(\"max-height\", \"3.75em\");\n scope.buttonText = attrs.expandText;\n scope.iconClass = attrs.expandIconClass;\n //element.find('.icon-uparrow-blue').addClass(\"icon-downarrow-blue\");\n //element.find('.icon-uparrow-blue').removeClass(\"icon-uparrow-blue\");\n }\n };\n\n if (!scope.ellipsisExpanded) {\n //if () {\n //if (scope.textCheck) {\n\n scope.currentValue = scope.$eval(attrs.descValue).expandableText;\n //scope.originalText = scope.$eval(attrs.descValue).expandableText;\n\n var tempElement = $(scope.containerElement).clone().insertBefore($(scope.containerElement));\n tempElement.css({\n position: \"absolute\",\n visibility: \"hidden\",\n zindex: \"-1\"\n });\n\n var width = parseInt(scope.containerElement[0].style.width ? scope.containerElement[0].style.width : (scope.containerElement.css(\"max-width\") != \"none\" ? scope.containerElement.css(\"max-width\") : scope.containerElement.css(\"width\")), 10);\n var height = parseInt(scope.containerElement[0].style.height ? scope.containerElement[0].style.height : (scope.containerElement.css(\"max-height\") != \"none\" ? scope.containerElement.css(\"max-height\") : null), 10);\n var curText = scope.$eval(attrs.descValue).expandableText;\n\n tempElement.css({\n \"width\": height ? width + \"px\" : \"\",\n \"max-width\": \"none\",\n \"height\": \"\",\n \"max-height\": \"none\"\n });\n tempElement.text(curText);\n\n if ((height && tempElement.height() > height) || (!height && tempElement.width() > width)) {\n scope.showMore = true;\n //while (curText.length > 0 && ((height && tempElement.height() > height) || (!height && tempElement.width() > width))) {\n //\tcurText = curText.substring(0, curText.length - 1);\n //\ttempElement.text(curText + \"...\");\n //\t//console.log('got here - ' + test++);\n //}\n //scope.ellipsisText = tempElement.text();\n //scope.currentValue = tempElement.text();\n }\n tempElement.remove();\n //}\n //}\n }\n if (attrs.useAutoResize) {\n if (scope.ellipsisElements.length === 0) {\n $(\"#divMainContent\").on(\"content-resize\", function () {\n if ($SumtUI.EllipsisResizeTimeout)\n window.clearTimeout($SumtUI.EllipsisResizeTimeout);\n $SumtUI.EllipsisResizeTimeout = window.setTimeout(function () {\n for (var i = 0; i < $SumtUI.EllipsisElements.length; i++)\n scope.applyEllipsis($SumtUI.EllipsisElements[i]);\n }, 100);\n });\n }\n scope.ellipsisElements.push(scope.containerElement);\n }\n }\n };\n });\n\nangular.module(\"SumTotalNGEnterModule\", [])\n.directive('ngEnter', function () { //a directive to 'enter key press' in elements with the \"ng-enter\" attribute\n return function (scope, element, attrs) {\n element.on(\"keydown keypress\", function (event) {\n if (event.which === 13) {\n scope.$apply(function () {\n scope.$eval(attrs.ngEnter);\n });\n\n event.preventDefault();\n }\n });\n };\n});\n\n/* jshint strict:false */\nangular.module('SumTotalValidatedText', [])\n .directive('sumtValidatedText', function () {\n return {\n restrict: 'EA',\n // require: ['ngModel', '^form'],\n // require: '^form',\n replace: true,\n templateUrl: 'forms/text.html',\n scope: {\n validatedName: '@',\n validatedLabel: '&',\n controlData: '=',\n required: '@'\n },\n link: function (scope, element, attrs, controllers) { // jshint ignore:line\n //scope._required = (scope.required === 'true') ? '' : 'required';\n// if (scope.required === 'true') {\n// element.find('input').attr('required', true);\n// }\n\n scope.getFormGroupClass = function (invalid, dirty, valid) {\n if (invalid && dirty) {\n return 'has-error';\n } else if (valid && dirty) {\n return 'has-success';\n } else {\n return '';\n }\n };\n }\n };\n });\n\n// UMD / AMD: https://github.com/umdjs/umd/blob/master/templates/amdWeb.js\n(function (root, factory) {\n 'use strict';\n\n if (typeof define === 'function' && define.amd) {\n // AMD. Register as an anonymous module.\n define(['angular'], factory);\n } else {\n // Browser globals\n factory(root.angular);\n }\n}(this, function (angular) {\n 'use strict';\n\n function MultiTransclude() {\n return {\n transclude: function (elem, transcludeFn, scope) {\n transcludeFn(function (clone) {\n angular.forEach(clone, function (cloneEl) {\n if (cloneEl.attributes) {\n var destinationId = cloneEl.attributes[\"transclude-to\"].value;\n var destination = angular.element(elem[0].querySelector('[transclude-id=\"' + destinationId + '\"]'));\n if (destination.length) {\n destination.append(cloneEl);\n } else {\n cloneEl.remove();\n }\n }\n });\n });\n }\n };\n }\n\n angular.module(\"SumTotalComponents.Helpers\", [])\n .factory(\"MultiTransclude\", [\n MultiTransclude\n ]);\n}));\n\nangular.module('SumTotalLiveRegion', [])\n .provider('$sumtliveregion', function () {\n // Maybe put something here later?\n var options = this.options = {\n ariaLevel: \"assertive\",\n ariaRelevant: null,\n ariaAtomic: true,\n ariaLabeledBy: null,\n ariaDescribedBy: null\n }\n this.$get = function ($window, $rootScope, $timeout, $translate) {\n\n function LiveRegionFactory(element, controller, config) {\n var $sumtliveregion = {};\n var _queue = [];\n var _curMessage;\n var _translations;\n var _translationKeys = [\n 'SORTING_TXT',\n 'ASCENDING_TXT',\n 'DESCENDING_TXT'\n ];\n\n $sumtliveregion.create = function (msg, config) {\n var message;\n message = angular.extend({\n msg: msg\n }, options, config);\n _queue.push(message);\n $sumtliveregion.queue = _queue;\n this.show();\n }\n\n $sumtliveregion.show = function () {\n if (_queue.length > 0) {\n _curMessage = _queue.length > 0 ? _queue[0] : null;\n _queue.splice(0, 1);\n // If queue still has items in it then handle by concatenating all of the messages together. \n // NOTE: This should be a corner case and is not advised per TPG.\n if (_queue.length > 0) {\n // TODO: Loop through the queue and append into one single message \n }\n $sumtliveregion.curMessage = _curMessage;\n }\n }\n\n $sumtliveregion.ngTableEvent = function (ngTableParams, config) {\n // Clear out the previous message for testing\n _curMessage = null;\n var msg;\n var sorting = ngTableParams.sorting();\n var orderBy = ngTableParams.orderBy();\n var filtering = ngTableParams.filter();\n var sortName = orderBy[0].slice(1);\n // If a caption is setup for a table it can be passed in (as right now there is no way in NG-Table to grab current table elements)\n var caption = ngTableParams.tableCaption ? ngTableParams.tableCaption : \"\";\n var sortDirection = sorting[sortName] == \"asc\" ? \"ASCENDING_TXT\" : \"DESCENDING_TXT\";\n var that = this;\n if (!_translations) {\n $translate(_translationKeys).then(function (translations) {\n _translations = translations;\n // Create a default message for NTTable sorting events\n msg = _translations['SORTING_TXT'] + \" \" + caption + \" \" + sortName + \" \" + _translations[sortDirection];\n that.create(msg, config);\n });\n } else {\n // Create a default message for NTTable sorting events\n msg = _translations['SORTING_TXT'] + \" \" + caption + \" \" + sortName + \" \" + _translations[sortDirection];\n this.create(msg, config);\n }\n }\n\n $sumtliveregion.showNext = function () {\n _curMessage = null;\n this.show();\n }\n\n return $sumtliveregion;\n }\n LiveRegionFactory.options = options;\n return new LiveRegionFactory;\n };\n\n this.$get.$inject = ['$window', '$rootScope', '$timeout', '$translate'];\n })\n .directive('sumtLiveRegion', ['$window', '$sumtliveregion', function ($window, $sumtliveregion) {\n return {\n restrict: 'EA',\n templateUrl: 'liveregion/liveregion_view.html',\n link: function (scope, element, attr) {\n scope.sumtliveregion = $sumtliveregion;\n }\n }\n }]);\n\nangular.module(\"SumTotalLeftNav\", ['ngSanitize'])\n .directive('leftNavigation', ['$leftNavs', function ($leftNavs) {\n return {\n replace: false,\n restrict: 'A',\n templateUrl: 'leftnav/leftnav_view.html',\n transclude: true,\n scope: {\n header: '=',\n navData: '=',\n selectedNavData: '=',\n nodeClicked: '=',\n imageclicked: \"&\",\n persondata: \"=\",\n emulation: \"=\",\n exitemulation: \"&\",\n\t\tswitchdomain:\"=\",\n\t\ttranslationobject:\"=\"\n },\n link: function (scope, element, attrs) {\n scope.leftNavsProvider = $leftNavs;\n\n var key = attrs.name || attrs.id;\n key = key || 'defaultLeftNav';\n\n var contentTemplateUrl = angular.isDefined(attrs['contentTemplateUrl']) ? attrs['contentTemplateUrl'] : 'leftnav/leftnav_content_template_view.html';\n\n scope.asideScope = scope.$new();\n scope.asideScope.title = scope.header;\n scope.asideScope.show = false;\n\n scope.asideOptions = {\n title: scope.asideScope.title,\n backdrop: false,\n scope: scope.asideScope,\n templateUrl: contentTemplateUrl,\n html: true,\n placement: 'left',\n animation: 'am-slide-left',\n keyboard: false,\n show: scope.asideScope.show\n };\n scope.leftNavsProvider.addLeftNavigation(key, scope.asideOptions);\n\n scope.leftNavigationObject = scope.leftNavsProvider.getLeftNavigation(key);\n\n scope.navigateToAdmin = function (node, item) {\n scope.nodeClicked(node);\n }\n\n scope.close = function () {\n scope.leftNavsProvider.close(key);\n };\n\n scope.$watch('header', function (newVal) {\n scope.asideScope.title = newVal\n });\n\n scope.handleNodes = function (node, item) {\n\n item.toggle();\n }\n\n scope.handleNodeSelected = function (node, item) {\n\n if (node.RPKey == \"Catalog\") {\n\n scope.nodeClicked(node)\n } else {\n if (scope.nodeClicked && typeof scope.nodeClicked === 'function' && node.childNodes == null || node.childNodes.length == 0) {\n scope.nodeClicked(node);\n } else {\n item.toggle();\n }\n }\n\n };\n }\n };\n }]);\n\nangular.module('SumTotalLeftNav')\n .provider('$leftNavs', function () {\n var _navigationsHash = {};\n var _currentKey = null;\n var _previousKey = null;\n\n var _addNavigation = function (key, leftNavAside) {\n var scopedObject = {\n isShown: false,\n showLimit: 3,\n toggleLimit: false,\n appended: false,\n onClose: null,\n leftNavAside: leftNavAside\n };\n\n if (!_navigationsHash[key]) {\n _navigationsHash[key] = scopedObject;\n }\n };\n\n function _closeCurrent() {\n if (_currentKey) {\n _navigationsHash[_currentKey].leftNavAside.hide();\n _navigationsHash[_currentKey].isShown = false;\n _previousKey = _currentKey;\n }\n };\n\n function _toggleNavigation(key, state) {\n switch (state) {\n case \"open\":\n _closeCurrent();\n if (_navigationsHash[key]) {\n _navigationsHash[key].leftNavAside.show();\n _navigationsHash[key].isShown = true;\n _currentKey = key; \n // By default, setting focus on the lefyNav container.\n setTimeout(function () {\n\t\t\tvar container = $('div.leftNav_container');\n\t\t\tif (container.length > 0)\n container[0].focus();\n\t\t else\n\t\t\t container.focus(); \n },500);\n }\n break;\n case \"close\":\n if (_navigationsHash[key]) {\n _navigationsHash[key].leftNavAside.hide();\n _navigationsHash[key].isShown = false;\n _currentKey = null;\n _previousKey = null;\n }\n break;\n }\n };\n\n this.$get = ['$log', '$aside', '$injector', function ($log, $aside, $injector) {\n var navigationsHash = _navigationsHash;\n\n return {\n /**\n * Gets a left navigation object by its key.\n * @param {string} key Unique key identifying the left navigation.\n * @returns {object} Object representing the left navigation.\n */\n getLeftNavigation: function (key) {\n $log.debug('Getting left navigation:', key);\n\n return navigationsHash[key];\n },\n /**\n * Adds a left navigtaion object.\n * @param {string} key Unique key for the left navigation\n * @param {object} asideOptions Options hash.\n */\n addLeftNavigation: function (key, asideOptions) {\n _addNavigation(key, $aside(asideOptions));\n },\n /**\n *\n * @param key\n * @param onClose\n */\n open: function (key, onClose, targetSource) {\n if (onClose) {\n _navigationsHash[key].onClose = onClose;\n }\n\n // var $slideout = $injector.get('$slideout');\n // if ($slideout) {\n // $slideout.close();\n // }\n _toggleNavigation(key, \"open\");\n\t\t if(targetSource)\n\t\t {\n\t\t\t _navigationsHash[key].targetSource=targetSource;\n\t\t }\t\t\n },\n /**\n * Closes a specific slideout. If no key is provided it will close the current.\n * @param {string} key Key identifier for the slideout. If none is provided it will clsoe the current slideout. BEWARE!\n */\n close: function (key) {\n this.isKeyboardEvent = false;\n\t\t // This condition will work for chrome and IE browsers not for Firefox.\n if(typeof event !== 'undefined' && typeof event !== 'null') {\n if (event && (event.keyCode || event.which)) {\n this.isKeyboardEvent = true;\n }\n\t\t\t// This condition will work for Firefox browser.\n }else if(navigator.userAgent.indexOf(\"Firefox\") > -1){\n\t\t\t\t this.isKeyboardEvent = true;\n\t\t\t }\n if (key && _navigationsHash && _navigationsHash[key]) {\n if (_navigationsHash[key].onClose) {\n var onCloseCallback = _navigationsHash[key].onClose;\n _navigationsHash[key].onClose = undefined;\n onCloseCallback();\n } else {\n\t\t\t\tif(_navigationsHash[key].isShown)\n\t\t\t\t\t_toggleNavigation(key, \"close\");\n\t\t\t\telse\n\t\t\t\t\treturn;\n }\n } else if (!key && _currentKey) {\n this.close(_currentKey);\n }\n\t\t if(_navigationsHash[key].targetSource && _navigationsHash[key].targetSource.currentTarget && this.isKeyboardEvent)\n\t\t {\n\t\t setTimeout(function () {\n angular.element($(_navigationsHash[key].targetSource.currentTarget)).trigger('focus');\n });\n\t\t }\n },\n toggle: function (key) {\n if (!_navigationsHash[key]) return;\n\n if (_navigationsHash[key].isShown) {\n _toggleNavigation(key, \"close\");\n } else {\n _toggleNavigation(key, \"open\");\n }\n },\n /**\n *\n */\n getPreviousKey: function () {\n return _previousKey;\n }\n };\n }];\n });\n\nangular.module(\"SumTotalLeftNav\")\n .directive(\"selfheader\", function () {\n return {\n replace: true,\n restrict: 'A',\n templateUrl: 'leftnav/self_header.html',\n scope: {\n imageclicked: '&',\n persondata: '=',\n emulation: \"=\",\n exitemulation: \"&\"\n },\n link: function (t, a, i) {}\n }\n });\n\n/* jshint strict:false */\nangular.module('SumTotalNotificationTile', [])\n .directive('notificationTile',['$interval', function ($interval) {\n return {\n restrict: 'EA',\n replace: false,\n transclude: true,\n templateUrl: 'notificationTile/notificationTile_view.html',\n scope: {\n data: '='\n },\n link: function (scope, element, attrs) { //jshint ignore:line\n scope.pagination = attrs.pagination !== undefined ? attrs.pagination : 'false';\n scope.notifications = [];\n scope.selected = false;\n scope.pages = 0;\n scope.currentPage = 1;\n scope.timer = attrs.isTimed !== undefined && attrs.isTimed !== null ? attrs.isTimed : 'false';\n var interval;\n\n scope.startTimer = function(){\n interval = $interval(scope.paginate, scope.delay);\n }\n\n scope.getPages = function(){\n return new Array(scope.pages);\n }\n\n scope.setPage = function(idx){\n scope.currentPage = idx;\n }\n\n scope.getClass = function(item){\n return item.type;\n };\n\n scope.paginate = function(){\n if(scope.currentPage >= scope.pages)\n scope.currentPage = 1;\n else\n scope.currentPage += 1;\n }\n\n scope.addNotifSection = function (data) {\n scope.notifications.push(data);\n scope.pages++;\n };\n\n if (scope.data !== undefined) {\n angular.forEach(scope.data, function (item) {\n scope.addNotifSection(item);\n });\n }\n\n if(scope.timer === 'true' || attrs.delay !== undefined){\n scope.delay = scope.$eval(attrs.delay) !== undefined && scope.$eval(attrs.delay) !== null ? attrs.delay: 5000;\n scope.startTimer();\n }\n\n element.on('$destroy', function() {\n $interval.cancel(interval);\n });\n }\n };\n }]);\n\n/*\n Example use: \nparameters:\n data: Array of activities with ModalFilterValues as a field\n title-all: Translated title of All filter\n title-watch: Translated title of Watch filter\n title-read: Translated title of Read filter\n title-listen: Translated title of Listen filter\n tabpanel-id: tabpanel id of div that contains activity table\n getFilterField: Optional function that returns modal filter values\n afterFiltering: Optional function that executes after filtering data \n*/\n\n(function (root, factory) {\n 'use strict';\n\n factory(root.angular);\n} (this, function (angular) {\n 'use strict';\n\n angular.module(\"SumTotalModalfilterModule\", [])\n .directive('sumtModalfilter', ['$filter', function ($filter) {\n return {\n restrict: 'E',\n replace: false,\n scope: {\n data: \"=\",\n titleAll: \"@\",\n tabpanelId: \"@\",\n getFilterField: \"&?\",\n afterFiltering: \"&?\"\n },\n templateUrl: 'modalfilter/modalfilter_view.html',\n link: function (scope, element, attrs) {\n scope.MODALFILTER_WATCH = 0;\n scope.directiveId = scope.$id;\n scope.currentlySelectedFilter = scope.MODALFILTER_ALL;\n var isFiltered = false;\n\n scope.$watch('data', function (newVal, oldVal) {\n // When scope.data is updated outside of directive, update scope.unfiltered to be new data\n if ((!isFiltered && scope.unfiltered != newVal) || (isFiltered && newVal != scope.filteredData)) {\n scope.unfiltered = newVal;\n showFilters();\n if (scope.currentlySelectedFilter != scope.MODALFILTER_ALL) {\n filterData();\n if (scope.data.length == 0) {\n scope.currentlySelectedFilter = scope.MODALFILTER_ALL;\n scope.data = scope.unfiltered;\n }\n }\n }\n });\n\n\t\t\t\t\t/*\n Retrieves the filter value from an activity\n @param activity - The activity to obtain the filter values from\n @returns - The bitwise value of modal filters\n */\n scope.getModalFilterValues = function (activity) {\n if (scope.getFilterField && typeof (scope.getFilterField) == 'function')\n return scope.getFilterField({ activity: activity });\n else\n return activity.ModalityList;\n }\n\t\t\t\t\t\n /*\n Determines which filters should be shown for the control based on the provided data\n */\n\t\t\t\t\tfunction showFilters() {\n\t\t\t\t\t if (scope.unfiltered != null) {\n\t\t\t\t\t\t var modalityIds = [];\n\t\t\t\t\t\t scope.modalityList = [];\n\t\t\t\t\t\t angular.forEach(scope.unfiltered, function (modalityData) {\n\t\t\t\t\t\t\t\tvar modalityDataList = scope.getModalFilterValues(modalityData);\n\t\t\t\t\t\t\t\tangular.forEach(modalityDataList, function (modality) {\n\t\t\t\t\t\t\t\t\tvar modalityId = modality.ModalityId;\n\t\t\t\t\t\t\t\t\tif (modalityIds.indexOf(modalityId) === -1) {\n\t\t\t\t\t\t\t\t\t\tmodalityIds.push(modalityId);\n\t\t\t\t\t\t\t\t\t\tscope.modalityList.push(modality);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t });\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n /*\n Unfilters the data to show all items given.\n */\n function showAll() {\n\t\t\t\t\t\tisFiltered = false;\n\t\t\t\t\t\tscope.data = scope.unfiltered;\n\t\t\t\t\t\tscope.currentlySelectedFilter = scope.MODALFILTER_ALL; \n\t\t\t\t\t\tif (scope.afterFiltering && typeof (scope.afterFiltering) == 'function')\n scope.afterFiltering();\n }\n\n /*\n Filters the data for a modality\n */\n scope.showCurrentFilter = function (modality) {\n\t\t\t\t\t\tscope.currentlySelectedFilter = modality.ModalityId;\n\t\t\t\t\t\tfilterData();\n\t\t\t\t\t}\n\n\n /*\n Filters the data based on the currently selected filter\n */\n function filterData() {\n\t\t\t\t\t\tscope.filteredData = [];\n\t\t\t\t\t\tisFiltered = true;\n\t\t\t\t\t\tangular.forEach(scope.unfiltered, function (modalityData) {\n\t\t\t\t\t\t\tvar filterExists = false;\n\t\t\t\t\t\t\tvar modalityDataList = scope.getModalFilterValues(modalityData);\n\t\t\t\t\t\t\tangular.forEach(modalityDataList, function (modality) {\n\t\t\t\t\t\t\t\tif (modality.ModalityId === scope.currentlySelectedFilter) {\n\t\t\t\t\t\t\t\t\tfilterExists = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tif (filterExists) {\n\t\t\t\t\t\t\t\tscope.filteredData.push(modalityData);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tscope.data = scope.filteredData;\n\t\t\t\t\t\tif (scope.afterFiltering && typeof (scope.afterFiltering) == 'function')\n scope.afterFiltering();\n }\n\n /*\n Handle moving the focus for left and right arrow keys\n */\n $(document).on(\"keydown.modalfilter\" + scope.directiveId,\n function (e) {\n var className = \".move\" + scope.directiveId;\n var current = $(className + \":focus\");\n if (e.keyCode == 39) {\n var next = current.next();\n if (next.length == 0) {\n next = current.prevAll(className).last();\n }\n next.focus();\n }\n if (e.keyCode == 37) {\n var previous = current.prev();\n if (previous.length == 0) {\n previous = current.nextAll(className).last();\n }\n previous.focus();\n }\n }\n );\n\t\t\t\t\t\n\t\t\t\t\tscope.$on('$destroy', function() {\n $(document).off(\"keydown.modalfilter\" + scope.directiveId);\n });\n\n element.on('$destroy', function () {\n $(document).off(\"keydown.modalfilter\" + scope.directiveId);\n });\n\n scope.$showAll = showAll;\n }\n };\n }]);\n}));\n\nangular.module('SumTotalPersonalization', [])\n .provider('$theme', function () {\n /**\n * themeTemplate - Template of a theme from the server DTO.\n * currentTheme - variable to store reference to the current theme.\n */\n var themeTemplate = this.themeTemplate = {\n \"ThemeKey\": \"DEFAULT\",\n \"Name\": \"Default Theme\",\n \"ClientJSON\": {\n \"colors\": [\n \"#ef4c00\",\n// \"#000\",\n \"#007bc3\",\n \"#a419b7\",\n \"#76b800\",\n \"#ffae00\"\n ],\n \"axisColor\": \"#5b5b5b\",\n \"gridColor\": \"#5b5b5b\",\n \"textColor\": \"#5b5b5b\",\n \"borderColor\": \"#ffffff\",\n \"backgroundColor\": \"#ffffff\",\n \"labelColor\": \"#5b5b5b\",\n \"@brand-primary\": \"darken(#428bca, 6.5%)\",\n \"@brand-success\": \"#1fbba6\",\n \"@brand-info\": \"#227AB9\",\n \"@brand-warning\": \"#ffc600\",\n \"@brand-danger\": \"#b80000\"\n },\n \"PaletteJSON\": {\n \"primary\": \"#077bc1\",\n \"palette\": [\n \"#0078c1\",\n \"#74b712\",\n \"#fead11\",\n \"#a41cb5\",\n \"#ee4b04\",\n \"#5c666f\",\n \"#e0e0df\",\n \"#ffffff\"\n ]\n }\n },\n currentTheme = {},\n rootScope = null;\n\n /**\n * Sets the current theme in the provider.\n * @param {Object} theme ThemeDTO JSON object.\n */\n var setCurrentTheme = this.setCurrentTheme = function (theme) {\n theme = theme || themeTemplate;\n\n var clonedTheme = angular.copy(theme);\n currentTheme.key = clonedTheme.ThemeKey;\n currentTheme.name = clonedTheme.Name;\n currentTheme.configuration = clonedTheme.ClientJSON\n currentTheme.palette = clonedTheme.PaletteJSON;\n\n /**\n * Safe method to get a theme color\n * @param {String} propertyName Color's name\n * @param {String} defaultValue If the property cannot be found default to this color.\n * @returns {String} Color string\n */\n currentTheme.configuration.getColor = function (propertyName, defaultValue) {\n if (currentTheme.configuration && currentTheme.configuration[propertyName]) {\n return currentTheme.configuration[propertyName];\n } else {\n return defaultValue;\n }\n };\n\n if (rootScope) {\n rootScope.$broadcast('themeUpdated', currentTheme);\n }\n\n };\n\n this.$get = ['$log', '$rootScope', function ($log, $rootScope) {\n rootScope = $rootScope;\n\n if (!currentTheme || !currentTheme.key) {\n $log.debug('Theme not configured in app.config. Configuring now.');\n setCurrentTheme(themeTemplate)\n }\n return {\n \"theme\": currentTheme,\n \"curTheme\": currentTheme,\n \"setCurrentTheme\": setCurrentTheme\n };\n }];\n });\n\nangular.module('SumTotalProgressBar', [])\n .directive('progressBar', ['$window', '$timeout','$filter','$rootScope', function ($window, $timeout, $filter,rootScope) {\n return {\n restrict: 'EA',\n replace: false,\n transclude: true,\n templateUrl: 'progress-bar/progress-bar.html',\n scope: {\n completedCount: '=',\n ongoingCount: '=',\n pendingCount: '=',\n showPercent: '=',\n filterByStatusBar: '&?',\n instructionContent: '=?', //Taking translation key as input in form of a string and resolving the transalte value here\n additionalHeadingContent: '=?' //Taking additional content to display after the progress header text (use case in development plan landing page)\n },\n link: function (scope, element, attrs) {\n \n scope.$watchCollection('[completedCount, ongoingCount, pendingCount]', function (newVal, oldVal) {\n if (newVal === oldVal) {\n $timeout(function () {\n setSeparators();\n setProgreessWidth();\n }, 700);\n } else {\n setSeparators();\n setProgreessWidth();\n }\n scope.completedTooltip = scope.completedCount == 0 || scope.completedCount == 1 ? $filter('translate')('UDP_NO_OF_TASK', { 'tasksCount': scope.completedCount }) : $filter('translate')('UDP_NO_OF_TASKS', { 'tasksCount': scope.completedCount });\n scope.ongoingTooltip = scope.ongoingCount == 0 || scope.ongoingCount == 1 ? $filter('translate')('UDP_NO_OF_TASK', { 'tasksCount': scope.ongoingCount }): $filter('translate')('UDP_NO_OF_TASKS', { 'tasksCount': scope.ongoingCount });\n scope.pendingTooltip = scope.pendingCount == 0 || scope.pendingCount == 1 ? $filter('translate')('UDP_NO_OF_TASK', { 'tasksCount': scope.pendingCount }) : $filter('translate')('UDP_NO_OF_TASKS', { 'tasksCount': scope.pendingCount });\n });\n\n var normalizeCount = function () {\n var normalizedCount = {};\n scope.totalCount = parseInt(scope.completedCount) + parseInt(scope.ongoingCount) + parseInt(scope.pendingCount);\n\n if (scope.totalCount === 0) {\n normalizedCount.completedCount = 0;\n normalizedCount.ongoingCount = 0;\n normalizedCount.pendingCount = 0;\n } else {\n normalizedCount.completedCount = (parseInt(scope.completedCount) / scope.totalCount);\n normalizedCount.ongoingCount = (parseInt(scope.ongoingCount) / scope.totalCount);\n normalizedCount.pendingCount = (parseInt(scope.pendingCount) / scope.totalCount);\n }\n return normalizedCount;\n }\n\t\t\n\t\t// this array will send to parent controller \n\t\t\n\tscope.progressMetrics = {\n completedPercent: 0,\n ongoingPercent: 0,\n pendingPercent: 0\n }\n var setSeparators = function () {\n scope.completedNormalized = normalizeCount().completedCount;\n scope.ongoingNormalized = normalizeCount().ongoingCount;\n scope.pendingNormalized = normalizeCount().pendingCount;\n scope.completedPercent = 1 * parseFloat(scope.completedNormalized * 100).toFixed(0);\n scope.ongoingPercent = 1 * parseFloat(scope.ongoingNormalized * 100).toFixed(0);\n scope.pendingPercent = 1 * parseFloat(scope.pendingNormalized * 100).toFixed(0);\n var totalpercent = scope.completedPercent + scope.ongoingPercent + scope.pendingPercent;\n if (scope.totalCount !== 0) {\n\n if (totalpercent != 100) {\n if (totalpercent < 100) {\n var maxvalue = Math.max(scope.completedNormalized, scope.ongoingNormalized, scope.pendingNormalized);\n switch (maxvalue) {\n case scope.completedNormalized:\n scope.completedPercent += 1;\n break;\n case scope.ongoingNormalized:\n scope.ongoingPercent += 1;\n break;\n case scope.pendingNormalized:\n scope.pendingPercent += 1;\n break;\n }\n } else if (totalpercent > 100) {\n var arrProgressVal = [scope.completedNormalized, scope.ongoingNormalized, scope.pendingNormalized];\n var minvalue = Math.min(scope.completedNormalized, scope.ongoingNormalized, scope.pendingNormalized);\n if (minvalue == 0) {\n //if minimum val is 0 then remove it from the array and find second min val\n arrProgressVal.splice(arrProgressVal.indexOf(minvalue), 1);\n minvalue = Math.min.apply(null, arrProgressVal);\n }\n\n switch (minvalue) {\n case scope.pendingNormalized:\n scope.pendingPercent -= 1;\n break;\n case scope.ongoingNormalized:\n scope.ongoingPercent -= 1;\n break;\n case scope.completedNormalized:\n scope.completedPercent -= 1;\n break;\n }\n }\n }\n }\n\t\t //this data need for showing on print from development plan landing page\n\t\t scope.progressMetrics.pendingPercent = scope.pendingPercent;\n\t\t scope.progressMetrics.ongoingPercent = scope.ongoingPercent;\n\t\t scope.progressMetrics.completedPercent = scope.completedPercent;\n\t\t rootScope.$broadcast(\"progressMetrics\", scope.progressMetrics);\n }\n var normalizeWidth = function (normalizationFactor) {\n return normalizationFactor * 100 + '%';\n }\n\n var setProgreessWidth = function () {\n $timeout(function () {\n $('.complete-width').css('width', normalizeWidth(normalizeCount().completedCount));\n $('.ongoing-width').css('width', normalizeWidth(normalizeCount().ongoingCount));\n $('.pending-width').css('width', normalizeWidth(normalizeCount().pendingCount));\n }, 100);\n }\n\t\t\n\t\tscope.hideEllipsis = function () {\n var contentHeight = $('.actual-instruction-content').css('height');\n if (contentHeight) {\n contentHeight = Number(contentHeight.replace(/[^0-9\\.]+/g,\"\"));// Converting to int for actual comparison\n }\n var parentHeight = $('.progress-instruction-container').css('height');\n if( parentHeight) {\n parentHeight = Number(parentHeight.replace(/[^0-9\\.]+/g,\"\"));// Converting to int for actual comparison\n }\n \n if (contentHeight <= parentHeight) { // If the content is not overflowing, need to cover up the ellipsis\n return 'progress-no-overflow';\n }\n return ''; // If the content is overflowing, we can show the ellipsis\n\t\t}\n\t\t\n\t\t scope.statusBarFilter = function (taskStatus) {\n scope.taskStatus = taskStatus;\n scope.filterByStatusBar({ taskStatus: taskStatus });\n }\n scope.$on('resetStatusFilter', function () {\n scope.taskStatus = undefined;\n });\n\n $(window).resize(function () {\n $timeout(function () {\n setSeparators();\n setProgreessWidth();\n }, 100);\n });\n }\n };\n }]);\n\n/* jshint strict:false */\nangular.module(\"SumTotalSidePanel\", [])\n.directive('sidepanel', function () {\n return {\n restrict: 'EA',\n replace: true,\n transclude: true,\n templateUrl: 'sidepanel/sidepanel_view.html',\n scope: {\n header: '@',\n panels: '&'\n },\n link: function (scope, element, attrs) { //jshint ignore:line\n\n }\n };\n});\n\n// UMD / AMD: https://github.com/umdjs/umd/blob/master/templates/amdWeb.js\n(function (root, factory) {\n 'use strict';\n\n if (typeof define === 'function' && define.amd) {\n // AMD. Register as an anonymous module.\n define(['angular', 'lodash'], factory);\n } else {\n // Browser globals\n factory(root.angular, root._);\n }\n}(this, function (angular) {\n 'use strict';\n\n var MAIN_TEMPLATE_URL = 'slideout/slideout_view.html',\n ON_OPENING_EVENT_NAME = 'SLIDEOUT_ON_OPENING',\n ON_OPENED_EVENT_NAME = 'SLIDEOUT_ON_OPENED',\n ON_CLOSING_EVENT_NAME = 'SLIDEOUT_ON_CLOSING',\n ON_CLOSED_EVENT_NAME = 'SLIDEOUT_ON_CLOSED',\n ON_COLLAPSED_EVENT_NAME = 'SLIDEOUT_ON_COLLAPSED';\n\n function SlideoutOptions(options) {\n if (options !== undefined) {\n _.merge(this, options);\n }\n }\n\n SlideoutOptions.prototype = {\n showLeftSide: false,\n key: '',\n showCollapse: false,\n maintainFocus: true,\n focusElement: null,\n focusReturnElement: null,\n forceFocus: false,\n hasIframe: false,\n templateUrl: null,\n class: null,\n forceTemplateRecompile: false\n };\n\n\n function SlideoutOptionsFactory() {\n return SlideoutOptions;\n }\n\n function SlideoutFactory($slideout) {\n var defaults = $slideout.defaults;\n\n /**\n * Slideout representation. Contains options and state.\n *\n * The object also contains the template or tempalteUrl for the slideout. It defines the instance\n * options that are built from the base options through any specifics requested by the calling\n * implementation.\n * @param {HTMLElement} element\n * @param {any} config\n */\n function Slideout(element, config) {\n // Does this have a template url that defines the whole slideout template.\n // i.e. A templateUrl says that the slideout's layout will be completely defined by the template at the URL.\n config.hasTemplate = config.templateUrl !== null && config.templateUrl !== undefined && config.templateUrl.length > 0;\n\n\n this.$options = angular.extend(new SlideoutOptions(), defaults, config);\n\n // Ease of access variable\n this.key = this.$options.key;\n\n // Template for the slideout. This is usually populated from the 'slideout' directive and includes just an HTML string.\n this.element = element;\n // State - Is the slideout closed\n this.closed = this.$closed = true;\n // State - Is the slideout collapsed\n this.collapsed = this.$collapsed = false;\n // State - Is the slideout fully expanded.\n this.expand = this.$expand = false;\n // Is this a slideout that was instantiated from within a template of an opened slideout.\n this.isChildSlideout = false;\n // The child slideouts that were generated when a slideout's template was parsed.\n this.children = {};\n\n this.isCloseEnabled = true;\n }\n\n Slideout.prototype = {\n $handleKeyDown: function (event) {\n\n },\n /**\n * Placeholder function for legacy code.\n *\n * @deprecated Consumers should use the events \"SLIDEOUT_ON_CLOSING\" and \"SLIDEOUT_ON_CLOSED\" broadcasted from the service instead.\n */\n onClose: function () {},\n /**\n * Placeholder function for legacy code.\n *\n * @deprecated Consumers should use the events \"SLIDEOUT_ON_OPENING\" and \"SLIDEOUT_ON_OPENED\" broadcasted from the service instead.\n */\n onOpen: function () {},\n /**\n *\n */\n closeClicked: function () {}\n };\n\n return Slideout;\n }\n\n function SumTotalSlideoutProvider() {\n /**\n * Defines the defaults for any slideout.\n *\n * These are defined here both as an internal member and as on the actual provider. This makes it possible for an implementing\n * application to change these defaults for all slideouts.\n */\n var defaults = this.defaults = new SlideoutOptions();\n\n function focusSlideout(focusElement, fullopen) {\n //UI can provide the specific element it wants to focus on fullopen. By default, we will focus on the main slideout container\n if (focusElement === undefined || focusElement === null)\n focusElement = '.sumt-slideout';\n\n var container = $('div.master-slideout').find(focusElement);\n if (container.length > 0)\n setTimeout(function () {\n container[0].focus();\n }, 500);\n else {\n //assume we didn't find the element, probably first time open. Allow the dom a second to update and try to grab it again\n if (focusElement === '.sumt-slideout') {\n setTimeout(function () {\n container = $('div.master-slideout').find(focusElement);\n if (container.length > 0)\n container[0].focus();\n }, 500);\n }\n else if (focusElement !== null && focusElement !== undefined) { \n setTimeout(function () {\n angular.element(focusElement).trigger('focus');\n }, 500);\n }\n }\n }\n\n function handleMousedown() {\n // on a mouse click, remove the tab index attribute as we do not want to focus the container\n var slideoutDiv = $('.sumt-slideout');\n slideoutDiv.removeAttr(\"ng-attr-tabindex\");\n slideoutDiv.removeAttr(\"tabindex\");\n\n // handling one click is enough, we do not need to handle every mouse click. so turn it off\n slideoutDiv.off('mousedown', handleMousedown);\n }\n\n function handleKeyDown(event) {\n var elementsList = $('div.master-slideout :tabbable');\n\n var noOfElements = elementsList.length;\n if (event.keyCode == 9 && event.shiftKey === false) {\n if (event.target === elementsList[noOfElements - 1]) {\n\n event.preventDefault();\n\n // When the last element on the slideout is tabbed, do not focus on the slideout container - TPG recommendation\n // In some cases, the slideout container will not be in tabbable list at all. So first check if the first element is slideout container, then skip the tab on it\n if (elementsList[0].className.indexOf('sumt-slideout') > -1) {\n setTimeout(function () {\n elementsList[1].focus();\n });\n } else {\n elementsList[0].focus();\n }\n } else if (event.target.type == 'radio') {\n var nameAtt = event.target.getAttribute('name');\n if (elementsList[noOfElements - 1].type == 'radio' && elementsList[noOfElements - 1].getAttribute('name') == nameAtt) {\n event.preventDefault();\n elementsList[0].focus();\n }\n }\n } \n // Shift+tab logic\n else if (event.keyCode == 9 && event.shiftKey == true) {\n if (event.target === elementsList[1]) {\n event.preventDefault();\n\n if (elementsList[0].className.indexOf('sumt-slideout') > -1) {\n setTimeout(function () {\n elementsList[noOfElements - 1].focus();\n });\n } else {\n elementsList[0].focus();\n }\n } else if(event.target === elementsList[0]) {\n event.preventDefault();\n elementsList[noOfElements - 1].focus();\n }\n\n }\n }\n\n function bindEvents(slideout) {\n if (slideout) {\n //get the slideout container\n var slideoutContainer = $('div.sumt-slideout');\n\n /* If there is an iframe on this slideout, then apend a hidden element to the container so that iframe\n * has an element to move focus to. That way focus will remain within the slideout. Otherwise, focus shits to address bar after iframe.\n * Make sure the hidden element is added only once as this method gets called multiple times. */\n\n if (slideout.$options.hasIframe && $('#idHiddenButton').length <= 0) {\n\n var hiddenButton = document.createElement(\"button\");\n hiddenButton.id = \"idHiddenButton\";\n hiddenButton.setAttribute(\"style\", \"opacity: 0\");\n hiddenButton.setAttribute(\"aria-hidden\", \"true\");\n slideoutContainer[0].appendChild(hiddenButton);\n }\n $('.sumt-slideout').on('keydown', handleKeyDown);\n $('.sumt-slideout').on('mousedown', handleMousedown);\n }\n }\n\n function unbindEvents(slideout) {\n if (slideout && slideout.$options.maintainFocus) {\n $('.sumt-slideout').off('keydown', handleKeyDown);\n }\n }\n\n /**\n * A factory for creating a SumtotalSlideoutService constructor. (A factory for a factory, I suppose...)\n *\n * @param {any} $log\n * @param {any} $rootScope\n * @param {any} $templateRequest\n * @param {any} $timeout\n * @param {any} $q\n * @param {any} $compile\n */\n function SumTotalSlideoutServiceFactory($log, $rootScope, $templateRequest, $timeout, $q, $compile) {\n // These sections are defined in the default slideout template.\n var SECTIONS = {\n ALL_CONTENT: 'allcontent',\n HEADER: 'headersection',\n SIDE: 'sidecontent',\n EXPAND: 'expandcontent',\n FOOTER: 'footer'\n };\n\n /**\n * Slideout service.\n *\n * This service is defined as $slideout in the AngularJS module.\n */\n function SumTotalSlideoutService() {\n this.defaults = defaults;\n\n // State - Is the slideout view closed (not tracking an individual slideout but the view).\n this.closed = true;\n // The current Slideout object.\n this.currentSlideout = null;\n // The last opened slideout\n this.previousSlideout = null;\n // Hash of all the slideouts on the parent view.\n // NOTE - This will not include slideouts which are added from the compilation of a slideout's template.\n // Those slideouts will be defined on their parent's slideout 'children' property. That property is also a hash.\n this.slideouts = {};\n // Tracking all slideouts which have been opened since the last \"close\" was called. Used to clean up the view when \"close\" is actually called.\n this.openedSlideouts = [];\n // A slideout is pushed to the hiddenSlideouts when it is a slideout which was defined in the parent view and it in turn launches a slideout which was defined within its view.\n this.hiddenSlideouts = [];\n\n $rootScope.$on('$routeChangeStart', this._handleRouteChangeStart.bind(this));\n }\n\n // Grab the basic template for a slideout.\n var templateHTMLPromise = $templateRequest(MAIN_TEMPLATE_URL);\n\n /**\n * Load the basic slideout template along with either the template to be inserted into the slideout\n * or the HTML from the slideout directive's element.\n * @param {Slideout} slideout\n */\n function loadTemplates(slideout) {\n if (slideout.$options.templateUrl && slideout.$options.templateUrl.length > 0) {\n return $q.all([templateHTMLPromise, $templateRequest(slideout.$options.templateUrl)]);\n } else {\n return $q.all([templateHTMLPromise, $q.when(slideout.element)]);\n }\n }\n\n function getContainerClassFactory(scope, $slideout) {\n return function getContainerClass(slideout) {\n var retArgs = '';\n if (!$slideout.closed) {\n var previousKey = $slideout.previousSlideout && $slideout.previousSlideout.$options ? $slideout.previousSlideout.key : null;\n if (!previousKey && slideout && previousKey != slideout.key)\n retArgs += ' slideout-open';\n else\n retArgs += ' slideout-open-fade';\n } else {\n retArgs != 'slideout-closed';\n }\n if ($slideout.expand) {\n retArgs += ' slideout-fullopen';\n }\n if (slideout && slideout.$options.showCollapse && $slideout.collapsed) {\n retArgs += ' collapsed';\n }\n\n if (typeof (scope.$slideout.showHeader) != 'undefined' && !scope.$slideout.showHeader) {\n retArgs += ' slideout-displaytop';\n }\n return retArgs;\n };\n }\n\n SumTotalSlideoutService.prototype = {\n _handleRouteChangeStart: function routeChangeStartHandler() {\n $log.debug('Route is changing. Closing the slideout. This is default behavior defined in foundation.');\n this.closeCurrent();\n },\n /**\n *\n */\n $updateTemplate: function updateTemplate(slideout) {\n var htmlPromise = loadTemplates(slideout);\n\n return htmlPromise.then(function (results) {\n var elm = angular.element('div.master-slideout[key=\"' + slideout.key + '\"]'),\n outerSlideoutElm = angular.element(results[0]),\n innerSlideoutElm = angular.element('').html(results[1]);\n\n if (elm.length === 0) {\n $log.info('Creating a master-slideout container.');\n\n elm = angular.element('');\n\n $('body').append(elm);\n } else {\n $log.debug('Using the existing element for the slideout when updating the template. This is likely being done because the forceTemplateRecompile was set to true.');\n }\n\n if (slideout.$options.hasTemplate) {\n var innerSlideoutAllContentArea = innerSlideoutElm.find('div[name=' + SECTIONS.ALL_CONTENT + ']');\n\n if (innerSlideoutAllContentArea.length > 0) {\n outerSlideoutElm.find('div[name=' + SECTIONS.ALL_CONTENT + ']')\n .replaceWith(innerSlideoutAllContentArea);\n } else {\n $log.warn('Current slideout doesn\\'t have a div named \"allcontent\". Replacing with root.');\n\n outerSlideoutElm.find('div[name=' + SECTIONS.ALL_CONTENT + ']')\n .replaceWith(innerSlideoutElm);\n }\n } else {\n /*\n * This case would be when a developer placed a slideout on a view and placed the view within the slideout.\n * The slideout directive will pass through the HTML (it also removes it from the DOM). We're placing the HTML\n * into the slideout to be compiled's HTML structure.\n */\n\n // Notice the use of replaceWith here. This is done so that we're not double inserting DIVs (it replaces the placeholder).\n outerSlideoutElm.find('div[name=' + SECTIONS.HEADER + ']')\n .replaceWith(innerSlideoutElm.find('div[name=' + SECTIONS.HEADER + ']'));\n\n outerSlideoutElm.find('div[name=' + SECTIONS.SIDE + ']')\n .replaceWith(innerSlideoutElm.find('div[name=' + SECTIONS.SIDE + ']'));\n\n outerSlideoutElm.find('div[name=' + SECTIONS.EXPAND + ']')\n .replaceWith(innerSlideoutElm.find('div[name=' + SECTIONS.EXPAND + ']'));\n }\n\n // place in the new html\n elm.html(outerSlideoutElm);\n\n\n function createScope() {\n /*\n * Create a child scope for the slideout to operate in. This way we can dispose of all the child scopes when the slideout closes.\n * The only time a slideout wouldn't have a scope associated on its $options object is when someone forgot to pass it in when\n * using the service to instantiate a new slideout.\n */\n if (slideout.$options && slideout.$options.scope) {\n return slideout.$options.scope.$new();\n } else {\n return $rootScope.$new();\n }\n }\n\n var slideoutScope = null;\n\n if (!slideout.isChildSlideout) {\n slideout.$scope = slideoutScope = createScope();\n\n slideoutScope.$slideout = this;\n slideoutScope.$getSlideoutContainerClass = getContainerClassFactory(slideoutScope, this);\n } else {\n slideoutScope = $rootScope.$new(false, slideout.$options.parentScope);\n\n slideoutScope.$slideout = this;\n slideoutScope.$getSlideoutContainerClass = getContainerClassFactory(slideoutScope, this);\n }\n\n slideoutScope.$$slideout = slideout;\n\n $compile(elm.contents())(slideoutScope);\n }.bind(this));\n },\n /**\n * Internal use to open a slideout object\n *\n * @param {Boolean} fullopen If the slideout should be opened fully\n * @param {Slideout} slideout The slideout object to show\n * @param {SlideoutOptions|undefined} options Supplemental options for per-call overrides of slideout options\n */\n $openSlideout: function openSlideout(fullopen, slideout, options) {\n /*\n * When open is called here are the following cases that we need to cover:\n * - No slideout has been opened; we're opening a slideout for the first time. (CASE A)\n * - A slideout is currently opened (CASE B)\n * - the key of the slideout we're opening is DIFFERENT from the current (CASE B.a)\n * - AND the new slideout was NOT declared in the current slideout's template (CASE B.a.1)\n * - AND the new slideout WAS declared in the current slideout's template (CASE B.a.2)\n * - the key of the slideout we're opening is the SAME as the current (CASE B.b)\n *\n * CASE A is simple. Open the slideout\n *\n * CASE B:\n *\n * CASE B.a: Opening a new slideout\n *\n * CASE B.a.1:\n * The new slideout is not a child of the first. The current slideout is closed and the new one opened.\n *\n * CASE B.a.2\n * The new slideout was declared in the current slideout's template. This means that it likely will want\n * to access the scope of this slideout. We do not want to close and kill the current slideout. We want\n * to \"hide\" it and open the slideout.\n *\n * CASE B.b: Simply change the view from the fully opened view to the view where only the left side is visible.\n */\n\n // This is going to happen in any case so let's let everyone know we're about to open a slideout!\n $rootScope.$broadcast(ON_OPENING_EVENT_NAME, slideout);\n\n\n var openPromise = null;\n if (!this.currentSlideout) { // CASE A\n\n // update the properties on the slideout object AND the service\n this.collapsed = slideout.collapsed = slideout.$collapsed = false;\n this.closed = slideout.closed = slideout.$closed = false;\n this.expand = slideout.expand = slideout.$expand = fullopen;\n this.currentSlideout = slideout;\n\n openPromise = this.$updateTemplate(slideout).then(function () {\n //when slideout is partially open, then maintain focus based on the property sent by UI\n if (slideout.$options.maintainFocus) {\n bindEvents(slideout);\n }\n });\n } else if (this.currentSlideout.key !== slideout.key) { // CASE B.a\n $log.debug('Open Slideout - A slideout is opened (' +\n this.currentSlideout.key +\n ') a slideout is asking to be opened (' +\n slideout.key +\n ') fullopen: ' +\n fullopen.toString() +\n ' - slideout is the same as the current slideout:' +\n (this.currentSlideout === slideout).toString());\n\n if (this.currentSlideout.isChildSlideout) {\n // see if the slideout that is to be opened is in the stack of hidden slideouts.\n var parentSlideout = _.head(_.filter(this.hiddenSlideouts, {\n key: slideout.key\n }));\n\n if (parentSlideout) {\n // if the slideout to be opened IS in the hidden slideouts then we'll just close the current and reset the current to the hidden\n openPromise = this.closeCurrent().then(function () {\n _.remove(this.hiddenSlideouts, {\n key: parentSlideout.key\n });\n });\n } else {\n\n }\n } else if (this.currentSlideout.children[slideout.key] === undefined) { // CASE B.a.1 - check to see if the slideout is in the current slideout's children hash.\n // close the currently opened slideout.\n openPromise = this.closeCurrent();\n } else { // CASE B.a.2\n // Do not close the currently opened slideout, hide it.\n // Note, doing this on the slideout and not the service.\n this.currentSlideout.collapsed = this.currentSlideout.$collapsed = false;\n this.currentSlideout.closed = this.currentSlideout.$closed = true;\n this.currentSlideout.expand = this.currentSlideout.$expand = fullopen;\n\n // Push the current slideout onto a hidden stack.\n this.hiddenSlideouts.push(this.currentSlideout);\n }\n\n // We have to set these variables in either case.\n this.collapsed = slideout.collapsed = slideout.$collapsed = false;\n this.closed = slideout.closed = slideout.$closed = false;\n this.expand = slideout.expand = slideout.$expand = fullopen;\n this.currentSlideout = slideout;\n\n var doUpdateTemplate = function () {\n return this.$updateTemplate(slideout).then(function () {\n //when slideout is partially open, then maintain focus based on the property sent by UI\n if (slideout.$options.maintainFocus) {\n bindEvents(slideout);\n }\n });\n }.bind(this);\n\n if (openPromise) {\n openPromise.then(doUpdateTemplate);\n } else {\n // In either case we're going to open the slideout.\n openPromise = doUpdateTemplate();\n }\n } else { // CASE B.b\n $log.debug('CASE: Slideout is being requested to be opened is the same as the current slideout.');\n $log.debug('Open Slideout - A slideout is opened (' +\n this.currentSlideout.key +\n ') a slideout is asking to be opened (' +\n slideout.key +\n ') fullopen: ' +\n fullopen.toString() +\n ' - slideout is the same as the current slideout:' +\n (this.currentSlideout === slideout).toString());\n\n // update the properties on the slideout object AND the service\n this.collapsed = this.currentSlideout.collapsed = slideout.collapsed = this.currentSlideout.$collapsed = slideout.$collapsed = false;\n this.closed = this.currentSlideout.closed = slideout.closed = this.currentSlideout.$closed = slideout.$closed = false;\n this.expand = this.currentSlideout.expand = slideout.expand = this.currentSlideout.$expand = slideout.$expand = fullopen;\n\t\t\tthis.currentSlideout.$options = slideout.$options;\n\n /// set custom focus element using key and id\n if(this.currentSlideout.$options.key == \"WEB_PART_SLIDEOUT\")\n {\n if(this.currentSlideout.$options.labelId == \"widgetAdvancedEditHeading\")\n {\n this.currentSlideout.$options.focusElement = \"#advancedEdit\"\n } \n }\n\n if (options && options.forceTemplateRecompile) {\n // In either case we're going to open the slideout.\n openPromise = this.$updateTemplate(slideout).then(function () {\n //when slideout is partially open, then maintain focus based on the property sent by UI\n if (slideout.$options.maintainFocus) {\n bindEvents(slideout);\n }\n });\n } else {\n // hand back a dummy promise since we're not opening anything.\n openPromise = $q.when();\n }\n }\n\n // When we're done doing the opening of the slideout focus it and broadcast that we've opened a slideout.\n return openPromise.then(function () {\n\n // focus on the slideout elements only when accessing it through keyboard events. do not focus\n // when opening through mouseclicks unless they want to enforce focus\n \n focusSlideout(slideout.$options.focusElement, fullopen);\n\n this.openedSlideouts.push(slideout);\n\n // tell the world that the slideout is now opened\n $rootScope.$broadcast(ON_OPENED_EVENT_NAME, slideout);\n\n $log.debug('Current state on open:', {\n service: {\n collapsed: this.collapsed,\n closed: this.closed,\n expand: this.expand\n },\n currentSlideout: {\n key: this.currentSlideout.key,\n collapsed: this.currentSlideout.$collapsed,\n closed: this.currentSlideout.$closed,\n expand: this.currentSlideout.$expand\n },\n slideoutObj: {\n key: slideout.key,\n collapsed: slideout.$collapsed,\n closed: slideout.$closed,\n expand: slideout.$expand\n }\n });\n }.bind(this));\n },\n /**\n *\n */\n $closeSlideout: function closeSlideout(slideout) {\n var openedSlideouts = [];\n _.forEach(this.openedSlideouts, function (openedSlideout) {\n openedSlideouts.push(openedSlideout.key);\n });\n\n this.openedSlideouts = [];\n\n if (slideout.$scope !== undefined && slideout.$scope !== null && typeof slideout.$scope.$destroy === 'function') {\n slideout.$scope.$destroy();\n slideout.$scope = null;\n delete slideout.$scope;\n }\n\n if (this.hiddenSlideouts && this.hiddenSlideouts.length > 0) {\n _.forEach(this.hiddenSlideouts, function (hiddenSlideout) {\n if (hiddenSlideout.$scope !== undefined && hiddenSlideout.$scope !== null && typeof hiddenSlideout.$scope.$destroy === 'function') {\n hiddenSlideout.$scope.$destroy();\n hiddenSlideout.$scope = null;\n delete hiddenSlideout.$scope;\n }\n });\n }\n\n this.hiddenSlideouts = [];\n\n return $q(function (resolve, reject) {\n // tried to use the transition end code and it wasn't firing. Odd.\n $rootScope.$applyAsync(function () {\n $timeout(function () {\n _.forEach(openedSlideouts, function (openedSlideout) {\n var elm = angular.element('div[key=\"' + openedSlideout + '\"]');\n elm.remove();\n resolve();\n });\n }, 250);\n });\n });\n },\n /**\n *\n */\n getCurrent: function () {\n return this.currentSlideout;\n },\n /**\n * Close the current slideout. This will remove the slideout from the DOM, any of its child slideouts will be removed as well.\n */\n closeCurrent: function closeCurrentSlideout(suppressEvents) {\n // current slideout, then be done.\n if (!this.currentSlideout) return $q.when();\n this.currentSlideout.isCloseEnabled = true;\n $log.debug('Closing the current slideout:', this.currentSlideout);\n\n if (suppressEvents !== true) {\n $rootScope.$broadcast(ON_CLOSING_EVENT_NAME, this.currentSlideout);\n }\n\n // Closing the current slideout means we're not showing any slideout set the state variables on the\n // slideout object AND the service.\n this.collapsed = this.currentSlideout.collapsed = this.currentSlideout.$collapsed = false;\n this.closed = this.currentSlideout.closed = this.currentSlideout.$closed = true;\n this.expand = this.currentSlideout.expand = this.currentSlideout.$expand = false;\n\n this.previousSlideout = this.currentSlideout;\n this.currentSlideout = null;\n\n if (this.previousSlideout.collapsible) {\n this.previousSlideout.$collapsed = false;\n }\n\n unbindEvents(this.previousSlideout);\n\n // Get the handle to the source element that triggered the slideout open\n var returnElementHandle = \"\";\n\t\t try {\n returnElementHandle = $(this.sourceElementId);\n } catch (e) {\n returnElementHandle = '#layoutContainer';\n }\t\t \n // If UI passed in the focus return element specifically, use it\n if (this.previousSlideout.$options.focusReturnElement)\n returnElementHandle = $(this.previousSlideout.$options.focusReturnElement);\n \n return this.$closeSlideout(this.previousSlideout).then(function () {\n // Return focus to the source element\n if (returnElementHandle != null && returnElementHandle.length > 0)\n {\n $timeout(function () {\n returnElementHandle[0].focus();\n }, 250);\n }\n\n if (suppressEvents !== true) {\n if (this.previousSlideout && typeof this.previousSlideout.onClose === 'function') this.previousSlideout.onClose();\n $rootScope.$broadcast(ON_CLOSED_EVENT_NAME, this.previousSlideout);\n }\n }.bind(this));\n },\n maintainFocus: function () {\n\n },\n /**\n * Toggles a slideout's state.\n *\n * @param {Slideout} slideout\n * @param {String} state\n * @param {SlideoutOptions|undefined} options Supplemental options for per-call overrides of slideout options\n */\n toggleSlideout: function toggleSlideout(slideout, state, options) {\n switch (state) {\n // Open a slideout where just the left most portion is visible and on collapse of the expanded slide out\n case \"open\":\n $log.debug('Opening the slideout:', slideout.key);\n if (this.currentSlideout && !this.currentSlideout.isCloseEnabled) {\n $rootScope.$broadcast(ON_COLLAPSED_EVENT_NAME, this.currentSlideout);\n return;\n }\n this.$openSlideout(false, slideout, options);\n\n if (slideout && typeof slideout.onOpen === 'function') {\n slideout.onOpen.call(slideout);\n }\n break;\n\n // Close the slideout view; No slideouts will be open ( we don't stack slideouts)\n case \"close\":\n /*\n * Whenever close is called we're going to close the slideout view. That means that any slideouts, regardless of\n * if they were declared from the parent view or from within the current slideout's template must be cleaned up.\n */\n\n if (!this.currentSlideout) return;\n\n var slideoutToClose = this.currentSlideout;\n $rootScope.$broadcast(ON_CLOSING_EVENT_NAME, this.currentSlideout);\n this.closeCurrent(true);\n\n this.currentSlideout = null;\n this.previousSlideout = null;\n\n this.collapsed = slideoutToClose.collapsed = slideoutToClose.$collapsed = false;\n this.closed = slideoutToClose.closed = slideoutToClose.$closed = true;\n this.expand = slideoutToClose.expand = slideoutToClose.$expand = false;\n\n this.$closeSlideout(slideoutToClose);\n\n $rootScope.$broadcast(ON_CLOSED_EVENT_NAME, slideoutToClose);\n if (slideout && typeof slideout.onClose === 'function') {\n slideout.onClose.call(slideout);\n }\n break;\n\n // Make the slideout be fully opened.\n case \"fullopen\":\n $log.debug('Fully opening the slideout: ', slideout.key);\n\n this.$openSlideout(true, slideout, options);\n\n if (slideout && typeof slideout.onOpen === 'function') {\n slideout.onOpen.call(slideout);\n }\n break;\n case \"collapse\":\n $log.debug('Collapsing slideout:', slideout.key);\n if (!slideout.$options.maintainFocus) {\n unbindEvents(slideout);\n }\n\n this.collapsed = slideout.collapsed = slideout.$collapsed = true;\n this.closed = slideout.closed = slideout.$closed = true;\n this.expand = slideout.expand = slideout.$expand = false;\n\n $timeout(function () {\n angular.element('#btnExpand').trigger('focus');\n }, 500);\n }\n },\n getSlideOut: function getSlideout(slideoutKey) {\n if (typeof slideoutKey === 'string') {\n var slideout = this.slideouts[slideoutKey];\n if (slideout === undefined && this.currentSlideout) {\n slideout = this.currentSlideout.children[slideoutKey];\n }\n return slideout;\n } else {\n return undefined;\n }\n },\n addSlideOut: function addSlideout(slideout) {\n if (typeof slideout === 'object' && slideout.$options && slideout.key !== undefined && slideout.key !== null) {\n // check to see if we're dealing with a child slideout\n if (slideout.isChildSlideout) { // if we're dealing with a child slideout then we'll add the slideout to the collection of its parent.\n this.currentSlideout.children[slideout.key] = slideout;\n } else {\n if (this.slideouts[slideout.key] !== undefined) {\n $log.warn('A slideout with the key ' + slideout.key + ' has already been added!');\n }\n\n this.slideouts[slideout.key] = slideout;\n }\n }\n },\n /**\n * Open a slideout. Can be invoked with the key of the slideout, the Slideout object,\n * or an adhoc object containing the basic slideout info.\n *\n * @param {String|Slideout|any} slideoutKey\n * @param {?} targetSource\n * @param {String} state\n * @param {SlideoutOptions|undefined} options Supplemental options for per-call overrides of slideout options\n */\n open: function openSlideout(slideoutKey, targetSource, state, options) {\n\n this.isKeyboardEvent = false;\n this.sourceElementId = '#layoutContainer';\n\n if(typeof event !== 'undefined' && typeof event !== 'null') {\n // check if it's a keypress event, there will be a valid keyCode\n if (event && event.keyCode) {\n this.isKeyboardEvent = true;\n }\n // Get the id of the element that triggered the slideout\n if (event.currentTarget && event.currentTarget.id)\n this.sourceElementId = '#' + event.currentTarget.id;\n }\n var slideout = null;\n if (typeof slideoutKey === 'string') {\n // opening a slideout by a registered key\n slideout = this.getSlideOut(slideoutKey);\n } else if (typeof slideoutKey === 'object' && slideoutKey.$options && slideoutKey.key) {\n //opening a slideout by a registered slideout object\n slideout = slideoutKey;\n } else if (typeof slideoutKey === 'object' && slideoutKey.$options === undefined) {\n // Opening a slideout in an adhoc fashion\n if (slideoutKey.key === undefined) return; // Can't open a slideout without a key.\n var Slideout = SlideoutFactory(this);\n\n slideout = new Slideout(undefined, slideoutKey);\n\n if (!slideout.$options.showLeftSide) {\n state = 'fullopen';\n }\n }\n\n if (!slideout) return;\n\n if (state === 'fullopen')\n slideout.$options.isPartialSlideout = false;\n else\n slideout.$options.isPartialSlideout = true;\n\n if (state === undefined) {\n // toggle slideout should focus the slideout when the 'open' state is used.\n this.toggleSlideout(slideout, 'open', options);\n } else {\n this.toggleSlideout(slideout, state, options);\n }\n },\n fullOpen: function openSlideoutFull(slideoutKey, options) {\n this.open(slideoutKey, undefined, 'fullopen', options);\n },\n close: function closeSlideout() {\n /*\n var mySlideout = $slideout.getSlideout('MY_SLIDEOUT_KEY');\n mySlideout.closeClicked = function () {\n if(iDontWantToClose) {\n return false;\n }\n };\n // or\n mySlideout.isCloseEnabled = false;\n */\n if (!this.currentSlideout) return;\n if (!this.currentSlideout.isCloseEnabled) {\n $rootScope.$broadcast(ON_CLOSING_EVENT_NAME, this.currentSlideout);\n return;\n }\n if (this.currentSlideout.closeClicked && typeof this.currentSlideout.closeClicked === 'function') {\n var dontPreventClose = true;\n try {\n dontPreventClose = this.currentSlideout.closeClicked();\n } catch (e) {\n $log.error('Error in the close click handler.', e);\n }\n\n if (dontPreventClose === false || dontPreventClose === undefined) this.toggleSlideout(undefined, 'close');\n } else {\n this.toggleSlideout(undefined, 'close');\n }\n },\n collapse: function collapseSlideout(slideoutKey) {\n $log.debug('Collapsing slideout.');\n var slideout = null;\n if (typeof slideoutKey === 'string') {\n slideout = this.slideouts[slideoutKey];\n } else if (typeof slideoutKey === 'object' && slideoutKey.$options && slideoutKey.key) {\n slideout = slideoutKey;\n }\n if (this.currentSlideout && !this.currentSlideout.isCloseEnabled) {\n $rootScope.$broadcast(ON_COLLAPSED_EVENT_NAME, this.currentSlideout);\n return;\n }\n this.toggleSlideout(slideout, 'collapse');\n },\n\t\tescapeSlideout: function escapeSlideout(keyEvent){\n\t\t\tif(keyEvent.keyCode == 27)\n\t\t\tthis.close();\n\t\t}\n };\n\n SumTotalSlideoutService.prototype.getSlideout = SumTotalSlideoutService.prototype.getSlideOut;\n SumTotalSlideoutService.prototype.addSlideout = SumTotalSlideoutService.prototype.addSlideOut;\n\n /**\n *\n */\n SumTotalSlideoutService.prototype.EVENT_KEYS = SumTotalSlideoutService.EVENT_KEYS = {\n ON_OPENING_EVENT_NAME: ON_OPENING_EVENT_NAME,\n ON_OPENED_EVENT_NAME: ON_OPENED_EVENT_NAME,\n ON_CLOSING_EVENT_NAME: ON_CLOSING_EVENT_NAME,\n ON_CLOSED_EVENT_NAME: ON_CLOSED_EVENT_NAME,\n ON_COLLAPSED_EVENT_NAME: ON_COLLAPSED_EVENT_NAME\n };\n\n return new SumTotalSlideoutService();\n }\n\n // Deine the service getter. Assign the items that are being injected into the service factory function.\n this.$get = [\n '$log',\n '$rootScope',\n '$templateRequest',\n '$timeout',\n '$q',\n '$compile',\n SumTotalSlideoutServiceFactory\n ];\n }\n\n function SumTotalSlideout($log, Slideout, $slideout) {\n function slideoutCompile(element, attrs) {\n var slideout;\n\n // Directive options\n var options = {};\n angular.forEach(['labelId', 'templateUrl', 'key', 'focusElement', 'class', 'focusReturnElement', 'isConfigSlide'], function (key) {\n if (angular.isDefined(attrs[key])) options[key] = attrs[key];\n });\n\n // use string regex match boolean attr falsy values, leave truthy values be\n var falseValueRegExp = /^(false|0|)$/i;\n angular.forEach(['maintainFocus', 'showLeftSide', 'showCollapse', 'hasIframe', 'forceFocus'], function (key) {\n if (angular.isDefined(attrs[key])) {\n if (falseValueRegExp.test(attrs[key])) {\n options[key] = false;\n } else {\n options[key] = true;\n }\n }\n });\n\n if (attrs.focusElement !== undefined) delete attrs.focusElement;\n\n // Create a new Slideout object to track in the service.\n slideout = new Slideout(element.html(), options);\n\n slideout.isChildSlideout = $slideout.expand || !$slideout.closed;\n\n // Remove any content inside the directive's element. It we'll be placing that within the slideout template.\n element.children().remove();\n\n // Register the slideout with the provider\n $slideout.addSlideout(slideout);\n\n // Return the post link function.\n return slideoutPostLink;\n }\n\n /**\n *\n * @param {Scope} scope\n * @param {HTMLElement} element\n * @param {string[]} attrs\n */\n function slideoutPostLink(scope, element, attrs) {\n if (angular.isDefined(attrs.key)) {\n var slideout = $slideout.getSlideout(attrs.key);\n\n if (slideout) {\n slideout.$options.scope = scope;\n slideout.$options.parentScope = scope.$parent;\n }\n }\n }\n\n return {\n restrict: 'EA',\n compile: slideoutCompile,\n };\n }\n\n angular.module(\"SumTotalSlideOutModule\", ['SumTotalComponents.Helpers'])\n .factory('slideoutOptionsFactory', SlideoutOptionsFactory)\n .factory('slideoutFactory', [\n '$slideout',\n SlideoutFactory\n ])\n .provider('$slideout', [\n SumTotalSlideoutProvider\n ])\n .directive('slideout', [\n '$log',\n 'slideoutFactory',\n '$slideout',\n SumTotalSlideout\n ]);\n}));\n\n(function (root, factory) {\n 'use strict';\n\n factory(root.angular);\n}(this, function (angular) {\n 'use strict';\n\n var KEY_CODES = {\n ENTER: 13,\n SPACE: 32\n };\n\n angular.module(\"SumTotalSectionModule\", [])\n // The accordion directive simply sets up the directive controller\n // and adds an accordion CSS class to itself element.\n .directive('sumtSection', [function () {\n return {\n restrict: 'EA',\n transclude: true,\n replace: false,\n scope: {\n heading: '@',\n expandedIconClass: '@',\n collapsedIconClass: '@',\n appliedListElement: '@?',\n contextualClass: '@'\n },\n templateUrl: 'section/section_view.html',\n link: function (scope, element, attrs) {\n var allowedContextualClasses = ['primary', 'success', 'info', 'warning', 'danger'];\n\n if (angular.isDefined(attrs.id)) {\n scope.panelId = attrs.id + '_panel';\n }\n\n function changeState() {\n scope.isCollapsed = !scope.isCollapsed;\n }\n\n function handleClick() {\n changeState();\n }\n\n function handleKeyUp(evt) {\n if (evt.keyCode === KEY_CODES.ENTER || evt.keyCode === KEY_CODES.SPACE) {\n\n if (evt.preventDefault) evt.preventDefault();\n if (evt.stopPropagation) evt.stopPropagation();\n\n changeState();\n }\n }\n\n scope.isCollapsed = false;\n\n scope.$click = handleClick;\n scope.$keyUp = handleKeyUp;\n\n scope.heading = attrs.heading;\n scope.headerToggleOpen = scope.expandedIconClass !== undefined && scope.expandedIconClass !== '' ? scope.expandedIconClass : 'fa fa-caret-down';\n scope.headerToggleClosed = scope.collapsedIconClass !== undefined && scope.collapsedIconClass !== '' ? scope.collapsedIconClass : 'fa fa-caret-right';\n\n scope.setPanelClass = function () {\n var panelClass = 'panel',\n contextualClass = allowedContextualClasses.indexOf(scope.contextualClass) > -1 ? scope.contextualClass : 'primary';\n\n if (scope.contextualClass) {\n panelClass += ' ' + (contextualClass.indexOf('panel-') >= 0 ? contextualClass : ('panel-' + contextualClass));\n } else {\n panelClass += ' panel-default';\n }\n\n scope.panelClass = panelClass;\n };\n\n //setup the class\n scope.setPanelClass();\n }\n };\n }]);\n}));\n\nangular.module(\"SumTotalStarRating\", [])\n .directive('starRating', function () {\n return {\n restrict: 'EA',\n replace: false,\n transclude: true,\n scope: {\n averageRatingValue: \"@\",\n userRatingValue: \"@\",\n colorValue: \"@\",\n fromSearch: \"@\",\n\t\tscreenReader: \"@\",\n\t\tscreenReaderValue:'@'\n },\n templateUrl: 'starRating/starRatingTemplate.html',\n link: function (scope, element, attrs) {\n\t\tif (angular.isUndefined(scope.fromSearch))\n\t\t{\n\t\t\tscope.fromSearch=false;\n\t\t}\n\t\tif (scope.screenReaderValue)\n\t\t{\n\t\t\tscope.screenreaderValue=scope.screenReaderValue;\n\t\t}\n scope.userRating = function () {\n if (scope.userRatingValue && scope.userRatingValue != '' && scope.userRatingValue != 0) {\n scope.ratingValue = scope.userRatingValue;\n var elements = angular.element(element).find('.star-yellow');\n for (var i = 0; i < Number(scope.userRatingValue); i++)\n angular.element(elements[i]).addClass(\"star-blue\");\n }\n }\n scope.$watch('averageRatingValue', function () {\n scope.ratingValue = scope.averageRatingValue;\n });\n\n scope.averageRating = function () {\n if (scope.userRatingValue && scope.userRatingValue != '' && scope.userRatingValue != 0) {\n scope.ratingValue = scope.averageRatingValue;\n var elements = angular.element(element).find('.star-blue').removeClass(\"star-blue\");\n }\n }\n }\n }\n\n });\n\n/* jshint strict:false */\nangular.module(\"SumTotalTabModule\", [])\n.controller('tabctrl', [\"$scope\", function ($scope) {\n $scope.tabs = [\n {\n \"title\": \"Home\",\n \"content\": \"Dat raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica.\"\n },\n {\n \"title\": \"Profile\",\n \"content\": \"Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee.\"\n },\n {\n \"title\": \"About\",\n \"content\": \"Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.\"\n },\n {\n \"title\": \"Contact\",\n \"content\": \"Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.\"\n }\n ];\n}]);\n\n/*\n Example use: \nparameters:\n percentcomplete: percentage value 0-100\n progressclass: used to change the color. ex: progress-bar-danger\n showInline: true or false - show the progress text inline or separately.\n*/\n\nangular.module(\"SumTotalSumtProgressBar\", [])\n .directive('sumtProgressBar', function () {\n return {\n restrict: 'AE',\n replace: false,\n templateUrl: 'sumtprogressbar/sumtprogressbar.html',\n scope: {\n percentcomplete: '=',\n progressclass: '@',\n showInline: '='\n },\n link: function (scope, element, attrs) {\n\n scope.showProgessInline = function () {\n return (attrs.showInline === undefined) ? true : scope.showInline;\n }\n }\n }\n });\n\n/* jshint strict:false */\nangular.module(\"SumTotalTimeline\", [])\n .directive('sumtTimeline', [\"$filter\", function ($filter) {\n return {\n restrict: 'EA',\n transclude: true,\n scope: {\n data: '=',\n config: '=',\n hasFilter: '@',\n highlight: '@'\n },\n templateUrl: 'timeline/timeline_view.html',\n link: function (scope, element, attrs) { // jshint ignore:line\n scope.filter = attrs.hasFilter !== undefined && attrs.hasFilter === 'false' ? attrs.hasFilter : true;\n scope.nodes = [];\n scope.tabs = [];\n scope.selectedTab;\n scope.date = new Date();\n scope.compDate = $filter('date')(scope.date, \"MM/dd/yyyy\");\n scope.addDataNode = function (data) {\n scope.nodes.push(data);\n };\n\n scope.setConfig = function (config) {\n scope.tabs.push(config);\n };\n\n if (scope.config !== undefined) {\n angular.forEach(scope.config, function (item) {\n scope.setConfig(item);\n });\n scope.selectedTab = scope.tabs[0];\n }\n\n if (attrs.stagger !== undefined && attrs.stagger === 'false') {\n scope.stagger = false;\n } else {\n scope.stagger = true;\n }\n\n if (attrs.highlight !== undefined && attrs.highlight === 'false') {\n scope.highlight = false;\n } else {\n scope.highlight = true;\n }\n\n scope.setTabSelection = function(tab){\n scope.selectedTab = tab;\n scope.nodes = [];\n angular.forEach(scope.data, function (item) {\n if(item.type == tab.type || tab.type == 'all')\n scope.nodes.push(item);\n });\n }\n }\n };\n }\n ]);\n\n/* jshint strict:false */\nangular.module(\"SumTotalTooltipModule\", [])\n.controller(\"toolTipControl\", [\"$scope\", function ($scope) {\n $scope.dynamicTooltip = \"Hello, World!\";\n $scope.dynamicTooltipText = \"dynamic\";\n $scope.htmlTooltip = \"I've been made bold!\";\n}]);\n\n/* jshint strict:false */\nangular.module(\"SumTotalWebpartModule\", [])\n .directive('sumtWebpart', function () {\n return {\n restrict: \"A\",\n scope: true,\n replace: false,\n templateUrl: 'webparts/webpartcontainer_view.html',\n transclude: true,\n link: function (scope, element, attrs) {\n\n //var defaultClass = 'sumt-webpart-header ';\n var headerClass = attrs.headerClass === '' || attrs.headerClass === undefined ? '' : attrs.headerClass;\n\n scope.headerTitle = attrs.headerTitle !== '' && attrs.headerTitle !== undefined ? attrs.headerTitle : '';\n scope.headerClass = headerClass;\n\n scope.headerIcon = attrs.headerIcon !== '' && attrs.headerIcon !== undefined ? attrs.headerIcon : '';\n\n scope.hideHeader = attrs.hideHeader !== '' && attrs.hideHeader !== undefined ? attrs.hideHeader : false;\n //console.log(scope.headerUrl);\n scope.headerUrl = attrs.headerUrl !== '' && attrs.headerUrl !== undefined ? attrs.headerUrl : false;\n scope.hideDeeplink = attrs.hideDeeplink !== '' && attrs.hideDeeplink !== undefined && attrs.hideDeeplink.toLowerCase() == 'true' ? true : false;\n scope.contentWidth = attrs.contentWidth !== '' && attrs.contentWidth !== undefined ? attrs.contentWidth : undefined;\n scope.contentHeight = attrs.contentHeight !== '' && attrs.contentHeight !== undefined ? attrs.contentHeight : undefined;\n scope.contentClass = attrs.contentClass !== '' && attrs.contentClass !== undefined ? attrs.contentClass : undefined;\n\n scope.widthObj = {\n width: scope.contentWidth\n };\n scope.heightObj = {\n height: scope.contentHeight\n };\n if (!scope.hideDeeplink) {\n scope.handleHeaderClick = function () {\n window.eval(scope.headerUrl); // jshint ignore:line\n };\n }\n if (scope.headerUrl !== '' && scope.headerUrl !== undefined && !scope.hideDeeplink) {\n scope.headerLinkIcon = 'fa fa-external-link-square';\n scope.headerStyleObj = {\n cursor: \"pointer\"\n };\n //element.on(\"click\", function () { window.eval(scope.headerUrl); });\n }\n }\n };\n });\n\n/* jshint strict:false */\n\nangular.module('SumTotalTypeahead', ['mgcrea.ngStrap.tooltip', 'mgcrea.ngStrap.helpers.parseOptions'])\n\n.provider('$sumttypeahead', function () {\n\n var defaults = this.defaults = {\n animation: 'am-fade',\n prefixClass: 'typeahead',\n prefixEvent: '$sumttypeahead',\n placement: 'bottom-left',\n template: 'typeahead/typeahead.tpl.html',\n trigger: 'focus',\n container: false,\n keyboard: true,\n html: false,\n delay: 0,\n minLength: 1,\n filter: 'filter',\n limit: 6,\n comparator: ''\n };\n\n this.$get = function ($window, $rootScope, $tooltip, $timeout) {\n\n function TypeaheadFactory(element, controller, config) {\n\n var $sumttypeahead = {};\n\n // Common vars\n var options = angular.extend({}, defaults, config);\n\n $sumttypeahead = $tooltip(element, options);\n var parentScope = config.scope;\n var scope = $sumttypeahead.$scope;\n\n scope.$resetMatches = function () {\n scope.$matches = [];\n scope.$activeIndex = -1;\n };\n scope.$resetMatches();\n\n scope.$activate = function (index) {\n scope.$$postDigest(function () {\n $sumttypeahead.activate(index);\n });\n };\n\n scope.$select = function (index) {\n scope.$$postDigest(function () {\n $sumttypeahead.select(index);\n });\n };\n\n scope.$isVisible = function () {\n return $sumttypeahead.$isVisible();\n };\n\n // Public methods\n\n $sumttypeahead.update = function (matches) {\n scope.$matches = matches;\n if (scope.$activeIndex >= matches.length) {\n scope.$activeIndex = -1;\n }\n return true;\n };\n\n $sumttypeahead.activate = function (index) {\n scope.$activeIndex = index;\n };\n\n $sumttypeahead.select = function (index) {\n var value = scope.$matches[index].value;\n // console.log('$setViewValue', value);\n controller.$setViewValue(value);\n controller.$render();\n scope.$resetMatches();\n if (parentScope) parentScope.$digest();\n // Emit event\n scope.$emit(options.prefixEvent + '.select', value, index, $sumttypeahead);\n };\n\n // Protected methods\n\n $sumttypeahead.$isVisible = function () {\n if (!options.minLength || !controller) {\n return !!scope.$matches.length;\n }\n // minLength support\n return scope.$matches.length && angular.isString(controller.$viewValue) && controller.$viewValue.length >= options.minLength;\n };\n\n $sumttypeahead.$getIndex = function (value) {\n var l = scope.$matches.length,\n i = l;\n if (!l) return;\n for (i = l; i--;) {\n if (scope.$matches[i].value === value) break;\n }\n if (i < 0) return;\n return i;\n };\n\n $sumttypeahead.$onMouseDown = function (evt) {\n // Prevent blur on mousedown\n evt.preventDefault();\n evt.stopPropagation();\n };\n\n $sumttypeahead.$onKeyDown = function (evt) {\n if (!/(38|40|13)/.test(evt.keyCode)) return;\n\n // Let ngSubmit pass if the typeahead tip is hidden\n if ($sumttypeahead.$isVisible() && evt.keyCode !== 13) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n // Select with enter\n if (evt.keyCode === 13 && scope.$matches.length && scope.$activeIndex >= 0) {\n $sumttypeahead.select(scope.$activeIndex);\n } else if (evt.keyCode === 13 && scope.$matches.length && scope.$activeIndex >= 0) {\n return;\n } else if (evt.keyCode === 38 && scope.$activeIndex > 0) scope.$activeIndex--; // Navigate with keyboard\n else if (evt.keyCode === 40 && scope.$activeIndex < scope.$matches.length - 1) scope.$activeIndex++;\n else if (angular.isUndefined(scope.$activeIndex)) scope.$activeIndex = 0;\n scope.$digest();\n };\n\n // Overrides\n\n var show = $sumttypeahead.show;\n $sumttypeahead.show = function () {\n show();\n // use timeout to hookup the events to prevent\n // event bubbling from being processed imediately.\n $timeout(function () {\n $sumttypeahead.$element.on('mousedown', $sumttypeahead.$onMouseDown);\n if (options.keyboard) {\n element.on('keydown', $sumttypeahead.$onKeyDown);\n }\n }, 0, false);\n };\n\n var hide = $sumttypeahead.hide;\n $sumttypeahead.hide = function () {\n $sumttypeahead.$element.off('mousedown', $sumttypeahead.$onMouseDown);\n if (options.keyboard) {\n element.off('keydown', $sumttypeahead.$onKeyDown);\n }\n hide();\n };\n\n return $sumttypeahead;\n\n }\n\n TypeaheadFactory.defaults = defaults;\n return TypeaheadFactory;\n\n };\n\n this.$get.$inject = ['$window', '$rootScope', '$tooltip', '$timeout'];\n})\n\n.directive('sumtTypeahead', ['$window', '$parse', '$q', '$sumttypeahead', '$parseOptions',\n function ($window, $parse, $q, $sumttypeahead, $parseOptions) {\n\n var defaults = $sumttypeahead.defaults;\n\n return {\n restrict: 'EAC',\n require: 'ngModel',\n link: function postLink(scope, element, attr, controller) {\n\n // Directive options\n var options = {\n scope: scope\n };\n angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'filter', 'limit', 'minLength', 'watchOptions', 'selectMode', 'comparator', 'id'], function (key) {\n if (angular.isDefined(attr[key])) options[key] = attr[key];\n });\n\n // Build proper ngOptions\n var filter = options.filter || defaults.filter;\n var limit = options.limit || defaults.limit;\n var comparator = options.comparator || defaults.comparator;\n\n var ngOptions = attr.ngOptions;\n if (filter) ngOptions += ' | ' + filter + ':$viewValue';\n if (comparator) ngOptions += ':' + comparator;\n if (limit) ngOptions += ' | limitTo:' + limit;\n var parsedOptions = $parseOptions(ngOptions);\n\n // Initialize typeahead\n var typeahead = $sumttypeahead(element, controller, options);\n\n // Watch options on demand\n if (options.watchOptions) {\n // Watch ngOptions values before filtering for changes, drop function calls\n var watchedOptions = parsedOptions.$match[7].replace(/\\|.+/, '').replace(/\\(.*\\)/g, '').trim();\n scope.$watch(watchedOptions, function () {\n // console.warn('scope.$watch(%s)', watchedOptions, newValue, oldValue);\n parsedOptions.valuesFn(scope, controller).then(function (values) {\n typeahead.update(values);\n controller.$render();\n });\n }, true);\n }\n\n // Watch model for changes\n scope.$watch(attr.ngModel, function (newValue) {\n // console.warn('$watch', element.attr('ng-model'), newValue);\n scope.$modelValue = newValue; // Publish modelValue on scope for custom templates\n parsedOptions.valuesFn(scope, controller)\n .then(function (values) {\n // Prevent input with no future prospect if selectMode is truthy\n // @TODO test selectMode\n if (options.selectMode && !values.length && newValue.length > 0) {\n controller.$setViewValue(controller.$viewValue.substring(0, controller.$viewValue.length - 1));\n return;\n }\n if (values.length > limit) values = values.slice(0, limit);\n var isVisible = typeahead.$isVisible();\n isVisible && typeahead.update(values);\n // Do not re-queue an update if a correct value has been selected\n if (values.length === 1 && values[0].value === newValue) return;\n !isVisible && typeahead.update(values);\n // Queue a new rendering that will leverage collection loading\n controller.$render();\n });\n });\n\n // modelValue -> $formatters -> viewValue\n controller.$formatters.push(function (modelValue) {\n // console.warn('$formatter(\"%s\"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);\n var displayValue = parsedOptions.displayValue(modelValue);\n return displayValue === undefined ? '' : displayValue;\n });\n\n // Model rendering in view\n controller.$render = function () {\n // console.warn('$render', element.attr('ng-model'), 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue, 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue);\n if (controller.$isEmpty(controller.$viewValue)) return element.val('');\n var index = typeahead.$getIndex(controller.$modelValue);\n var selected = angular.isDefined(index) ? typeahead.$scope.$matches[index].label : controller.$viewValue;\n selected = angular.isObject(selected) ? parsedOptions.displayValue(selected) : selected;\n element.val(selected ? selected.toString().replace(/<(?:.|\\n)*?>/gm, '').trim() : '');\n };\n\n // Garbage collection\n scope.$on('$destroy', function () {\n if (typeahead) typeahead.destroy();\n options = null;\n typeahead = null;\n });\n\n }\n };\n\n}]);\n\n /*\n\n \\param activeStep - current active step of the wizard\n \\param onSelectedStep - optional function property used to access the selected step of the wizard when clickable\n \\param stepData - array of objects required for the wizard\n - example object:\n {\n stepNum: 0,\n stepName: '',\n stepSubName: '',\n stepDisabled: false,\n stepCompleted: false,\n focusId: ''\n }\n \\param nextStep - currently not used\n \\param prevStep - currently not used\n \\param clickable - optional property used to set whether the wizard is clickable or not\n \\param translations = optional object that can be parsed to allow translated values to be used for the accessibile labels\n - example object:\n {\n labelText: 'Steps',\n stepText: 'Step',\n ofText: 'of',\n completedText: 'Completed',\n notCompletedText: 'Not yet completed',\n currentText: 'Current'\n }\n\n */\n /* jshint strict:false */\n angular.module(\"SumTotalWizard\", [])\n .directive('sumtWizard', ['$timeout', function ($timeout) {\n return {\n restrict: 'EA',\n replace: false,\n transclude: false,\n templateUrl: 'wizard/wizardsteps_view.html',\n scope: {\n activeStep: '=',\n onSelectedStep: '&',\n nextStep: '=',\n prevStep: '=',\n stepData: '=',\n clickable: '=?'\n },\n link: function (scope, element, attrs) { // jshint ignore:line\n scope.stepCount = attrs.numSteps;\n scope.allStepsOpen = true;\n scope.selectedStep = scope.activeStep;\n\n if(angular.isUndefined(scope.clickable)) {\n scope.clickable = false;\n }\n\n // default values for translations\n scope.translations = {\n labelText: 'Steps',\n stepText: 'Step',\n ofText: 'of',\n completedText: 'Completed',\n notCompletedText: 'Not yet completed',\n currentText: 'Current'\n }\n\n //set translations if parsed in\n if(angular.isDefined(attrs.translations)){\n scope.translations = attrs.translations\n var keys = Object.keys(_settings.translations);\n angular.forEach(keys, function(v, i) {\n if(angular.isDefined(attrs.translations[v])) {\n attrs.translations[v] = scope.translations[v];\n }\n })\n }\n\n scope.$watch('activeStep', function(newValue, oldValue) {\n if (newValue && newValue > 0) {\n scope.selectedStep = newValue;\n scope.onSelectedStep({ selectedStep: scope.selectedStep });\n scope.focusElement();\n }\n }, true);\n\n if(angular.isUndefined(scope.stepData)) {\n scope.stepData = [];\n\n for (var i = 1; i <= attrs.numSteps; i++) {\n\t\t\t\t\t\t\tvar step = {\n\t\t\t\t\t\t\t\tstepNum: i,\n stepName: '',\n stepSubName: '',\n stepDisabled: false,\n stepCompleted: false,\n focusId: ''\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tscope.stepData.push(step);\n\t\t\t\t\t\t}\n }\n\n angular.forEach(scope.stepData, function(v, i) {\n if(angular.isUndefined(v.stepDisabled)) {\n v.stepDisabled = true;\n }\n if(v.stepDisabled) {\n scope.allStepsOpen = false;\n }\n if(angular.isUndefined(v.stepCompleted)) {\n v.stepCompleted = false;\n }\n })\n\n\t\t\t\t/*\tif(scope.stepData!=null)\n\t\t\t\t\t{\n\t\t\t\t\t\t\tangular.forEach(scope.stepData, function(value, key) {\n\t\t\t\t\t\t\t\t\tvar step = {\n\t\t\t\t\t\t\t\t\tstepNum: value.stepNum,\n stepName: value.stepName\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tscope.stepArray.push(step);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\telse\n\t\t\t\t\t{\n\t\t\t\t\t\tfor (var i = 1; i <= attrs.numSteps; i++) {\n\t\t\t\t\t\t\tvar step = {\n\t\t\t\t\t\t\t\tstepNum: i,\n stepName: ''\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tscope.stepArray.push(step);\n\t\t\t\t\t\t}\n\t\t\t\t\t}*/\n\n if (attrs.allowDisable !== undefined) {\n scope.disabled = true;\n } else {\n scope.disabled = false;\n }\n\n scope.nextStep = function () {\n if (scope.activeStep < scope.stepCount) {\n scope.activeStep += 1;\n }\n };\n\n scope.prevStep = function () {\n if (scope.activeStep > 1) {\n scope.activeStep -= 1;\n }\n };\n\n scope.focusElement = function() {\n $timeout(function () {\n var step = scope.stepData[scope.selectedStep - 1];\n if(angular.isDefined(step) && angular.isDefined(step.focusId) && step.focusId.length > 0) {\n $('#' + step.focusId).focus();\n }\n }, 500);\n }\n\n scope.goToStep = function(step) {\n if(angular.isDefined(step) && scope.clickable && (!step.stepDisabled || step.stepNum == scope.activeStep)) {\n scope.selectedStep = step.stepNum;\n scope.onSelectedStep({ selectedStep: scope.selectedStep });\n scope.focusElement();\n }\n }\n\n scope.step508Label = function(step) {\n var text = '';\n\n if(step.stepNum == scope.activeStep) {\n text = scope.translations.currentText + ' ' + scope.translations.stepText + ' ' + step.stepNum + ' ' + scope.translations.ofText + ' ' + scope.stepCount + ', ' + step.stepName + (angular.isDefined(step.stepSubName) ? ', ' + step.stepSubName : '');\n }\n else if (step.stepCompleted) {\n text = scope.translations.stepText + ' ' + step.stepNum + ' ' + scope.translations.ofText + ' ' + scope.stepCount + ', ' + step.stepName + (angular.isDefined(step.stepSubName) ? ', ' + step.stepSubName : '') + ', ' + scope.translations.completedText;\n }\n else if (!step.stepCompleted) {\n text = scope.translations.stepText + ' ' + step.stepNum + ' ' + scope.translations.ofText + ' ' + scope.stepCount + ', ' + step.stepName + (angular.isDefined(step.stepSubName) ? ', ' + step.stepSubName : '') + ', ' + scope.translations.notCompletedText;\n }\n\n return text;\n }\n }\n };\n}]);\n\nangular.module(\"SumTotalComponents\").run([\"$templateCache\", function($templateCache) {$templateCache.put(\"accordion/accordion-group_view.html\",\"