' + key.data.y + ' kWh (' + key.data.x + ')
' + key.data.y + ' GAL (' + key.data.x + ')
' + key.data.y + ' FT3 (' + key.data.x + ')
' + key.data.y + ' kWh (' + key.data.x + ')
' + key.data.y + ' GAL (' + key.data.x + ')
' + key.data.y + ' GAL (' + key.data.x + ')
' + key.data.y + ' FT3 (' + key.data.x + ')
' + key.data.y + ' kWh (' + key.data.x + ')
');\r\n iElement.append(loadMoreEl);\r\n\r\n // Default config\r\n var config = {\r\n scrollEl: '#content'\r\n };\r\n\r\n // Extend the configuration\r\n config = angular.extend(config, scope.msTimeline, {});\r\n \r\n // Grab the scrollable element and store it in the controller for general use\r\n var scrollEl = angular.element(config.scrollEl);\r\n MsTimelineCtrl.setScrollEl(scrollEl);\r\n\r\n // Threshold\r\n var threshold = 144;\r\n\r\n // Register onScroll event for the first time\r\n registerOnScroll();\r\n\r\n /**\r\n * onScroll Event\r\n */\r\n function onScroll()\r\n {\r\n if ( scrollEl.scrollTop() + scrollEl.height() + threshold > loadMoreEl.position().top )\r\n {\r\n // Show the loader\r\n loadMoreEl.addClass('show');\r\n\r\n // Unregister scroll event to prevent triggering the function over and over again\r\n unregisterOnScroll();\r\n\r\n // Trigger load more event\r\n scope.loadMore().then(\r\n // Success\r\n function ()\r\n {\r\n // Hide the loader\r\n loadMoreEl.removeClass('show');\r\n\r\n // Register the onScroll event again\r\n registerOnScroll();\r\n },\r\n\r\n // Error\r\n function ()\r\n {\r\n // Remove the loader completely\r\n loadMoreEl.remove();\r\n }\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * onScroll event registerer\r\n */\r\n function registerOnScroll()\r\n {\r\n scrollEl.on('scroll', onScroll);\r\n }\r\n\r\n /**\r\n * onScroll event unregisterer\r\n */\r\n function unregisterOnScroll()\r\n {\r\n scrollEl.off('scroll', onScroll);\r\n }\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n unregisterOnScroll();\r\n });\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msTimelineItemDirective($timeout, $q)\r\n {\r\n return {\r\n scope : true,\r\n require: '^msTimeline',\r\n compile: function (tElement)\r\n {\r\n tElement.addClass('ms-timeline-item').addClass('hidden');\r\n\r\n return function postLink(scope, iElement, iAttrs, MsTimelineCtrl)\r\n {\r\n var threshold = 72,\r\n itemLoaded = false,\r\n itemInViewport = false,\r\n scrollEl = MsTimelineCtrl.getScrollEl();\r\n\r\n //////////\r\n\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Check if the timeline item has ms-card\r\n if ( iElement.find('ms-card') )\r\n {\r\n // If the ms-card template loaded...\r\n scope.$on('msCard::cardTemplateLoaded', function (event, args)\r\n {\r\n var cardEl = angular.element(args[0]);\r\n\r\n // Test the card to see if there is any image on it\r\n testForImage(cardEl).then(function ()\r\n {\r\n $timeout(function ()\r\n {\r\n itemLoaded = true;\r\n });\r\n });\r\n });\r\n }\r\n else\r\n {\r\n // Test the element to see if there is any image on it\r\n testForImage(iElement).then(function ()\r\n {\r\n $timeout(function ()\r\n {\r\n itemLoaded = true;\r\n });\r\n });\r\n }\r\n\r\n // Check if the loaded element also in the viewport\r\n scrollEl.on('scroll', testForVisibility);\r\n\r\n // Test for visibility for the first time without waiting for the scroll event\r\n testForVisibility();\r\n }\r\n\r\n // Item ready watcher\r\n var itemReadyWatcher = scope.$watch(\r\n function ()\r\n {\r\n return itemLoaded && itemInViewport;\r\n },\r\n function (current, old)\r\n {\r\n if ( angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n if ( current )\r\n {\r\n iElement.removeClass('hidden').addClass('animate');\r\n\r\n // Unbind itemReadyWatcher\r\n itemReadyWatcher();\r\n }\r\n }, true);\r\n\r\n /**\r\n * Test the given element for image\r\n *\r\n * @param element\r\n * @returns promise\r\n */\r\n function testForImage(element)\r\n {\r\n var deferred = $q.defer(),\r\n imgEl = element.find('img');\r\n\r\n if ( imgEl.length > 0 )\r\n {\r\n imgEl.on('load', function ()\r\n {\r\n deferred.resolve('Image is loaded');\r\n });\r\n }\r\n else\r\n {\r\n deferred.resolve('No images');\r\n }\r\n\r\n return deferred.promise;\r\n }\r\n\r\n /**\r\n * Test the element for visibility\r\n */\r\n function testForVisibility()\r\n {\r\n if ( scrollEl.scrollTop() + scrollEl.height() > iElement.position().top + threshold )\r\n {\r\n $timeout(function ()\r\n {\r\n itemInViewport = true;\r\n });\r\n\r\n // Unbind the scroll event\r\n scrollEl.off('scroll', testForVisibility);\r\n }\r\n }\r\n };\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .directive('msSplashScreen', msSplashScreenDirective);\r\n\r\n /** @ngInject */\r\n function msSplashScreenDirective($animate)\r\n {\r\n return {\r\n restrict: 'E',\r\n link : function (scope, iElement)\r\n {\r\n var splashScreenRemoveEvent = scope.$on('msSplashScreen::remove', function ()\r\n {\r\n $animate.leave(iElement).then(function ()\r\n {\r\n // De-register scope event\r\n splashScreenRemoveEvent();\r\n\r\n // Null-ify everything else\r\n scope = iElement = null;\r\n });\r\n });\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .controller('MsShortcutsController', MsShortcutsController)\r\n .directive('msShortcuts', msShortcutsDirective);\r\n\r\n /** @ngInject */\r\n function MsShortcutsController($scope, $cookies, $document, $timeout, $q, msNavigationService)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.query = '';\r\n vm.queryOptions = {\r\n debounce: 300\r\n };\r\n vm.resultsLoading = false;\r\n vm.selectedResultIndex = 0;\r\n vm.ignoreMouseEvents = false;\r\n\r\n vm.results = null;\r\n vm.shortcuts = [];\r\n\r\n vm.sortableOptions = {\r\n ghostClass : 'ghost',\r\n forceFallback: true,\r\n fallbackClass: 'dragging',\r\n onSort : function ()\r\n {\r\n vm.saveShortcuts();\r\n }\r\n };\r\n\r\n // Methods\r\n vm.populateResults = populateResults;\r\n vm.loadShortcuts = loadShortcuts;\r\n vm.saveShortcuts = saveShortcuts;\r\n vm.addShortcut = addShortcut;\r\n vm.removeShortcut = removeShortcut;\r\n vm.handleResultClick = handleResultClick;\r\n\r\n vm.absorbEvent = absorbEvent;\r\n vm.handleKeydown = handleKeydown;\r\n vm.handleMouseenter = handleMouseenter;\r\n vm.temporarilyIgnoreMouseEvents = temporarilyIgnoreMouseEvents;\r\n vm.ensureSelectedResultIsVisible = ensureSelectedResultIsVisible;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n function init()\r\n {\r\n // Load the shortcuts\r\n vm.loadShortcuts().then(\r\n // Success\r\n function (response)\r\n {\r\n vm.shortcuts = response;\r\n\r\n // Add shortcuts as results by default\r\n if ( vm.shortcuts.length > 0 )\r\n {\r\n vm.results = response;\r\n }\r\n }\r\n );\r\n\r\n // Watch the model changes to trigger the search\r\n $scope.$watch('MsShortcuts.query', function (current, old)\r\n {\r\n if ( angular.isUndefined(current) )\r\n {\r\n return;\r\n }\r\n\r\n if ( angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n // Show the loader\r\n vm.resultsLoading = true;\r\n\r\n // Populate the results\r\n vm.populateResults().then(\r\n // Success\r\n function (response)\r\n {\r\n vm.results = response;\r\n },\r\n // Error\r\n function ()\r\n {\r\n vm.results = [];\r\n }\r\n ).finally(\r\n function ()\r\n {\r\n // Hide the loader\r\n vm.resultsLoading = false;\r\n }\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Populate the results\r\n */\r\n function populateResults()\r\n {\r\n var results = [],\r\n flatNavigation = msNavigationService.getFlatNavigation(),\r\n deferred = $q.defer();\r\n\r\n // Iterate through the navigation array and\r\n // make sure it doesn't have any groups or\r\n // none ui-sref items\r\n for ( var x = 0; x < flatNavigation.length; x++ )\r\n {\r\n if ( flatNavigation[x].uisref )\r\n {\r\n results.push(flatNavigation[x]);\r\n }\r\n }\r\n\r\n // If there is a query, filter the results\r\n if ( vm.query )\r\n {\r\n results = results.filter(function (item)\r\n {\r\n if ( angular.lowercase(item.title).search(angular.lowercase(vm.query)) > -1 )\r\n {\r\n return true;\r\n }\r\n });\r\n\r\n // Iterate through one last time and\r\n // add required properties to items\r\n for ( var i = 0; i < results.length; i++ )\r\n {\r\n // Add false to hasShortcut by default\r\n results[i].hasShortcut = false;\r\n\r\n // Test if the item is in the shortcuts list\r\n for ( var y = 0; y < vm.shortcuts.length; y++ )\r\n {\r\n if ( vm.shortcuts[y]._id === results[i]._id )\r\n {\r\n results[i].hasShortcut = true;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n else\r\n {\r\n // If the query is empty, that means\r\n // there is nothing to search for so\r\n // we will populate the results with\r\n // current shortcuts if there is any\r\n if ( vm.shortcuts.length > 0 )\r\n {\r\n results = vm.shortcuts;\r\n }\r\n }\r\n\r\n // Reset the selected result\r\n vm.selectedResultIndex = 0;\r\n\r\n // Fake the service delay\r\n $timeout(function ()\r\n {\r\n // Resolve the promise\r\n deferred.resolve(results);\r\n }, 250);\r\n\r\n // Return a promise\r\n return deferred.promise;\r\n }\r\n\r\n /**\r\n * Load shortcuts\r\n */\r\n function loadShortcuts()\r\n {\r\n var deferred = $q.defer();\r\n\r\n // For the demo purposes, we will\r\n // load the shortcuts from the cookies.\r\n // But here you can make an API call\r\n // to load them from the DB.\r\n var shortcuts = angular.fromJson($cookies.get('FUSE.shortcuts'));\r\n\r\n // No cookie available. Generate one\r\n // for the demo purposes...\r\n if ( angular.isUndefined(shortcuts) )\r\n {\r\n shortcuts = [\r\n {\r\n 'title' : 'Sample',\r\n 'icon' : 'icon-tile-four',\r\n 'state' : 'app.sample',\r\n 'weight' : 1,\r\n 'children' : [],\r\n '_id' : 'sample',\r\n '_path' : 'apps.sample',\r\n 'uisref' : 'app.sample',\r\n 'hasShortcut': true\r\n }\r\n ];\r\n\r\n $cookies.put('FUSE.shortcuts', angular.toJson(shortcuts));\r\n }\r\n\r\n // Resolve the promise\r\n deferred.resolve(shortcuts);\r\n\r\n return deferred.promise;\r\n }\r\n\r\n /**\r\n * Save the shortcuts\r\n */\r\n function saveShortcuts()\r\n {\r\n var deferred = $q.defer();\r\n\r\n // For the demo purposes, we will\r\n // keep the shortcuts in the cookies.\r\n // But here you can make an API call\r\n // to save them to the DB.\r\n $cookies.put('FUSE.shortcuts', angular.toJson(vm.shortcuts));\r\n\r\n // Fake the service delay\r\n $timeout(function ()\r\n {\r\n deferred.resolve({'success': true});\r\n }, 250);\r\n\r\n return deferred.promise;\r\n }\r\n\r\n /**\r\n * Add item as shortcut\r\n *\r\n * @param item\r\n */\r\n function addShortcut(item)\r\n {\r\n // Update the hasShortcut status\r\n item.hasShortcut = true;\r\n\r\n // Add as a shortcut\r\n vm.shortcuts.push(item);\r\n\r\n // Save the shortcuts\r\n vm.saveShortcuts();\r\n }\r\n\r\n /**\r\n * Remove item from shortcuts\r\n *\r\n * @param item\r\n */\r\n function removeShortcut(item)\r\n {\r\n // Update the hasShortcut status\r\n item.hasShortcut = false;\r\n\r\n // Remove the shortcut\r\n for ( var x = 0; x < vm.shortcuts.length; x++ )\r\n {\r\n if ( vm.shortcuts[x]._id === item._id )\r\n {\r\n // Remove the x-th item from the array\r\n vm.shortcuts.splice(x, 1);\r\n\r\n // If we aren't searching for anything...\r\n if ( !vm.query )\r\n {\r\n // If all the shortcuts have been removed,\r\n // null-ify the results\r\n if ( vm.shortcuts.length === 0 )\r\n {\r\n vm.results = null;\r\n }\r\n // Otherwise update the selected index\r\n else\r\n {\r\n if ( x >= vm.shortcuts.length )\r\n {\r\n vm.selectedResultIndex = vm.shortcuts.length - 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Save the shortcuts\r\n vm.saveShortcuts();\r\n }\r\n\r\n /**\r\n * Handle the result click\r\n *\r\n * @param item\r\n */\r\n function handleResultClick(item)\r\n {\r\n // Add or remove the shortcut\r\n if ( item.hasShortcut )\r\n {\r\n vm.removeShortcut(item);\r\n }\r\n else\r\n {\r\n vm.addShortcut(item);\r\n }\r\n }\r\n\r\n /**\r\n * Absorb the given event\r\n *\r\n * @param event\r\n */\r\n function absorbEvent(event)\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n /**\r\n * Handle keydown\r\n *\r\n * @param event\r\n */\r\n function handleKeydown(event)\r\n {\r\n var keyCode = event.keyCode,\r\n keys = [38, 40];\r\n\r\n // Prevent the default action if\r\n // one of the keys are pressed that\r\n // we are listening\r\n if ( keys.indexOf(keyCode) > -1 )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n switch ( keyCode )\r\n {\r\n // Enter\r\n case 13:\r\n\r\n // Trigger result click\r\n vm.handleResultClick(vm.results[vm.selectedResultIndex]);\r\n\r\n break;\r\n\r\n // Up Arrow\r\n case 38:\r\n\r\n // Decrease the selected result index\r\n if ( vm.selectedResultIndex - 1 >= 0 )\r\n {\r\n // Decrease the selected index\r\n vm.selectedResultIndex--;\r\n\r\n // Make sure the selected result is in the view\r\n vm.ensureSelectedResultIsVisible();\r\n }\r\n\r\n break;\r\n\r\n // Down Arrow\r\n case 40:\r\n\r\n // Increase the selected result index\r\n if ( vm.selectedResultIndex + 1 < vm.results.length )\r\n {\r\n // Increase the selected index\r\n vm.selectedResultIndex++;\r\n\r\n // Make sure the selected result is in the view\r\n vm.ensureSelectedResultIsVisible();\r\n }\r\n\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n /**\r\n * Handle mouseenter\r\n *\r\n * @param index\r\n */\r\n function handleMouseenter(index)\r\n {\r\n if ( vm.ignoreMouseEvents )\r\n {\r\n return;\r\n }\r\n\r\n // Update the selected result index\r\n // with the given index\r\n vm.selectedResultIndex = index;\r\n }\r\n\r\n /**\r\n * Set a variable for a limited time\r\n * to make other functions to ignore\r\n * the mouse events\r\n */\r\n function temporarilyIgnoreMouseEvents()\r\n {\r\n // Set the variable\r\n vm.ignoreMouseEvents = true;\r\n\r\n // Cancel the previous timeout\r\n $timeout.cancel(vm.mouseEventIgnoreTimeout);\r\n\r\n // Set the timeout\r\n vm.mouseEventIgnoreTimeout = $timeout(function ()\r\n {\r\n vm.ignoreMouseEvents = false;\r\n }, 250);\r\n }\r\n\r\n /**\r\n * Ensure the selected result will\r\n * always be visible on the results\r\n * area\r\n */\r\n function ensureSelectedResultIsVisible()\r\n {\r\n var resultsEl = $document.find('#ms-shortcut-add-menu').find('.results'),\r\n selectedItemEl = angular.element(resultsEl.find('.result')[vm.selectedResultIndex]);\r\n\r\n if ( resultsEl && selectedItemEl )\r\n {\r\n var top = selectedItemEl.position().top - 8,\r\n bottom = selectedItemEl.position().top + selectedItemEl.outerHeight() + 8;\r\n\r\n // Start ignoring mouse events\r\n vm.temporarilyIgnoreMouseEvents();\r\n\r\n if ( resultsEl.scrollTop() > top )\r\n {\r\n resultsEl.scrollTop(top);\r\n }\r\n\r\n if ( bottom > (resultsEl.height() + resultsEl.scrollTop()) )\r\n {\r\n resultsEl.scrollTop(bottom - resultsEl.height());\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msShortcutsDirective()\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {},\r\n require : 'msShortcuts',\r\n controller : 'MsShortcutsController as MsShortcuts',\r\n bindToController: {},\r\n templateUrl : 'app/core/directives/ms-shortcuts/ms-shortcuts.html',\r\n compile : function (tElement)\r\n {\r\n // Add class\r\n tElement.addClass('ms-shortcuts');\r\n\r\n return function postLink(scope, iElement)\r\n {\r\n // Data\r\n\r\n };\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .controller('MsSearchBarController', MsSearchBarController)\r\n .directive('msSearchBar', msSearchBarDirective);\r\n\r\n /** @ngInject */\r\n function MsSearchBarController($scope, $element, $timeout)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.collapsed = true;\r\n vm.query = '';\r\n vm.queryOptions = {\r\n debounce: vm.debounce || 0\r\n };\r\n vm.resultsLoading = false;\r\n vm.results = null;\r\n vm.selectedResultIndex = 0;\r\n vm.ignoreMouseEvents = false;\r\n\r\n // Methods\r\n vm.populateResults = populateResults;\r\n\r\n vm.expand = expand;\r\n vm.collapse = collapse;\r\n\r\n vm.absorbEvent = absorbEvent;\r\n vm.handleKeydown = handleKeydown;\r\n vm.handleMouseenter = handleMouseenter;\r\n vm.temporarilyIgnoreMouseEvents = temporarilyIgnoreMouseEvents;\r\n vm.handleResultClick = handleResultClick;\r\n vm.ensureSelectedResultIsVisible = ensureSelectedResultIsVisible;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n function init()\r\n {\r\n // Watch the model changes to trigger the search\r\n $scope.$watch('MsSearchBar.query', function (current, old)\r\n {\r\n if ( angular.isUndefined(current) )\r\n {\r\n return;\r\n }\r\n\r\n if ( angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n if ( vm.collapsed )\r\n {\r\n return;\r\n }\r\n\r\n // Evaluate the onSearch function to access the\r\n // function itself\r\n var onSearchEvaluated = $scope.$parent.$eval(vm.onSearch, {query: current}),\r\n isArray = angular.isArray(onSearchEvaluated),\r\n isPromise = (onSearchEvaluated && !!onSearchEvaluated.then);\r\n\r\n if ( isArray )\r\n {\r\n // Populate the results\r\n vm.populateResults(onSearchEvaluated);\r\n }\r\n\r\n if ( isPromise )\r\n {\r\n // Show the loader\r\n vm.resultsLoading = true;\r\n\r\n onSearchEvaluated.then(\r\n // Success\r\n function (response)\r\n {\r\n // Populate the results\r\n vm.populateResults(response);\r\n },\r\n // Error\r\n function ()\r\n {\r\n // Assign an empty array to show\r\n // the no-results screen\r\n vm.populateResults([]);\r\n }\r\n ).finally(function ()\r\n {\r\n // Hide the loader\r\n vm.resultsLoading = false;\r\n }\r\n );\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Populate the results\r\n *\r\n * @param results\r\n */\r\n function populateResults(results)\r\n {\r\n // Before doing anything,\r\n // make sure the search bar is expanded\r\n if ( vm.collapsed )\r\n {\r\n return;\r\n }\r\n\r\n var isArray = angular.isArray(results),\r\n isNull = results === null;\r\n\r\n // Only accept arrays and null values\r\n if ( !isArray && !isNull )\r\n {\r\n return;\r\n }\r\n\r\n // Reset the selected result\r\n vm.selectedResultIndex = 0;\r\n\r\n // Populate the results\r\n vm.results = results;\r\n }\r\n\r\n /**\r\n * Expand\r\n */\r\n function expand()\r\n {\r\n // Set collapsed status\r\n vm.collapsed = false;\r\n\r\n // Call expand on scope\r\n $scope.expand();\r\n\r\n // Callback\r\n if ( vm.onExpand && angular.isFunction(vm.onExpand) )\r\n {\r\n vm.onExpand();\r\n }\r\n }\r\n\r\n /**\r\n * Collapse\r\n */\r\n function collapse()\r\n {\r\n // Empty the query\r\n vm.query = '';\r\n\r\n // Empty results to hide the results view\r\n vm.populateResults(null);\r\n\r\n // Set collapsed status\r\n vm.collapsed = true;\r\n\r\n // Call collapse on scope\r\n $scope.collapse();\r\n\r\n // Callback\r\n if ( vm.onCollapse && angular.isFunction(vm.onCollapse) )\r\n {\r\n vm.onCollapse();\r\n }\r\n }\r\n\r\n /**\r\n * Absorb the given event\r\n *\r\n * @param event\r\n */\r\n function absorbEvent(event)\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n /**\r\n * Handle keydown\r\n *\r\n * @param event\r\n */\r\n function handleKeydown(event)\r\n {\r\n var keyCode = event.keyCode,\r\n keys = [27, 38, 40];\r\n\r\n // Prevent the default action if\r\n // one of the keys are pressed that\r\n // we are listening\r\n if ( keys.indexOf(keyCode) > -1 )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n switch ( keyCode )\r\n {\r\n // Enter\r\n case 13:\r\n\r\n // Trigger result click\r\n vm.handleResultClick(vm.results[vm.selectedResultIndex]);\r\n\r\n break;\r\n\r\n // Escape\r\n case 27:\r\n\r\n // Collapse the search bar\r\n vm.collapse();\r\n\r\n break;\r\n\r\n // Up Arrow\r\n case 38:\r\n\r\n // Decrease the selected result index\r\n if ( vm.selectedResultIndex - 1 >= 0 )\r\n {\r\n // Decrease the selected index\r\n vm.selectedResultIndex--;\r\n\r\n // Make sure the selected result is in the view\r\n vm.ensureSelectedResultIsVisible();\r\n }\r\n\r\n break;\r\n\r\n // Down Arrow\r\n case 40:\r\n\r\n if ( !vm.results )\r\n {\r\n return;\r\n }\r\n\r\n // Increase the selected result index\r\n if ( vm.selectedResultIndex + 1 < vm.results.length )\r\n {\r\n // Increase the selected index\r\n vm.selectedResultIndex++;\r\n\r\n // Make sure the selected result is in the view\r\n vm.ensureSelectedResultIsVisible();\r\n }\r\n\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n /**\r\n * Handle mouseenter\r\n *\r\n * @param index\r\n */\r\n function handleMouseenter(index)\r\n {\r\n if ( vm.ignoreMouseEvents )\r\n {\r\n return;\r\n }\r\n\r\n // Update the selected result index\r\n // with the given index\r\n vm.selectedResultIndex = index;\r\n }\r\n\r\n /**\r\n * Set a variable for a limited time\r\n * to make other functions to ignore\r\n * the mouse events\r\n */\r\n function temporarilyIgnoreMouseEvents()\r\n {\r\n // Set the variable\r\n vm.ignoreMouseEvents = true;\r\n\r\n // Cancel the previous timeout\r\n $timeout.cancel(vm.mouseEventIgnoreTimeout);\r\n\r\n // Set the timeout\r\n vm.mouseEventIgnoreTimeout = $timeout(function ()\r\n {\r\n vm.ignoreMouseEvents = false;\r\n }, 250);\r\n }\r\n\r\n /**\r\n * Handle the result click\r\n *\r\n * @param item\r\n */\r\n function handleResultClick(item)\r\n {\r\n if ( vm.onResultClick )\r\n {\r\n vm.onResultClick({item: item});\r\n }\r\n\r\n // Collapse the search bar\r\n vm.collapse();\r\n }\r\n\r\n /**\r\n * Ensure the selected result will\r\n * always be visible on the results\r\n * area\r\n */\r\n function ensureSelectedResultIsVisible()\r\n {\r\n var resultsEl = $element.find('.ms-search-bar-results'),\r\n selectedItemEl = angular.element(resultsEl.find('.result')[vm.selectedResultIndex]);\r\n\r\n if ( resultsEl && selectedItemEl )\r\n {\r\n var top = selectedItemEl.position().top - 8,\r\n bottom = selectedItemEl.position().top + selectedItemEl.outerHeight() + 8;\r\n\r\n // Start ignoring mouse events\r\n vm.temporarilyIgnoreMouseEvents();\r\n\r\n if ( resultsEl.scrollTop() > top )\r\n {\r\n resultsEl.scrollTop(top);\r\n }\r\n\r\n if ( bottom > (resultsEl.height() + resultsEl.scrollTop()) )\r\n {\r\n resultsEl.scrollTop(bottom - resultsEl.height());\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msSearchBarDirective($document)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {},\r\n require : 'msSearchBar',\r\n controller : 'MsSearchBarController as MsSearchBar',\r\n bindToController: {\r\n debounce : '=?',\r\n onSearch : '@',\r\n onResultClick: '&?',\r\n onExpand : '&?',\r\n onCollapse : '&?'\r\n },\r\n templateUrl : 'app/core/directives/ms-search-bar/ms-search-bar.html',\r\n compile : function (tElement)\r\n {\r\n // Add class\r\n tElement.addClass('ms-search-bar');\r\n\r\n return function postLink(scope, iElement)\r\n {\r\n // Data\r\n var inputEl,\r\n bodyEl = $document.find('body');\r\n\r\n // Methods\r\n scope.collapse = collapse;\r\n scope.expand = expand;\r\n\r\n //////////\r\n\r\n // Initialize\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Grab the input element\r\n inputEl = iElement.find('#ms-search-bar-input');\r\n }\r\n\r\n /**\r\n * Expand action\r\n */\r\n function expand()\r\n {\r\n // Add expanded class\r\n iElement.addClass('expanded');\r\n\r\n // Add helper class to the body\r\n bodyEl.addClass('ms-search-bar-expanded');\r\n\r\n // Focus on the input\r\n inputEl.focus();\r\n }\r\n\r\n /**\r\n * Collapse action\r\n */\r\n function collapse()\r\n {\r\n // Remove expanded class\r\n iElement.removeClass('expanded');\r\n\r\n // Remove helper class from the body\r\n bodyEl.removeClass('ms-search-bar-expanded');\r\n }\r\n };\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .directive('msResponsiveTable', msResponsiveTableDirective);\r\n\r\n /** @ngInject */\r\n function msResponsiveTableDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n link : function (scope, iElement)\r\n {\r\n // Wrap the table\r\n var wrapper = angular.element('');\r\n iElement.after(wrapper);\r\n wrapper.append(iElement);\r\n\r\n //////////\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .provider('msNavigationService', msNavigationServiceProvider)\r\n .controller('MsNavigationController', MsNavigationController)\r\n // Vertical\r\n .directive('msNavigation', msNavigationDirective)\r\n .controller('MsNavigationNodeController', MsNavigationNodeController)\r\n .directive('msNavigationNode', msNavigationNodeDirective)\r\n .directive('msNavigationItem', msNavigationItemDirective)\r\n //Horizontal\r\n .directive('msNavigationHorizontal', msNavigationHorizontalDirective)\r\n .controller('MsNavigationHorizontalNodeController', MsNavigationHorizontalNodeController)\r\n .directive('msNavigationHorizontalNode', msNavigationHorizontalNodeDirective)\r\n .directive('msNavigationHorizontalItem', msNavigationHorizontalItemDirective);\r\n\r\n /** @ngInject */\r\n function msNavigationServiceProvider()\r\n {\r\n // Inject $log service\r\n var $log = angular.injector(['ng']).get('$log');\r\n\r\n // Navigation array\r\n var navigation = [];\r\n\r\n var service = this;\r\n\r\n // Methods\r\n service.saveItem = saveItem;\r\n service.deleteItem = deleteItem;\r\n service.sortByWeight = sortByWeight;\r\n\r\n //////////\r\n\r\n /**\r\n * Create or update the navigation item\r\n *\r\n * @param path\r\n * @param item\r\n */\r\n function saveItem(path, item)\r\n {\r\n if ( !angular.isString(path) )\r\n {\r\n $log.error('path must be a string (eg. `dashboard.project`)');\r\n return;\r\n }\r\n\r\n var parts = path.split('.');\r\n\r\n // Generate the object id from the parts\r\n var id = parts[parts.length - 1];\r\n\r\n // Get the parent item from the parts\r\n var parent = _findOrCreateParent(parts);\r\n\r\n // Decide if we are going to update or create\r\n var updateItem = false;\r\n\r\n for ( var i = 0; i < parent.length; i++ )\r\n {\r\n if ( parent[i]._id === id )\r\n {\r\n updateItem = parent[i];\r\n\r\n break;\r\n }\r\n }\r\n\r\n // Update\r\n if ( updateItem )\r\n {\r\n angular.extend(updateItem, item);\r\n\r\n // Add proper ui-sref\r\n updateItem.uisref = _getUiSref(updateItem);\r\n }\r\n // Create\r\n else\r\n {\r\n // Create an empty children array in the item\r\n item.children = [];\r\n\r\n // Add the default weight if not provided or if it's not a number\r\n if ( angular.isUndefined(item.weight) || !angular.isNumber(item.weight) )\r\n {\r\n item.weight = 1;\r\n }\r\n\r\n // Add the item id\r\n item._id = id;\r\n\r\n // Add the item path\r\n item._path = path;\r\n\r\n // Add proper ui-sref\r\n item.uisref = _getUiSref(item);\r\n\r\n // Push the item into the array\r\n parent.push(item);\r\n }\r\n }\r\n\r\n /**\r\n * Delete navigation item\r\n *\r\n * @param path\r\n */\r\n function deleteItem(path)\r\n {\r\n if ( !angular.isString(path) )\r\n {\r\n $log.error('path must be a string (eg. `dashboard.project`)');\r\n return;\r\n }\r\n\r\n // Locate the item by using given path\r\n var item = navigation,\r\n parts = path.split('.');\r\n\r\n for ( var p = 0; p < parts.length; p++ )\r\n {\r\n var id = parts[p];\r\n\r\n for ( var i = 0; i < item.length; i++ )\r\n {\r\n if ( item[i]._id === id )\r\n {\r\n // If we have a matching path,\r\n // we have found our object:\r\n // remove it.\r\n if ( item[i]._path === path )\r\n {\r\n item.splice(i, 1);\r\n return true;\r\n }\r\n\r\n // Otherwise grab the children of\r\n // the current item and continue\r\n item = item[i].children;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /**\r\n * Sort the navigation items by their weights\r\n *\r\n * @param parent\r\n */\r\n function sortByWeight(parent)\r\n {\r\n // If parent not provided, sort the root items\r\n if ( !parent )\r\n {\r\n parent = navigation;\r\n parent.sort(_byWeight);\r\n }\r\n\r\n // Sort the children\r\n for ( var i = 0; i < parent.length; i++ )\r\n {\r\n var children = parent[i].children;\r\n\r\n if ( children.length > 1 )\r\n {\r\n children.sort(_byWeight);\r\n }\r\n\r\n if ( children.length > 0 )\r\n {\r\n sortByWeight(children);\r\n }\r\n }\r\n }\r\n\r\n /* ----------------- */\r\n /* Private Functions */\r\n /* ----------------- */\r\n\r\n /**\r\n * Find or create parent\r\n *\r\n * @param parts\r\n * @returns {Array|Boolean}\r\n * @private\r\n */\r\n function _findOrCreateParent(parts)\r\n {\r\n // Store the main navigation\r\n var parent = navigation;\r\n\r\n // If it's going to be a root item\r\n // return the navigation itself\r\n if ( parts.length === 1 )\r\n {\r\n return parent;\r\n }\r\n\r\n // Remove the last element from the parts as\r\n // we don't need that to figure out the parent\r\n parts.pop();\r\n\r\n // Find and return the parent\r\n for ( var i = 0; i < parts.length; i++ )\r\n {\r\n var _id = parts[i],\r\n createParent = true;\r\n\r\n for ( var p = 0; p < parent.length; p++ )\r\n {\r\n if ( parent[p]._id === _id )\r\n {\r\n parent = parent[p].children;\r\n createParent = false;\r\n\r\n break;\r\n }\r\n }\r\n\r\n // If there is no parent found, create one, push\r\n // it into the current parent and assign it as a\r\n // new parent\r\n if ( createParent )\r\n {\r\n var item = {\r\n _id : _id,\r\n _path : parts.join('.'),\r\n title : _id,\r\n weight : 1,\r\n children: []\r\n };\r\n\r\n parent.push(item);\r\n parent = item.children;\r\n }\r\n }\r\n\r\n return parent;\r\n }\r\n\r\n /**\r\n * Sort by weight\r\n *\r\n * @param x\r\n * @param y\r\n * @returns {number}\r\n * @private\r\n */\r\n function _byWeight(x, y)\r\n {\r\n return parseInt(x.weight) - parseInt(y.weight);\r\n }\r\n\r\n /**\r\n * Setup the ui-sref using state & state parameters\r\n *\r\n * @param item\r\n * @returns {string}\r\n * @private\r\n */\r\n function _getUiSref(item)\r\n {\r\n var uisref = '';\r\n\r\n if ( angular.isDefined(item.state) )\r\n {\r\n uisref = item.state;\r\n\r\n if ( angular.isDefined(item.stateParams) && angular.isObject(item.stateParams) )\r\n {\r\n uisref = uisref + '(' + angular.toJson(item.stateParams) + ')';\r\n }\r\n }\r\n\r\n return uisref;\r\n }\r\n\r\n /* ----------------- */\r\n /* Service */\r\n /* ----------------- */\r\n\r\n this.$get = function ()\r\n {\r\n var activeItem = null,\r\n navigationScope = null,\r\n folded = null,\r\n foldedOpen = null,\r\n _flatNavigation = [];\r\n\r\n var service = {\r\n saveItem : saveItem,\r\n deleteItem : deleteItem,\r\n sort : sortByWeight,\r\n clearNavigation : clearNavigation,\r\n setActiveItem : setActiveItem,\r\n getActiveItem : getActiveItem,\r\n getNavigation : getNavigation,\r\n getFlatNavigation : getFlatNavigation,\r\n setNavigationScope: setNavigationScope,\r\n setFolded : setFolded,\r\n getFolded : getFolded,\r\n setFoldedOpen : setFoldedOpen,\r\n getFoldedOpen : getFoldedOpen,\r\n toggleFolded : toggleFolded\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Clear the entire navigation\r\n */\r\n function clearNavigation()\r\n {\r\n // Clear the navigation array\r\n navigation = [];\r\n\r\n // Clear the vm.navigation from main controller\r\n if ( navigationScope )\r\n {\r\n navigationScope.vm.navigation = [];\r\n }\r\n }\r\n\r\n /**\r\n * Set active item\r\n *\r\n * @param node\r\n * @param scope\r\n */\r\n function setActiveItem(node, scope)\r\n {\r\n activeItem = {\r\n node : node,\r\n scope: scope\r\n };\r\n }\r\n\r\n /**\r\n * Return active item\r\n */\r\n function getActiveItem()\r\n {\r\n return activeItem;\r\n }\r\n\r\n /**\r\n * Return navigation array\r\n *\r\n * @param root\r\n * @returns Array\r\n */\r\n function getNavigation(root)\r\n {\r\n if ( root )\r\n {\r\n for ( var i = 0; i < navigation.length; i++ )\r\n {\r\n if ( navigation[i]._id === root )\r\n {\r\n return [navigation[i]];\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n return navigation;\r\n }\r\n\r\n /**\r\n * Return flat navigation array\r\n *\r\n * @param root\r\n * @returns Array\r\n */\r\n function getFlatNavigation(root)\r\n {\r\n // Get the correct navigation array\r\n var navigation = getNavigation(root);\r\n\r\n // Flatten the navigation object\r\n return _flattenNavigation(navigation);\r\n }\r\n\r\n /**\r\n * Store navigation's scope for later use\r\n *\r\n * @param scope\r\n */\r\n function setNavigationScope(scope)\r\n {\r\n navigationScope = scope;\r\n }\r\n\r\n /**\r\n * Set folded status\r\n *\r\n * @param status\r\n */\r\n function setFolded(status)\r\n {\r\n folded = status;\r\n }\r\n\r\n /**\r\n * Return folded status\r\n *\r\n * @returns {*}\r\n */\r\n function getFolded()\r\n {\r\n return folded;\r\n }\r\n\r\n /**\r\n * Set folded open status\r\n *\r\n * @param status\r\n */\r\n function setFoldedOpen(status)\r\n {\r\n foldedOpen = status;\r\n }\r\n\r\n /**\r\n * Return folded open status\r\n *\r\n * @returns {*}\r\n */\r\n function getFoldedOpen()\r\n {\r\n return foldedOpen;\r\n }\r\n\r\n\r\n /**\r\n * Toggle fold on stored navigation's scope\r\n */\r\n function toggleFolded()\r\n {\r\n navigationScope.toggleFolded();\r\n }\r\n\r\n /**\r\n * Flatten the given navigation\r\n *\r\n * @param navigation\r\n * @private\r\n */\r\n function _flattenNavigation(navigation)\r\n {\r\n var flatNav = [];\r\n\r\n for ( var x = 0; x < navigation.length; x++ )\r\n {\r\n // Copy and clear the children of the\r\n // navigation that we want to push\r\n var navToPush = angular.copy(navigation[x]);\r\n navToPush.children = [];\r\n\r\n // Push the item\r\n flatNav.push(navToPush);\r\n\r\n // If there are child items in this navigation,\r\n // do some nested function magic\r\n if ( navigation[x].children.length > 0 )\r\n {\r\n flatNav = flatNav.concat(_flattenNavigation(navigation[x].children));\r\n }\r\n }\r\n\r\n return flatNav;\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function MsNavigationController($scope, msNavigationService, $transitions)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n if ( $scope.root )\r\n {\r\n vm.navigation = msNavigationService.getNavigation($scope.root);\r\n }\r\n else\r\n {\r\n vm.navigation = msNavigationService.getNavigation();\r\n }\r\n\r\n // Methods\r\n vm.toggleHorizontalMobileMenu = toggleHorizontalMobileMenu;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Sort the navigation before doing anything else\r\n msNavigationService.sort();\r\n }\r\n\r\n /**\r\n * Toggle horizontal mobile menu\r\n */\r\n function toggleHorizontalMobileMenu()\r\n {\r\n angular.element('body').toggleClass('ms-navigation-horizontal-mobile-menu-active');\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationDirective($rootScope, $timeout, $mdSidenav, msNavigationService, $transitions)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {\r\n folded: '=',\r\n root : '@'\r\n },\r\n controller : 'MsNavigationController as vm',\r\n templateUrl: 'app/core/directives/ms-navigation/templates/vertical.html',\r\n transclude : true,\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation');\r\n\r\n return function postLink(scope, iElement)\r\n {\r\n var bodyEl = angular.element('body'),\r\n foldExpanderEl = angular.element(''),\r\n foldCollapserEl = angular.element(''),\r\n sidenav = $mdSidenav('navigation');\r\n\r\n // Store the navigation in the service for public access\r\n msNavigationService.setNavigationScope(scope);\r\n\r\n // Initialize\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Set the folded status for the first time.\r\n // First, we have to check if we have a folded\r\n // status available in the service already. This\r\n // will prevent navigation to act weird if we already\r\n // set the fold status, remove the navigation and\r\n // then re-initialize it, which happens if we\r\n // change to a view without a navigation and then\r\n // come back with history.back() function.\r\n\r\n // If the service didn't initialize before, set\r\n // the folded status from scope, otherwise we\r\n // won't touch anything because the folded status\r\n // already set in the service...\r\n if ( msNavigationService.getFolded() === null )\r\n {\r\n msNavigationService.setFolded(scope.folded);\r\n }\r\n\r\n if ( msNavigationService.getFolded() )\r\n {\r\n // Collapse everything.\r\n // This must be inside a $timeout because by the\r\n // time we call this, the 'msNavigation::collapse'\r\n // event listener is not registered yet. $timeout\r\n // will ensure that it will be called after it is\r\n // registered.\r\n $timeout(function ()\r\n {\r\n $rootScope.$broadcast('msNavigation::collapse');\r\n });\r\n\r\n // Add class to the body\r\n bodyEl.addClass('ms-navigation-folded');\r\n\r\n // Set fold expander\r\n setFoldExpander();\r\n }\r\n }\r\n\r\n // Sidenav locked open status watcher\r\n scope.$watch(function ()\r\n {\r\n return sidenav.isLockedOpen();\r\n }, function (current, old)\r\n {\r\n if ( angular.isUndefined(current) || angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n var folded = msNavigationService.getFolded();\r\n\r\n if ( folded )\r\n {\r\n if ( current )\r\n {\r\n // Collapse everything\r\n $rootScope.$broadcast('msNavigation::collapse');\r\n }\r\n else\r\n {\r\n // Expand the active one and its parents\r\n var activeItem = msNavigationService.getActiveItem();\r\n if ( activeItem )\r\n {\r\n activeItem.scope.$emit('msNavigation::stateMatched');\r\n }\r\n }\r\n }\r\n });\r\n\r\n // Folded status watcher\r\n scope.$watch('folded', function (current, old)\r\n {\r\n if ( angular.isUndefined(current) || angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n setFolded(current);\r\n });\r\n\r\n /**\r\n * Set folded status\r\n *\r\n * @param folded\r\n */\r\n function setFolded(folded)\r\n {\r\n // Store folded status on the service for global access\r\n msNavigationService.setFolded(folded);\r\n\r\n if ( folded )\r\n {\r\n // Collapse everything\r\n $rootScope.$broadcast('msNavigation::collapse');\r\n\r\n // Add class to the body\r\n bodyEl.addClass('ms-navigation-folded');\r\n\r\n // Set fold expander\r\n setFoldExpander();\r\n }\r\n else\r\n {\r\n // Expand the active one and its parents\r\n var activeItem = msNavigationService.getActiveItem();\r\n if ( activeItem )\r\n {\r\n activeItem.scope.$emit('msNavigation::stateMatched');\r\n }\r\n\r\n // Remove body class\r\n bodyEl.removeClass('ms-navigation-folded ms-navigation-folded-open');\r\n\r\n // Remove fold collapser\r\n removeFoldCollapser();\r\n }\r\n }\r\n\r\n /**\r\n * Set fold expander\r\n */\r\n function setFoldExpander()\r\n {\r\n iElement.parent().append(foldExpanderEl);\r\n\r\n // Let everything settle for a moment\r\n // before registering the event listener\r\n $timeout(function ()\r\n {\r\n foldExpanderEl.on('mouseenter touchstart', onFoldExpanderHover);\r\n });\r\n }\r\n\r\n /**\r\n * Set fold collapser\r\n */\r\n function setFoldCollapser()\r\n {\r\n bodyEl.find('#main').append(foldCollapserEl);\r\n foldCollapserEl.on('mouseenter touchstart', onFoldCollapserHover);\r\n }\r\n\r\n /**\r\n * Remove fold collapser\r\n */\r\n function removeFoldCollapser()\r\n {\r\n foldCollapserEl.remove();\r\n }\r\n\r\n /**\r\n * onHover event of foldExpander\r\n */\r\n function onFoldExpanderHover(event)\r\n {\r\n if ( event )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n // Set folded open status\r\n msNavigationService.setFoldedOpen(true);\r\n\r\n // Expand the active one and its parents\r\n var activeItem = msNavigationService.getActiveItem();\r\n if ( activeItem )\r\n {\r\n activeItem.scope.$emit('msNavigation::stateMatched');\r\n }\r\n\r\n // Add class to the body\r\n bodyEl.addClass('ms-navigation-folded-open');\r\n\r\n // Remove the fold opener\r\n foldExpanderEl.remove();\r\n\r\n // Set fold collapser\r\n setFoldCollapser();\r\n }\r\n\r\n /**\r\n * onHover event of foldCollapser\r\n */\r\n function onFoldCollapserHover(event)\r\n {\r\n if ( event )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n // Set folded open status\r\n msNavigationService.setFoldedOpen(false);\r\n\r\n // Collapse everything\r\n $rootScope.$broadcast('msNavigation::collapse');\r\n\r\n // Remove body class\r\n bodyEl.removeClass('ms-navigation-folded-open');\r\n\r\n // Remove the fold collapser\r\n foldCollapserEl.remove();\r\n\r\n // Set fold expander\r\n setFoldExpander();\r\n }\r\n\r\n /**\r\n * Public access for toggling folded status externally\r\n */\r\n scope.toggleFolded = function ()\r\n {\r\n var folded = msNavigationService.getFolded();\r\n\r\n setFolded(!folded);\r\n };\r\n\r\n /**\r\n * On $stateChangeStart\r\n */\r\n $transitions.onStart({ }, function (transition)\r\n {\r\n // Close the sidenav\r\n sidenav.close();\r\n });\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n foldCollapserEl.off('mouseenter touchstart');\r\n foldExpanderEl.off('mouseenter touchstart');\r\n });\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function MsNavigationNodeController($scope, $element, $rootScope, $animate, $state, msNavigationService, $transitions)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.element = $element;\r\n vm.node = $scope.node;\r\n vm.hasChildren = undefined;\r\n vm.collapsed = undefined;\r\n vm.collapsable = undefined;\r\n vm.group = undefined;\r\n vm.animateHeightClass = 'animate-height';\r\n\r\n // Methods\r\n vm.toggleCollapsed = toggleCollapsed;\r\n vm.collapse = collapse;\r\n vm.expand = expand;\r\n vm.getClass = getClass;\r\n vm.isHidden = isHidden;\r\n vm.isActive = isActive;\r\n vm.goToState = goToState;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Setup the initial values\r\n\r\n // Has children?\r\n vm.hasChildren = vm.node.children.length > 0;\r\n\r\n // Is group?\r\n vm.group = !!(angular.isDefined(vm.node.group) && vm.node.group === true);\r\n\r\n // Is collapsable?\r\n if ( !vm.hasChildren || vm.group )\r\n {\r\n vm.collapsable = false;\r\n }\r\n else\r\n {\r\n vm.collapsable = !!(angular.isUndefined(vm.node.collapsable) || typeof vm.node.collapsable !== 'boolean' || vm.node.collapsable === true);\r\n }\r\n\r\n // Is collapsed?\r\n if ( !vm.collapsable )\r\n {\r\n vm.collapsed = false;\r\n }\r\n else\r\n {\r\n vm.collapsed = !!(angular.isUndefined(vm.node.collapsed) || typeof vm.node.collapsed !== 'boolean' || vm.node.collapsed === true);\r\n }\r\n\r\n // Expand all parents if we have a matching state or\r\n // the current state is a child of the node's state\r\n if ( vm.node.state === $state.current.name || $state.includes(vm.node.state) )\r\n {\r\n // If state params are defined, make sure they are\r\n // equal, otherwise do not set the active item\r\n if ( angular.isDefined(vm.node.stateParams) && angular.isDefined($state.params) && !angular.equals(vm.node.stateParams, $state.params) )\r\n {\r\n return;\r\n }\r\n\r\n $scope.$emit('msNavigation::stateMatched');\r\n\r\n // Also store the current active menu item\r\n msNavigationService.setActiveItem(vm.node, $scope);\r\n }\r\n\r\n $scope.$on('msNavigation::stateMatched', function ()\r\n {\r\n // Expand if the current scope is collapsable and is collapsed\r\n if ( vm.collapsable && vm.collapsed )\r\n {\r\n $scope.$evalAsync(function ()\r\n {\r\n vm.collapsed = false;\r\n });\r\n }\r\n });\r\n\r\n // Listen for collapse event\r\n $scope.$on('msNavigation::collapse', function (event, path)\r\n {\r\n if ( vm.collapsed || !vm.collapsable )\r\n {\r\n return;\r\n }\r\n\r\n // If there is no path defined, collapse\r\n if ( angular.isUndefined(path) )\r\n {\r\n vm.collapse();\r\n }\r\n // If there is a path defined, do not collapse\r\n // the items that are inside that path. This will\r\n // prevent parent items from collapsing\r\n else\r\n {\r\n var givenPathParts = path.split('.'),\r\n activePathParts = [];\r\n\r\n var activeItem = msNavigationService.getActiveItem();\r\n if ( activeItem )\r\n {\r\n activePathParts = activeItem.node._path.split('.');\r\n }\r\n\r\n // Test for given path\r\n if ( givenPathParts.indexOf(vm.node._id) > -1 )\r\n {\r\n return;\r\n }\r\n\r\n // Test for active path\r\n if ( activePathParts.indexOf(vm.node._id) > -1 )\r\n {\r\n return;\r\n }\r\n\r\n vm.collapse();\r\n }\r\n });\r\n\r\n // Listen for $stateChangeSuccess event\r\n $transitions.onSuccess({ }, function (transition)\r\n {\r\n if ( vm.node.state === $state.current.name )\r\n {\r\n // If state params are defined, make sure they are\r\n // equal, otherwise do not set the active item\r\n if ( angular.isDefined(vm.node.stateParams) && angular.isDefined($state.params) && !angular.equals(vm.node.stateParams, $state.params) )\r\n {\r\n return;\r\n }\r\n\r\n // Update active item on state change\r\n msNavigationService.setActiveItem(vm.node, $scope);\r\n\r\n // Collapse everything except the one we're using\r\n $rootScope.$broadcast('msNavigation::collapse', vm.node._path);\r\n }\r\n\r\n // Expand the parents if we the current\r\n // state is a child of the node's state\r\n if ( $state.includes(vm.node.state) )\r\n {\r\n // If state params are defined, make sure they are\r\n // equal, otherwise do not set the active item\r\n if ( angular.isDefined(vm.node.stateParams) && angular.isDefined($state.params) && !angular.equals(vm.node.stateParams, $state.params) )\r\n {\r\n return;\r\n }\r\n\r\n // Emit the stateMatched\r\n $scope.$emit('msNavigation::stateMatched');\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Toggle collapsed\r\n */\r\n function toggleCollapsed()\r\n {\r\n if ( vm.collapsed )\r\n {\r\n vm.expand();\r\n }\r\n else\r\n {\r\n vm.collapse();\r\n }\r\n }\r\n\r\n /**\r\n * Collapse\r\n */\r\n function collapse()\r\n {\r\n // Grab the element that we are going to collapse\r\n var collapseEl = vm.element.children('ul');\r\n\r\n // Grab the height\r\n var height = collapseEl[0].offsetHeight;\r\n\r\n $scope.$evalAsync(function ()\r\n {\r\n // Set collapsed status\r\n vm.collapsed = true;\r\n\r\n // Add collapsing class to the node\r\n vm.element.addClass('collapsing');\r\n\r\n // Animate the height\r\n $animate.animate(collapseEl,\r\n {\r\n 'display': 'block',\r\n 'height' : height + 'px'\r\n },\r\n {\r\n 'height': '0px'\r\n },\r\n vm.animateHeightClass\r\n ).then(\r\n function ()\r\n {\r\n // Clear the inline styles after animation done\r\n collapseEl.css({\r\n 'display': '',\r\n 'height' : ''\r\n });\r\n\r\n // Clear collapsing class from the node\r\n vm.element.removeClass('collapsing');\r\n }\r\n );\r\n\r\n // Broadcast the collapse event so child items can also be collapsed\r\n $scope.$broadcast('msNavigation::collapse');\r\n });\r\n }\r\n\r\n /**\r\n * Expand\r\n */\r\n function expand()\r\n {\r\n // Grab the element that we are going to expand\r\n var expandEl = vm.element.children('ul');\r\n\r\n // Move the element out of the dom flow and\r\n // make it block so we can get its height\r\n expandEl.css({\r\n 'position' : 'absolute',\r\n 'visibility': 'hidden',\r\n 'display' : 'block',\r\n 'height' : 'auto'\r\n });\r\n\r\n // Grab the height\r\n var height = expandEl[0].offsetHeight;\r\n\r\n // Reset the style modifications\r\n expandEl.css({\r\n 'position' : '',\r\n 'visibility': '',\r\n 'display' : '',\r\n 'height' : ''\r\n });\r\n\r\n $scope.$evalAsync(function ()\r\n {\r\n // Set collapsed status\r\n vm.collapsed = false;\r\n\r\n // Add expanding class to the node\r\n vm.element.addClass('expanding');\r\n\r\n // Animate the height\r\n $animate.animate(expandEl,\r\n {\r\n 'display': 'block',\r\n 'height' : '0px'\r\n },\r\n {\r\n 'height': height + 'px'\r\n },\r\n vm.animateHeightClass\r\n ).then(\r\n function ()\r\n {\r\n // Clear the inline styles after animation done\r\n expandEl.css({\r\n 'height': ''\r\n });\r\n\r\n // Clear expanding class from the node\r\n vm.element.removeClass('expanding');\r\n }\r\n );\r\n\r\n // If item expanded, broadcast the collapse event from rootScope so that the other expanded items\r\n // can be collapsed. This is necessary for keeping only one parent expanded at any time\r\n $rootScope.$broadcast('msNavigation::collapse', vm.node._path);\r\n });\r\n }\r\n\r\n /**\r\n * Return the class\r\n *\r\n * @returns {*}\r\n */\r\n function getClass()\r\n {\r\n return vm.node.class;\r\n }\r\n\r\n /**\r\n * Check if node should be hidden\r\n *\r\n * @returns {boolean}\r\n */\r\n function isHidden()\r\n {\r\n if ( angular.isDefined(vm.node.hidden) && angular.isFunction(vm.node.hidden) )\r\n {\r\n return vm.node.hidden();\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function goToState(node) {\r\n if ($state.current.name !== node.state) {\r\n $state.go(node.state, node.stateParams);\r\n }\r\n }\r\n\r\n function isActive(stateName) {\r\n return $state.current.name === stateName;\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationNodeDirective()\r\n {\r\n return {\r\n restrict : 'A',\r\n bindToController: {\r\n node: '=msNavigationNode'\r\n },\r\n controller : 'MsNavigationNodeController as vm',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation-node');\r\n\r\n return function postLink(scope, iElement, iAttrs, MsNavigationNodeCtrl)\r\n {\r\n // Add custom classes\r\n iElement.addClass(MsNavigationNodeCtrl.getClass());\r\n\r\n // Add group class if it's a group\r\n if ( MsNavigationNodeCtrl.group )\r\n {\r\n iElement.addClass('group');\r\n }\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationItemDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n require : '^msNavigationNode',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation-item');\r\n\r\n return function postLink(scope, iElement, iAttrs, MsNavigationNodeCtrl)\r\n {\r\n // If the item is collapsable...\r\n if ( MsNavigationNodeCtrl.collapsable )\r\n {\r\n iElement.on('click', MsNavigationNodeCtrl.toggleCollapsed);\r\n }\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n iElement.off('click');\r\n });\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationHorizontalDirective(msNavigationService)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {\r\n root: '@'\r\n },\r\n controller : 'MsNavigationController as vm',\r\n templateUrl: 'app/core/directives/ms-navigation/templates/horizontal.html',\r\n transclude : true,\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation-horizontal');\r\n\r\n return function postLink(scope)\r\n {\r\n // Store the navigation in the service for public access\r\n msNavigationService.setNavigationScope(scope);\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function MsNavigationHorizontalNodeController($scope, $element, $rootScope, $state, msNavigationService)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.element = $element;\r\n vm.node = $scope.node;\r\n vm.hasChildren = undefined;\r\n vm.group = undefined;\r\n\r\n // Methods\r\n vm.getClass = getClass;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init()\r\n {\r\n // Setup the initial values\r\n\r\n // Is active\r\n vm.isActive = false;\r\n\r\n // Has children?\r\n vm.hasChildren = vm.node.children.length > 0;\r\n\r\n // Is group?\r\n vm.group = !!(angular.isDefined(vm.node.group) && vm.node.group === true);\r\n\r\n // Mark all parents as active if we have a matching state\r\n // or the current state is a child of the node's state\r\n if ( vm.node.state === $state.current.name || $state.includes(vm.node.state) )\r\n {\r\n // If state params are defined, make sure they are\r\n // equal, otherwise do not set the active item\r\n if ( angular.isDefined(vm.node.stateParams) && angular.isDefined($state.params) && !angular.equals(vm.node.stateParams, $state.params) )\r\n {\r\n return;\r\n }\r\n\r\n $scope.$emit('msNavigation::stateMatched');\r\n\r\n // Also store the current active menu item\r\n msNavigationService.setActiveItem(vm.node, $scope);\r\n }\r\n\r\n $scope.$on('msNavigation::stateMatched', function ()\r\n {\r\n // Mark as active if has children\r\n if ( vm.hasChildren )\r\n {\r\n $scope.$evalAsync(function ()\r\n {\r\n vm.isActive = true;\r\n });\r\n }\r\n });\r\n\r\n // Listen for clearActive event\r\n $scope.$on('msNavigation::clearActive', function ()\r\n {\r\n if ( !vm.hasChildren )\r\n {\r\n return;\r\n }\r\n\r\n var activePathParts = [];\r\n\r\n var activeItem = msNavigationService.getActiveItem();\r\n if ( activeItem )\r\n {\r\n activePathParts = activeItem.node._path.split('.');\r\n }\r\n\r\n // Test for active path\r\n if ( activePathParts.indexOf(vm.node._id) > -1 )\r\n {\r\n $scope.$evalAsync(function ()\r\n {\r\n vm.isActive = true;\r\n });\r\n }\r\n else\r\n {\r\n $scope.$evalAsync(function ()\r\n {\r\n vm.isActive = false;\r\n });\r\n }\r\n\r\n });\r\n\r\n // Listen for $stateChangeSuccess event\r\n $transition.onSuccess({ }, function (transition)\r\n {\r\n if ( vm.node.state === $state.current.name || $state.includes(vm.node.state) )\r\n {\r\n // If state params are defined, make sure they are\r\n // equal, otherwise do not set the active item\r\n if ( angular.isDefined(vm.node.stateParams) && angular.isDefined($state.params) && !angular.equals(vm.node.stateParams, $state.params) )\r\n {\r\n return;\r\n }\r\n\r\n // Update active item on state change\r\n msNavigationService.setActiveItem(vm.node, $scope);\r\n\r\n // Clear all active states except the one we're using\r\n $rootScope.$broadcast('msNavigation::clearActive');\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Return the class\r\n *\r\n * @returns {*}\r\n */\r\n function getClass()\r\n {\r\n return vm.node.class;\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationHorizontalNodeDirective()\r\n {\r\n return {\r\n restrict : 'A',\r\n bindToController: {\r\n node: '=msNavigationHorizontalNode'\r\n },\r\n controller : 'MsNavigationHorizontalNodeController as vm',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation-horizontal-node');\r\n\r\n return function postLink(scope, iElement, iAttrs, MsNavigationHorizontalNodeCtrl)\r\n {\r\n // Add custom classes\r\n iElement.addClass(MsNavigationHorizontalNodeCtrl.getClass());\r\n\r\n // Add group class if it's a group\r\n if ( MsNavigationHorizontalNodeCtrl.group )\r\n {\r\n iElement.addClass('group');\r\n }\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavigationHorizontalItemDirective($mdMedia)\r\n {\r\n return {\r\n restrict: 'A',\r\n require : '^msNavigationHorizontalNode',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-navigation-horizontal-item');\r\n\r\n return function postLink(scope, iElement, iAttrs, MsNavigationHorizontalNodeCtrl)\r\n {\r\n iElement.on('click', onClick);\r\n\r\n function onClick()\r\n {\r\n if ( !MsNavigationHorizontalNodeCtrl.hasChildren || $mdMedia('gt-md') )\r\n {\r\n return;\r\n }\r\n\r\n iElement.toggleClass('expanded');\r\n }\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n iElement.off('click');\r\n });\r\n };\r\n }\r\n };\r\n }\r\n\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .provider('msScrollConfig', msScrollConfigProvider)\r\n .directive('msScroll', msScrollDirective);\r\n\r\n /** @ngInject */\r\n function msScrollConfigProvider()\r\n {\r\n // Default configuration\r\n var defaultConfiguration = {\r\n wheelSpeed : 1,\r\n wheelPropagation : false,\r\n swipePropagation : true,\r\n minScrollbarLength : null,\r\n maxScrollbarLength : null,\r\n useBothWheelAxes : false,\r\n useKeyboard : true,\r\n suppressScrollX : false,\r\n suppressScrollY : false,\r\n scrollXMarginOffset : 0,\r\n scrollYMarginOffset : 0,\r\n stopPropagationOnClick: true\r\n };\r\n\r\n // Methods\r\n this.config = config;\r\n\r\n //////////\r\n\r\n /**\r\n * Extend default configuration with the given one\r\n *\r\n * @param configuration\r\n */\r\n function config(configuration)\r\n {\r\n defaultConfiguration = angular.extend({}, defaultConfiguration, configuration);\r\n }\r\n\r\n /**\r\n * Service\r\n */\r\n this.$get = function ()\r\n {\r\n var service = {\r\n getConfig: getConfig\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Return the config\r\n */\r\n function getConfig()\r\n {\r\n return defaultConfiguration;\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msScrollDirective($timeout, msScrollConfig, msUtils, fuseConfig)\r\n {\r\n return {\r\n restrict: 'AE',\r\n compile : function (tElement)\r\n {\r\n // Do not replace scrollbars if\r\n // 'disableCustomScrollbars' config enabled\r\n if ( fuseConfig.getConfig('disableCustomScrollbars') )\r\n {\r\n return;\r\n }\r\n\r\n // Do not replace scrollbars on mobile devices\r\n // if 'disableCustomScrollbarsOnMobile' config enabled\r\n if ( fuseConfig.getConfig('disableCustomScrollbarsOnMobile') && msUtils.isMobile() )\r\n {\r\n return;\r\n }\r\n\r\n // Add class\r\n tElement.addClass('ms-scroll');\r\n\r\n return function postLink(scope, iElement, iAttrs)\r\n {\r\n var options = {};\r\n\r\n // If options supplied, evaluate the given\r\n // value. This is because we don't want to\r\n // have an isolated scope but still be able\r\n // to use scope variables.\r\n // We don't want an isolated scope because\r\n // we should be able to use this everywhere\r\n // especially with other directives\r\n if ( iAttrs.msScroll )\r\n {\r\n options = scope.$eval(iAttrs.msScroll);\r\n }\r\n\r\n // Extend the given config with the ones from provider\r\n options = angular.extend({}, msScrollConfig.getConfig(), options);\r\n\r\n // Initialize the scrollbar\r\n $timeout(function ()\r\n {\r\n PerfectScrollbar.initialize(iElement[0], options);\r\n }, 0);\r\n\r\n // Update the scrollbar on element mouseenter\r\n iElement.on('mouseenter', updateScrollbar);\r\n\r\n // Watch scrollHeight and update\r\n // the scrollbar if it changes\r\n scope.$watch(function ()\r\n {\r\n return iElement.prop('scrollHeight');\r\n }, function (current, old)\r\n {\r\n if ( angular.isUndefined(current) || angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n updateScrollbar();\r\n });\r\n\r\n // Watch scrollWidth and update\r\n // the scrollbar if it changes\r\n scope.$watch(function ()\r\n {\r\n return iElement.prop('scrollWidth');\r\n }, function (current, old)\r\n {\r\n if ( angular.isUndefined(current) || angular.equals(current, old) )\r\n {\r\n return;\r\n }\r\n\r\n updateScrollbar();\r\n });\r\n\r\n /**\r\n * Update the scrollbar\r\n */\r\n function updateScrollbar()\r\n {\r\n PerfectScrollbar.update(iElement[0]);\r\n }\r\n\r\n // Cleanup on destroy\r\n scope.$on('$destroy', function ()\r\n {\r\n iElement.off('mouseenter');\r\n PerfectScrollbar.destroy(iElement[0]);\r\n });\r\n };\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .directive('msRandomClass', msRandomClassDirective);\r\n\r\n /** @ngInject */\r\n function msRandomClassDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n scope : {\r\n msRandomClass: '='\r\n },\r\n link : function (scope, iElement)\r\n {\r\n var randomClass = scope.msRandomClass[Math.floor(Math.random() * (scope.msRandomClass.length))];\r\n iElement.addClass(randomClass);\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .factory('msNavFoldService', msNavFoldService)\r\n .directive('msNavIsFolded', msNavIsFoldedDirective)\r\n .controller('MsNavController', MsNavController)\r\n .directive('msNav', msNavDirective)\r\n .directive('msNavTitle', msNavTitleDirective)\r\n .directive('msNavButton', msNavButtonDirective)\r\n .directive('msNavToggle', msNavToggleDirective);\r\n\r\n /** @ngInject */\r\n function msNavFoldService()\r\n {\r\n var foldable = {};\r\n\r\n var service = {\r\n setFoldable : setFoldable,\r\n isNavFoldedOpen: isNavFoldedOpen,\r\n toggleFold : toggleFold,\r\n openFolded : openFolded,\r\n closeFolded : closeFolded\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Set the foldable\r\n *\r\n * @param scope\r\n * @param element\r\n */\r\n function setFoldable(scope, element)\r\n {\r\n foldable = {\r\n 'scope' : scope,\r\n 'element': element\r\n };\r\n }\r\n\r\n /**\r\n * Is folded open\r\n */\r\n function isNavFoldedOpen()\r\n {\r\n return foldable.scope.isNavFoldedOpen();\r\n }\r\n\r\n /**\r\n * Toggle fold\r\n */\r\n function toggleFold()\r\n {\r\n foldable.scope.toggleFold();\r\n }\r\n\r\n /**\r\n * Open folded navigation\r\n */\r\n function openFolded()\r\n {\r\n foldable.scope.openFolded();\r\n }\r\n\r\n /**\r\n * Close folded navigation\r\n */\r\n function closeFolded()\r\n {\r\n foldable.scope.closeFolded();\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msNavIsFoldedDirective($document, $rootScope, msNavFoldService)\r\n {\r\n return {\r\n restrict: 'A',\r\n link : function (scope, iElement, iAttrs)\r\n {\r\n var isFolded = (iAttrs.msNavIsFolded === 'true'),\r\n isFoldedOpen = false,\r\n body = angular.element($document[0].body),\r\n openOverlay = angular.element(''),\r\n closeOverlay = angular.element(''),\r\n sidenavEl = iElement.parent();\r\n\r\n // Initialize the service\r\n msNavFoldService.setFoldable(scope, iElement, isFolded);\r\n\r\n // Set the fold status for the first time\r\n if ( isFolded )\r\n {\r\n fold();\r\n }\r\n else\r\n {\r\n unfold();\r\n }\r\n\r\n /**\r\n * Is nav folded open\r\n */\r\n function isNavFoldedOpen()\r\n {\r\n return isFoldedOpen;\r\n }\r\n\r\n /**\r\n * Toggle fold\r\n */\r\n function toggleFold()\r\n {\r\n isFolded = !isFolded;\r\n\r\n if ( isFolded )\r\n {\r\n fold();\r\n }\r\n else\r\n {\r\n unfold();\r\n }\r\n }\r\n\r\n /**\r\n * Fold the navigation\r\n */\r\n function fold()\r\n {\r\n // Add classes\r\n body.addClass('ms-nav-folded');\r\n\r\n // Collapse everything and scroll to the top\r\n $rootScope.$broadcast('msNav::forceCollapse');\r\n iElement.scrollTop(0);\r\n\r\n // Append the openOverlay to the element\r\n sidenavEl.append(openOverlay);\r\n\r\n // Event listeners\r\n openOverlay.on('mouseenter touchstart', function (event)\r\n {\r\n openFolded(event);\r\n isFoldedOpen = true;\r\n });\r\n }\r\n\r\n /**\r\n * Open folded navigation\r\n */\r\n function openFolded(event)\r\n {\r\n if ( angular.isDefined(event) )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n body.addClass('ms-nav-folded-open');\r\n\r\n // Update the location\r\n $rootScope.$broadcast('msNav::expandMatchingToggles');\r\n\r\n // Remove open overlay\r\n sidenavEl.find(openOverlay).remove();\r\n\r\n // Append close overlay and bind its events\r\n sidenavEl.parent().append(closeOverlay);\r\n closeOverlay.on('mouseenter touchstart', function (event)\r\n {\r\n closeFolded(event);\r\n isFoldedOpen = false;\r\n });\r\n }\r\n\r\n /**\r\n * Close folded navigation\r\n */\r\n function closeFolded(event)\r\n {\r\n if ( angular.isDefined(event) )\r\n {\r\n event.preventDefault();\r\n }\r\n\r\n // Collapse everything and scroll to the top\r\n $rootScope.$broadcast('msNav::forceCollapse');\r\n iElement.scrollTop(0);\r\n\r\n body.removeClass('ms-nav-folded-open');\r\n\r\n // Remove close overlay\r\n sidenavEl.parent().find(closeOverlay).remove();\r\n\r\n // Append open overlay and bind its events\r\n sidenavEl.append(openOverlay);\r\n openOverlay.on('mouseenter touchstart', function (event)\r\n {\r\n openFolded(event);\r\n isFoldedOpen = true;\r\n });\r\n }\r\n\r\n /**\r\n * Unfold the navigation\r\n */\r\n function unfold()\r\n {\r\n body.removeClass('ms-nav-folded ms-nav-folded-open');\r\n\r\n // Update the location\r\n $rootScope.$broadcast('msNav::expandMatchingToggles');\r\n\r\n iElement.off('mouseenter mouseleave');\r\n }\r\n\r\n // Expose functions to the scope\r\n scope.toggleFold = toggleFold;\r\n scope.openFolded = openFolded;\r\n scope.closeFolded = closeFolded;\r\n scope.isNavFoldedOpen = isNavFoldedOpen;\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n openOverlay.off('mouseenter touchstart');\r\n closeOverlay.off('mouseenter touchstart');\r\n iElement.off('mouseenter mouseleave');\r\n });\r\n }\r\n };\r\n }\r\n\r\n\r\n /** @ngInject */\r\n function MsNavController($transitions)\r\n {\r\n var vm = this,\r\n disabled = false,\r\n toggleItems = [],\r\n lockedItems = [];\r\n\r\n // Data\r\n\r\n // Methods\r\n vm.isDisabled = isDisabled;\r\n vm.enable = enable;\r\n vm.disable = disable;\r\n vm.setToggleItem = setToggleItem;\r\n vm.getLockedItems = getLockedItems;\r\n vm.setLockedItem = setLockedItem;\r\n vm.clearLockedItems = clearLockedItems;\r\n\r\n //////////\r\n\r\n /**\r\n * Is navigation disabled\r\n *\r\n * @returns {boolean}\r\n */\r\n function isDisabled()\r\n {\r\n return disabled;\r\n }\r\n\r\n /**\r\n * Disable the navigation\r\n */\r\n function disable()\r\n {\r\n disabled = true;\r\n }\r\n\r\n /**\r\n * Enable the navigation\r\n */\r\n function enable()\r\n {\r\n disabled = false;\r\n }\r\n\r\n /**\r\n * Set toggle item\r\n *\r\n * @param element\r\n * @param scope\r\n */\r\n function setToggleItem(element, scope)\r\n {\r\n toggleItems.push({\r\n 'element': element,\r\n 'scope' : scope\r\n });\r\n }\r\n\r\n /**\r\n * Get locked items\r\n *\r\n * @returns {Array}\r\n */\r\n function getLockedItems()\r\n {\r\n return lockedItems;\r\n }\r\n\r\n /**\r\n * Set locked item\r\n *\r\n * @param element\r\n * @param scope\r\n */\r\n function setLockedItem(element, scope)\r\n {\r\n lockedItems.push({\r\n 'element': element,\r\n 'scope' : scope\r\n });\r\n }\r\n\r\n /**\r\n * Clear locked items list\r\n */\r\n function clearLockedItems()\r\n {\r\n lockedItems = [];\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msNavDirective($rootScope, $mdComponentRegistry, msNavFoldService, $transitions)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {},\r\n controller: 'MsNavController',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-nav');\r\n\r\n return function postLink(scope)\r\n {\r\n // Update toggle status according to the ui-router current state\r\n $rootScope.$broadcast('msNav::expandMatchingToggles');\r\n\r\n // Update toggles on state changes\r\n var stateChangeSuccessEvent = $transitions.onSuccess({ }, function (transition)\r\n {\r\n $rootScope.$broadcast('msNav::expandMatchingToggles');\r\n\r\n // Close navigation sidenav on stateChangeSuccess\r\n $mdComponentRegistry.when('navigation').then(function (navigation)\r\n {\r\n navigation.close();\r\n\r\n if ( msNavFoldService.isNavFoldedOpen() )\r\n {\r\n msNavFoldService.closeFolded();\r\n }\r\n });\r\n });\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n stateChangeSuccessEvent();\r\n })\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavTitleDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-nav-title');\r\n\r\n return function postLink()\r\n {\r\n\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavButtonDirective()\r\n {\r\n return {\r\n restrict: 'AE',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-nav-button');\r\n\r\n return function postLink()\r\n {\r\n\r\n };\r\n }\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msNavToggleDirective($rootScope, $q, $animate, $state)\r\n {\r\n return {\r\n restrict: 'A',\r\n require : '^msNav',\r\n scope : true,\r\n compile : function (tElement, tAttrs)\r\n {\r\n tElement.addClass('ms-nav-toggle');\r\n\r\n // Add collapsed attr\r\n if ( angular.isUndefined(tAttrs.collapsed) )\r\n {\r\n tAttrs.collapsed = true;\r\n }\r\n\r\n tElement.attr('collapsed', tAttrs.collapsed);\r\n\r\n return function postLink(scope, iElement, iAttrs, MsNavCtrl)\r\n {\r\n var classes = {\r\n expanded : 'expanded',\r\n expandAnimation : 'expand-animation',\r\n collapseAnimation: 'collapse-animation'\r\n };\r\n\r\n // Store all related states\r\n var links = iElement.find('a');\r\n var states = [];\r\n var regExp = /\\(.*\\)/g;\r\n\r\n angular.forEach(links, function (link)\r\n {\r\n var state = angular.element(link).attr('ui-sref');\r\n\r\n if ( angular.isUndefined(state) )\r\n {\r\n return;\r\n }\r\n\r\n // Remove any parameter definition from the state name before storing it\r\n state = state.replace(regExp, '');\r\n\r\n states.push(state);\r\n });\r\n\r\n // Store toggle-able element and its scope in the main nav controller\r\n MsNavCtrl.setToggleItem(iElement, scope);\r\n\r\n // Click handler\r\n iElement.children('.ms-nav-button').on('click', toggle);\r\n\r\n // Toggle function\r\n function toggle()\r\n {\r\n // If navigation is disabled, do nothing...\r\n if ( MsNavCtrl.isDisabled() )\r\n {\r\n return;\r\n }\r\n\r\n // Disable the entire navigation to prevent spamming\r\n MsNavCtrl.disable();\r\n\r\n if ( isCollapsed() )\r\n {\r\n // Clear the locked items list\r\n MsNavCtrl.clearLockedItems();\r\n\r\n // Emit pushToLockedList event\r\n scope.$emit('msNav::pushToLockedList');\r\n\r\n // Collapse everything but locked items\r\n $rootScope.$broadcast('msNav::collapse');\r\n\r\n // Expand and then...\r\n expand().then(function ()\r\n {\r\n // Enable the entire navigation after animations completed\r\n MsNavCtrl.enable();\r\n });\r\n }\r\n else\r\n {\r\n // Collapse with all children\r\n scope.$broadcast('msNav::forceCollapse');\r\n }\r\n }\r\n\r\n // Cleanup\r\n scope.$on('$destroy', function ()\r\n {\r\n iElement.children('.ms-nav-button').off('click');\r\n });\r\n\r\n /*---------------------*/\r\n /* Scope Events */\r\n /*---------------------*/\r\n\r\n /**\r\n * Collapse everything but locked items\r\n */\r\n scope.$on('msNav::collapse', function ()\r\n {\r\n // Only collapse toggles that are not locked\r\n var lockedItems = MsNavCtrl.getLockedItems();\r\n var locked = false;\r\n\r\n angular.forEach(lockedItems, function (lockedItem)\r\n {\r\n if ( angular.equals(lockedItem.scope, scope) )\r\n {\r\n locked = true;\r\n }\r\n });\r\n\r\n if ( locked )\r\n {\r\n return;\r\n }\r\n\r\n // Collapse and then...\r\n collapse().then(function ()\r\n {\r\n // Enable the entire navigation after animations completed\r\n MsNavCtrl.enable();\r\n });\r\n });\r\n\r\n /**\r\n * Collapse everything\r\n */\r\n scope.$on('msNav::forceCollapse', function ()\r\n {\r\n // Collapse and then...\r\n collapse().then(function ()\r\n {\r\n // Enable the entire navigation after animations completed\r\n MsNavCtrl.enable();\r\n });\r\n });\r\n\r\n /**\r\n * Expand toggles that match with the current states\r\n */\r\n scope.$on('msNav::expandMatchingToggles', function ()\r\n {\r\n var currentState = $state.current.name;\r\n var shouldExpand = false;\r\n\r\n angular.forEach(states, function (state)\r\n {\r\n if ( currentState === state )\r\n {\r\n shouldExpand = true;\r\n }\r\n });\r\n\r\n if ( shouldExpand )\r\n {\r\n expand();\r\n }\r\n else\r\n {\r\n collapse();\r\n }\r\n });\r\n\r\n /**\r\n * Add toggle to the locked list\r\n */\r\n scope.$on('msNav::pushToLockedList', function ()\r\n {\r\n // Set expanded item on main nav controller\r\n MsNavCtrl.setLockedItem(iElement, scope);\r\n });\r\n\r\n /*---------------------*/\r\n /* Internal functions */\r\n /*---------------------*/\r\n\r\n /**\r\n * Is element collapsed\r\n *\r\n * @returns {bool}\r\n */\r\n function isCollapsed()\r\n {\r\n return iElement.attr('collapsed') === 'true';\r\n }\r\n\r\n /**\r\n * Is element expanded\r\n *\r\n * @returns {bool}\r\n */\r\n function isExpanded()\r\n {\r\n return !isCollapsed();\r\n }\r\n\r\n /**\r\n * Expand the toggle\r\n *\r\n * @returns $promise\r\n */\r\n function expand()\r\n {\r\n // Create a new deferred object\r\n var deferred = $q.defer();\r\n\r\n // If the menu item is already expanded, do nothing..\r\n if ( isExpanded() )\r\n {\r\n // Reject the deferred object\r\n deferred.reject({'error': true});\r\n\r\n // Return the promise\r\n return deferred.promise;\r\n }\r\n\r\n // Set element attr\r\n iElement.attr('collapsed', false);\r\n\r\n // Grab the element to expand\r\n var elementToExpand = angular.element(iElement.find('ms-nav-toggle-items')[0]);\r\n\r\n // Move the element out of the dom flow and\r\n // make it block so we can get its height\r\n elementToExpand.css({\r\n 'position' : 'absolute',\r\n 'visibility': 'hidden',\r\n 'display' : 'block',\r\n 'height' : 'auto'\r\n });\r\n\r\n // Grab the height\r\n var height = elementToExpand[0].offsetHeight;\r\n\r\n // Reset the style modifications\r\n elementToExpand.css({\r\n 'position' : '',\r\n 'visibility': '',\r\n 'display' : '',\r\n 'height' : ''\r\n });\r\n\r\n // Animate the height\r\n scope.$evalAsync(function ()\r\n {\r\n $animate.animate(elementToExpand,\r\n {\r\n 'display': 'block',\r\n 'height' : '0px'\r\n },\r\n {\r\n 'height': height + 'px'\r\n },\r\n classes.expandAnimation\r\n ).then(\r\n function ()\r\n {\r\n // Add expanded class\r\n elementToExpand.addClass(classes.expanded);\r\n\r\n // Clear the inline styles after animation done\r\n elementToExpand.css({'height': ''});\r\n\r\n // Resolve the deferred object\r\n deferred.resolve({'success': true});\r\n }\r\n );\r\n });\r\n\r\n // Return the promise\r\n return deferred.promise;\r\n }\r\n\r\n /**\r\n * Collapse the toggle\r\n *\r\n * @returns $promise\r\n */\r\n function collapse()\r\n {\r\n // Create a new deferred object\r\n var deferred = $q.defer();\r\n\r\n // If the menu item is already collapsed, do nothing..\r\n if ( isCollapsed() )\r\n {\r\n // Reject the deferred object\r\n deferred.reject({'error': true});\r\n\r\n // Return the promise\r\n return deferred.promise;\r\n }\r\n\r\n // Set element attr\r\n iElement.attr('collapsed', true);\r\n\r\n // Grab the element to collapse\r\n var elementToCollapse = angular.element(iElement.find('ms-nav-toggle-items')[0]);\r\n\r\n // Grab the height\r\n var height = elementToCollapse[0].offsetHeight;\r\n\r\n // Animate the height\r\n scope.$evalAsync(function ()\r\n {\r\n $animate.animate(elementToCollapse,\r\n {\r\n 'height': height + 'px'\r\n },\r\n {\r\n 'height': '0px'\r\n },\r\n classes.collapseAnimation\r\n ).then(\r\n function ()\r\n {\r\n // Remove expanded class\r\n elementToCollapse.removeClass(classes.expanded);\r\n\r\n // Clear the inline styles after animation done\r\n elementToCollapse.css({\r\n 'display': '',\r\n 'height' : ''\r\n });\r\n\r\n // Resolve the deferred object\r\n deferred.resolve({'success': true});\r\n }\r\n );\r\n });\r\n\r\n // Return the promise\r\n return deferred.promise;\r\n }\r\n };\r\n }\r\n };\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .controller('msMaterialColorPickerController', msMaterialColorPickerController)\r\n .directive('msMaterialColorPicker', msMaterialColorPicker);\r\n\r\n /** @ngInject */\r\n function msMaterialColorPickerController($scope, $mdColorPalette, $mdMenu, fuseGenerator)\r\n {\r\n var vm = this;\r\n vm.palettes = $mdColorPalette; // Material Color Palette\r\n vm.selectedPalette = false;\r\n vm.selectedHues = false;\r\n $scope.$selectedColor = {};\r\n\r\n // Methods\r\n vm.activateHueSelection = activateHueSelection;\r\n vm.selectColor = selectColor;\r\n vm.removeColor = removeColor;\r\n\r\n /**\r\n * Initialize / Watch model changes\r\n */\r\n $scope.$watch('ngModel', setSelectedColor);\r\n\r\n /**\r\n * Activate Hue Selection\r\n * @param palette\r\n * @param hues\r\n */\r\n function activateHueSelection(palette, hues)\r\n {\r\n vm.selectedPalette = palette;\r\n vm.selectedHues = hues;\r\n }\r\n\r\n /**\r\n * Select Color\r\n * @type {selectColor}\r\n */\r\n function selectColor(palette, hue)\r\n {\r\n // Update Selected Color\r\n updateSelectedColor(palette, hue);\r\n\r\n // Update Model Value\r\n updateModel();\r\n\r\n // Hide The picker\r\n $mdMenu.hide();\r\n }\r\n\r\n function removeColor()\r\n {\r\n\r\n vm.selectedColor = {\r\n palette: '',\r\n hue : '',\r\n class : ''\r\n };\r\n\r\n activateHueSelection(false, false);\r\n\r\n updateModel();\r\n }\r\n\r\n /**\r\n * Set SelectedColor by model type\r\n */\r\n function setSelectedColor()\r\n {\r\n\r\n if ( !vm.modelCtrl.$viewValue || vm.modelCtrl.$viewValue === '' )\r\n {\r\n removeColor();\r\n return;\r\n }\r\n\r\n var palette, hue;\r\n\r\n // If ModelType Class\r\n if ( vm.msModelType === 'class' )\r\n {\r\n var color = vm.modelCtrl.$viewValue.split('-');\r\n if ( color.length >= 5 )\r\n {\r\n palette = color[1] + '-' + color[2];\r\n hue = color[3];\r\n }\r\n else\r\n {\r\n palette = color[1];\r\n hue = color[2];\r\n }\r\n }\r\n\r\n // If ModelType Object\r\n else if ( vm.msModelType === 'obj' )\r\n {\r\n palette = vm.modelCtrl.$viewValue.palette;\r\n hue = vm.modelCtrl.$viewValue.hue || 500;\r\n }\r\n\r\n // Update Selected Color\r\n updateSelectedColor(palette, hue);\r\n }\r\n\r\n /**\r\n * Update Selected Color\r\n * @param palette\r\n * @param hue\r\n */\r\n function updateSelectedColor(palette, hue)\r\n {\r\n vm.selectedColor = {\r\n palette : palette,\r\n hue : hue,\r\n class : 'md-' + palette + '-' + hue + '-bg',\r\n bgColorValue: fuseGenerator.rgba(vm.palettes[palette][hue].value),\r\n fgColorValue: fuseGenerator.rgba(vm.palettes[palette][hue].contrast)\r\n };\r\n\r\n // If Model object not Equals the selectedColor update it\r\n // it can be happen when the model only have pallete and hue values\r\n if ( vm.msModelType === 'obj' && !angular.equals(vm.selectedColor, vm.modelCtrl.$viewValue) )\r\n {\r\n // Update Model Value\r\n updateModel();\r\n }\r\n\r\n activateHueSelection(palette, vm.palettes[palette]);\r\n\r\n $scope.$selectedColor = vm.selectedColor;\r\n }\r\n\r\n /**\r\n * Update Model Value by model type\r\n */\r\n function updateModel()\r\n {\r\n\r\n if ( vm.msModelType === 'class' )\r\n {\r\n vm.modelCtrl.$setViewValue(vm.selectedColor.class);\r\n }\r\n else if ( vm.msModelType === 'obj' )\r\n {\r\n vm.modelCtrl.$setViewValue(vm.selectedColor);\r\n }\r\n }\r\n\r\n }\r\n\r\n /** @ngInject */\r\n function msMaterialColorPicker()\r\n {\r\n return {\r\n require : ['msMaterialColorPicker', 'ngModel'],\r\n restrict : 'E',\r\n scope : {\r\n ngModel : '=',\r\n msModelType: '@?'\r\n },\r\n controller : 'msMaterialColorPickerController as vm',\r\n transclude : true,\r\n templateUrl: 'app/core/directives/ms-material-color-picker/ms-material-color-picker.html',\r\n link : function (scope, element, attrs, controllers, transclude)\r\n {\r\n var ctrl = controllers[0];\r\n\r\n /**\r\n * Pass model controller to directive controller\r\n */\r\n ctrl.modelCtrl = controllers[1];\r\n\r\n /**\r\n * ModelType: 'obj', 'class'(default)\r\n * @type {string|string}\r\n */\r\n ctrl.msModelType = scope.msModelType || 'class';\r\n\r\n transclude(scope, function (clone)\r\n {\r\n clone = clone.filter(function (i, el)\r\n {\r\n return ( el.nodeType === 1 ) ? true : false;\r\n });\r\n\r\n if ( clone.length )\r\n {\r\n element.find('ms-color-picker-button').replaceWith(clone);\r\n }\r\n });\r\n\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .controller('msMasonryController', msMasonryController)\r\n .directive('msMasonry', msMasonry)\r\n .directive('msMasonryItem', msMasonryItem);\r\n\r\n /** @ngInject */\r\n function msMasonryController($scope, $window, $mdMedia, $timeout)\r\n {\r\n var vm = this,\r\n defaultOpts = {\r\n columnCount : 5,\r\n reLayoutDebounce: 400,\r\n responsive : {\r\n md: 3,\r\n sm: 2,\r\n xs: 1\r\n }\r\n },\r\n reLayoutTimeout = true;\r\n\r\n vm.options = null;\r\n vm.container = [];\r\n vm.containerPos = '';\r\n vm.columnWidth = '';\r\n vm.items = [];\r\n\r\n // Methods\r\n vm.reLayout = reLayout;\r\n vm.initialize = initialize;\r\n vm.waitImagesLoaded = waitImagesLoaded;\r\n\r\n function initialize()\r\n {\r\n vm.options = !vm.options ? defaultOpts : angular.extend(defaultOpts, vm.options);\r\n\r\n\r\n watchContainerResize();\r\n }\r\n\r\n $scope.$on('msMasonry:relayout', function ()\r\n {\r\n reLayout();\r\n });\r\n\r\n function waitImagesLoaded(element, callback)\r\n {\r\n if ( typeof imagesLoaded !== 'undefined' )\r\n {\r\n var imgLoad = $window.imagesLoaded(element);\r\n\r\n imgLoad.on('done', function ()\r\n {\r\n callback();\r\n });\r\n }\r\n else\r\n {\r\n callback();\r\n }\r\n }\r\n\r\n function watchContainerResize()\r\n {\r\n $scope.$watch(\r\n function ()\r\n {\r\n return vm.container.width();\r\n },\r\n function (newValue, oldValue)\r\n {\r\n if ( newValue !== oldValue )\r\n {\r\n reLayout();\r\n }\r\n }\r\n );\r\n }\r\n\r\n function reLayout()\r\n {\r\n // Debounce for relayout\r\n if ( reLayoutTimeout )\r\n {\r\n $timeout.cancel(reLayoutTimeout);\r\n }\r\n\r\n reLayoutTimeout = $timeout(function ()\r\n {\r\n start();\r\n\r\n $scope.$broadcast('msMasonry:relayoutFinished');\r\n\r\n }, vm.options.reLayoutDebounce);\r\n\r\n // Start relayout\r\n function start()\r\n {\r\n\r\n vm.containerPos = vm.container[0].getBoundingClientRect();\r\n\r\n updateColumnOptions();\r\n\r\n $scope.$broadcast('msMasonry:relayoutStarted');\r\n\r\n vm.items = vm.container.find('ms-masonry-item');\r\n\r\n //initialize lastRowBottomArr\r\n var referenceArr = Array.apply(null, new Array(vm.columnCount)).map(function ()\r\n {\r\n return 0;\r\n });\r\n\r\n // set item positions\r\n for ( var i = 0; i < vm.items.length; i++ )\r\n {\r\n var item = vm.items[i],\r\n xPos, yPos;\r\n\r\n item = angular.element(item);\r\n\r\n if ( item.scope() )\r\n {\r\n item.scope().$broadcast('msMasonryItem:startReLayout');\r\n }\r\n\r\n item.css({'width': vm.columnWidth});\r\n\r\n var refTop = Math.min.apply(Math, referenceArr);\r\n\r\n var column = referenceArr.indexOf(refTop);\r\n\r\n referenceArr[column] = refTop + item[0].getBoundingClientRect().height;\r\n\r\n xPos = Math.round(column * vm.columnWidth);\r\n yPos = refTop;\r\n\r\n item.css({'transform': 'translate3d(' + xPos + 'px,' + yPos + 'px,0px)'});\r\n\r\n item.addClass('placed');\r\n\r\n if ( item.scope() )\r\n {\r\n item.scope().$broadcast('msMasonryItem:finishReLayout');\r\n }\r\n\r\n }\r\n }\r\n }\r\n\r\n function updateColumnOptions()\r\n {\r\n vm.columnCount = vm.options.columnCount;\r\n\r\n if ( $mdMedia('gt-md') )\r\n {\r\n vm.columnCount = vm.options.columnCount;\r\n }\r\n else if ( $mdMedia('md') )\r\n {\r\n vm.columnCount = (vm.columnCount > vm.options.responsive.md ? vm.options.responsive.md : vm.columnCount);\r\n }\r\n else if ( $mdMedia('sm') )\r\n {\r\n vm.columnCount = (vm.columnCount > vm.options.responsive.sm ? vm.options.responsive.sm : vm.columnCount);\r\n }\r\n else\r\n {\r\n vm.columnCount = vm.options.responsive.xs;\r\n }\r\n\r\n vm.columnWidth = vm.containerPos.width / vm.columnCount;\r\n\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msMasonry($timeout)\r\n {\r\n return {\r\n restrict : 'AEC',\r\n controller: 'msMasonryController',\r\n compile : compile\r\n };\r\n function compile(element, attributes)\r\n {\r\n return {\r\n pre : function preLink(scope, iElement, iAttrs, controller)\r\n {\r\n controller.options = angular.fromJson(attributes.options || '{}');\r\n controller.container = element;\r\n },\r\n post: function postLink(scope, iElement, iAttrs, controller)\r\n {\r\n $timeout(function ()\r\n {\r\n controller.initialize();\r\n });\r\n }\r\n };\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msMasonryItem()\r\n {\r\n return {\r\n restrict: 'AEC',\r\n require : '^msMasonry',\r\n priority: 1,\r\n link : link\r\n };\r\n\r\n function link(scope, element, attributes, controller)\r\n {\r\n controller.waitImagesLoaded(element, function ()\r\n {\r\n controller.reLayout();\r\n\r\n });\r\n\r\n scope.$on('msMasonryItem:finishReLayout', function ()\r\n {\r\n scope.$watch(function ()\r\n {\r\n return element.height();\r\n }, function (newVal, oldVal)\r\n {\r\n if ( newVal !== oldVal )\r\n {\r\n controller.reLayout();\r\n }\r\n });\r\n });\r\n\r\n element.on('$destroy', function ()\r\n {\r\n controller.reLayout();\r\n });\r\n }\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .directive('msInfoBar', msInfoBarDirective);\r\n\r\n /** @ngInject */\r\n function msInfoBarDirective($document)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {},\r\n transclude : true,\r\n templateUrl: 'app/core/directives/ms-info-bar/ms-info-bar.html',\r\n link : function (scope, iElement)\r\n {\r\n var body = $document.find('body'),\r\n bodyClass = 'ms-info-bar-active';\r\n\r\n // Add body class\r\n body.addClass(bodyClass);\r\n\r\n /**\r\n * Remove the info bar\r\n */\r\n function removeInfoBar()\r\n {\r\n body.removeClass(bodyClass);\r\n iElement.remove();\r\n scope.$destroy();\r\n }\r\n\r\n // Expose functions\r\n scope.removeInfoBar = removeInfoBar;\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .controller('MsFormWizardController', MsFormWizardController)\r\n .directive('msFormWizard', msFormWizardDirective)\r\n .directive('msFormWizardForm', msFormWizardFormDirective);\r\n\r\n /** @ngInject */\r\n function MsFormWizardController()\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.forms = [];\r\n vm.selectedIndex = 0;\r\n\r\n // Methods\r\n vm.registerForm = registerForm;\r\n\r\n vm.previousStep = previousStep;\r\n vm.nextStep = nextStep;\r\n vm.firstStep = firstStep;\r\n vm.lastStep = lastStep;\r\n\r\n vm.totalSteps = totalSteps;\r\n vm.isFirstStep = isFirstStep;\r\n vm.isLastStep = isLastStep;\r\n\r\n vm.currentStepInvalid = currentStepInvalid;\r\n vm.previousStepInvalid = previousStepInvalid;\r\n vm.formsIncomplete = formsIncomplete;\r\n vm.resetForm = resetForm;\r\n\r\n //////////\r\n\r\n /**\r\n * Register form\r\n *\r\n * @param form\r\n */\r\n function registerForm(form)\r\n {\r\n vm.forms.push(form);\r\n }\r\n\r\n /**\r\n * Go to previous step\r\n */\r\n function previousStep()\r\n {\r\n if ( isFirstStep() )\r\n {\r\n return;\r\n }\r\n\r\n vm.selectedIndex--;\r\n }\r\n\r\n /**\r\n * Go to next step\r\n */\r\n function nextStep()\r\n {\r\n if ( isLastStep() )\r\n {\r\n return;\r\n }\r\n\r\n vm.selectedIndex++;\r\n }\r\n\r\n /**\r\n * Go to first step\r\n */\r\n function firstStep()\r\n {\r\n vm.selectedIndex = 0;\r\n }\r\n\r\n /**\r\n * Go to last step\r\n */\r\n function lastStep()\r\n {\r\n vm.selectedIndex = totalSteps() - 1;\r\n }\r\n\r\n /**\r\n * Return total steps\r\n *\r\n * @returns {int}\r\n */\r\n function totalSteps()\r\n {\r\n return vm.forms.length;\r\n }\r\n\r\n /**\r\n * Is first step?\r\n *\r\n * @returns {boolean}\r\n */\r\n function isFirstStep()\r\n {\r\n return vm.selectedIndex === 0;\r\n }\r\n\r\n /**\r\n * Is last step?\r\n *\r\n * @returns {boolean}\r\n */\r\n function isLastStep()\r\n {\r\n return vm.selectedIndex === totalSteps() - 1;\r\n }\r\n\r\n /**\r\n * Is current step invalid?\r\n *\r\n * @returns {boolean}\r\n */\r\n function currentStepInvalid()\r\n {\r\n return angular.isDefined(vm.forms[vm.selectedIndex]) && vm.forms[vm.selectedIndex].$invalid;\r\n }\r\n\r\n /**\r\n * Is previous step invalid?\r\n *\r\n * @returns {boolean}\r\n */\r\n function previousStepInvalid()\r\n {\r\n return vm.selectedIndex > 0 && angular.isDefined(vm.forms[vm.selectedIndex - 1]) && vm.forms[vm.selectedIndex - 1].$invalid;\r\n }\r\n\r\n /**\r\n * Check if there is any incomplete forms\r\n *\r\n * @returns {boolean}\r\n */\r\n function formsIncomplete()\r\n {\r\n for ( var x = 0; x < vm.forms.length; x++ )\r\n {\r\n if ( vm.forms[x].$invalid )\r\n {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /**\r\n * Reset form\r\n */\r\n function resetForm()\r\n {\r\n // Go back to the first step\r\n vm.selectedIndex = 0;\r\n\r\n // Make sure all the forms are back in the $pristine & $untouched status\r\n for ( var x = 0; x < vm.forms.length; x++ )\r\n {\r\n vm.forms[x].$setPristine();\r\n vm.forms[x].$setUntouched();\r\n }\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msFormWizardDirective()\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : true,\r\n controller: 'MsFormWizardController as msWizard',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-form-wizard');\r\n\r\n return function postLink()\r\n {\r\n\r\n };\r\n }\r\n }\r\n\r\n }\r\n\r\n /** @ngInject */\r\n function msFormWizardFormDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n require : ['form', '^msFormWizard'],\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-form-wizard-form');\r\n\r\n return function postLink(scope, iElement, iAttrs, ctrls)\r\n {\r\n var formCtrl = ctrls[0],\r\n MsFormWizardCtrl = ctrls[1];\r\n\r\n MsFormWizardCtrl.registerForm(formCtrl);\r\n }\r\n }\r\n }\r\n }\r\n\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n /* Directive Used to control the flip animation function */\r\n angular\r\n .module('app.core')\r\n .directive(\"flipper\", function () {\r\n return {\r\n restrict: \"E\",\r\n template: \"\",\r\n transclude: true,\r\n scope: {\r\n flipped: \"=\"\r\n }\r\n };\r\n })\r\n .directive(\"front\", function () {\r\n return {\r\n restrict: \"E\",\r\n template: \"\",\r\n transclude: true\r\n };\r\n })\r\n .directive(\"back\", ['$window', '$compile', function ($window, $compile) {\r\n return {\r\n restrict: \"E\",\r\n template: \"\",\r\n transclude: true,\r\n controller: function ($window) {\r\n\r\n var userAgent = $window.navigator.userAgent;\r\n\r\n var browsers = { chrome: /chrome/i, safari: /safari/i, firefox: /firefox/i };\r\n var keyAccepted = 'unknown';\r\n\r\n for (var key in browsers) {\r\n if (browsers[key].test(userAgent)) {\r\n keyAccepted = key;\r\n break;\r\n }\r\n };\r\n\r\n if (keyAccepted == \"unknown\") {\r\n this.dynamicClass = \"back_IE tile\";\r\n } else {\r\n this.dynamicClass = \"back tile\";\r\n }\r\n\r\n },\r\n controllerAs: \"backController\"\r\n }\r\n }]);\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .provider('msDatepickerFixConfig', msDatepickerFixConfigProvider)\r\n .directive('msDatepickerFix', msDatepickerFix);\r\n\r\n /** @ngInject */\r\n function msDatepickerFixConfigProvider()\r\n {\r\n\r\n // Default configuration\r\n var defaultConfiguration = {\r\n // To view\r\n formatter: function (val)\r\n {\r\n if ( !val )\r\n {\r\n return '';\r\n }\r\n\r\n return val === '' ? val : new Date(val);\r\n },\r\n // To model\r\n parser : function (val)\r\n {\r\n if ( !val )\r\n {\r\n return '';\r\n }\r\n var offset = moment(val).utcOffset();\r\n var date = new Date(moment(val).add(offset, 'm'));\r\n return date;\r\n }\r\n };\r\n\r\n // Methods\r\n this.config = config;\r\n\r\n //////////\r\n\r\n /**\r\n * Extend default configuration with the given one\r\n *\r\n * @param configuration\r\n */\r\n function config(configuration)\r\n {\r\n defaultConfiguration = angular.extend({}, defaultConfiguration, configuration);\r\n }\r\n\r\n /**\r\n * Service\r\n */\r\n this.$get = function ()\r\n {\r\n return defaultConfiguration;\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function msDatepickerFix(msDatepickerFixConfig)\r\n {\r\n return {\r\n require: 'ngModel',\r\n link : function (scope, elem, attrs, ngModel)\r\n {\r\n ngModel.$formatters.unshift(msDatepickerFixConfig.formatter); // to view\r\n ngModel.$parsers.unshift(msDatepickerFixConfig.parser); // to model\r\n }\r\n };\r\n }\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .directive('msCard', msCardDirective);\r\n\r\n /** @ngInject */\r\n function msCardDirective()\r\n {\r\n return {\r\n restrict: 'E',\r\n scope : {\r\n templatePath: '=template',\r\n card : '=ngModel',\r\n vm : '=viewModel'\r\n },\r\n template: '',\r\n compile : function (tElement)\r\n {\r\n // Add class\r\n tElement.addClass('ms-card');\r\n\r\n return function postLink(scope, iElement)\r\n {\r\n // Methods\r\n scope.cardTemplateLoaded = cardTemplateLoaded;\r\n\r\n //////////\r\n\r\n /**\r\n * Emit cardTemplateLoaded event\r\n */\r\n function cardTemplateLoaded()\r\n {\r\n scope.$emit('msCard::cardTemplateLoaded', iElement);\r\n }\r\n };\r\n }\r\n };\r\n }\r\n})();\n(function () {\r\n 'use strict';\r\n\r\n angular.module('aa.formExtensions')\r\n .directive('aaUiListBox', ['$compile', aaUiSelect2])\r\n .filter('startsWith', function() {\r\n return function(array,search) {\r\n //if(!_.isUndefined(array) && !_.isUndefined(search)) {\r\n var matches = [];\r\n for (var i = 0; i < array.length; i++) {\r\n if (array[i].Name.toUpperCase().indexOf(search.toUpperCase()) === 0 &&\r\n search.length <= array[i].Name.length) {\r\n matches.push(array[i]);\r\n }\r\n }\r\n return matches;\r\n //}\r\n };\r\n });\r\n\r\n function startsWith(actual, expected) {\r\n alert();\r\n var lowerStr = (actual + \"\").toLowerCase();\r\n return lowerStr.indexOf(expected.toLowerCase()) === 0;\r\n }\r\n\r\n /** Private directive that represents a list of months inside the calendar. */\r\n function aaUiSelect2($compile) {\r\n return {\r\n restrict: 'A',\r\n replace: true,\r\n scope: true,\r\n template: '',\r\n \r\n //controller: CalendarMonthCtrl,\r\n //controllerAs: 'monthCtrl',\r\n //bindToController: true,\r\n link: function (scope, element, attrs, controllers) {\r\n // append the collection directive to this element\r\n attrs.aaUiListBox = attrs.aaUiListBox.replaceAll(\"\\\"\", \"\").replaceAll(\"'\", \"\\\"\");\r\n var listFunction = attrs.ngModel.split(\".\")[0];\r\n var options = JSON.parse(attrs.aaUiListBox);\r\n var required = '>';\r\n //var required = (attrs.required) ? ' required=\"required\" required-msg=\"' + attrs.requiredMsg + '\">' : '>';\r\n //element.append(\r\n //'
\")\r\n }\r\n\r\n __this.displayError(message);\r\n\r\n }\r\n\r\n this.loadSmartAppConfig = function (forceLoad) {\r\n var deferred = $q.defer();\r\n if ($rootScope.smartAppConfig && $rootScope.smartAppConfig.length > 0 && forceLoad !== true) {\r\n deferred.resolve();\r\n } else {\r\n\r\n var promiseGet = genericService.get(\"Settings?DeviceType=WEBOS&HardwareId=\");\r\n\r\n promiseGet.then(function (pl) {\r\n $rootScope.Parameters = pl.data.Response;\r\n $rootScope.Parameters['ShowConvCCFlag'] = pl.data.ShowConvCCFlag;\r\n $rootScope.Parameters['ShowConvECFlag'] = pl.data.ShowConvECFlag;\r\n\r\n var promiseGetConfig = genericService.get('SmartAppConfig/');\r\n promiseGetConfig.then(function (pl) {\r\n $rootScope.smartAppConfig = pl.data;\r\n //----------------------------------------\r\n\r\n var promiseGetLocations = genericService.get('OfficeLocation/');\r\n promiseGetLocations.then(function (pl) {\r\n $rootScope.utilityOffices = pl.data;\r\n deferred.resolve();\r\n },\r\n function (errorPl) {\r\n genericService.closeNotifier();\r\n console.log('failure loading Offices', errorPl);\r\n deferred.reject();\r\n })\r\n //----------------------------------------\r\n },\r\n function (errorPl) {\r\n console.log('failure loading Smart App Config', errorPl);\r\n deferred.reject();\r\n })\r\n },\r\n function (errorPl) {\r\n console.log('failure loading Settings', errorPl);\r\n deferred.reject();\r\n })\r\n }\r\n\r\n return deferred.promise;\r\n }\r\n\r\n this.loadAccountDetails = function (acctNo) {\r\n var deferred = $q.defer();\r\n if ($rootScope.hasAlert == null || $rootScope.accountStatus == null) {\r\n var promiseGetConfig = genericService.get('Account/Services/' + acctNo);\r\n promiseGetConfig.then(function (pl) {\r\n $rootScope.accountStatus = pl.data.Status;\r\n\r\n genericService.get(\"Alerts/GetAlertRegDetail/\" + acctNo)\r\n .then(function (pl) {\r\n if (pl.data.length > 0) {\r\n $rootScope.hasAlert = true;\r\n }\r\n else {\r\n $rootScope.hasAlert = false;\r\n }\r\n deferred.resolve();\r\n },\r\n function (errorpl) { deferred.reject() });\r\n\r\n }, function () {\r\n deferred.reject();\r\n })\r\n\r\n } else {\r\n deferred.resolve();\r\n }\r\n\r\n return deferred.promise;\r\n }\r\n\r\n this.displayError = function (message) {\r\n\r\n $mdToast.show({\r\n template: '
' + message + '
- ' +\r\n '
- at least one lowercase letter ' +\r\n '
- at least one uppercase letter ' +\r\n '
- at least one number ' +\r\n '
- at least one special character ' +\r\n '
- 6 characters or more ' +\r\n '
\" +\r\n \"
\";\r\n\r\n infowindow = new google.maps.InfoWindow()\r\n google.maps.event.addListener(marker, 'click', (function (marker, infoWindowTemplate, infowindow) {\r\n return function () {\r\n infowindow.setContent(infoWindowTemplate);\r\n infowindow.open($scope.map, marker);\r\n };\r\n })(marker, infoWindowTemplate, infowindow));\r\n }\r\n\r\n $scope.selectOffice = function (ofc) {\r\n\r\n if (ofc) {\r\n $scope.SelectedOffice = ofc;\r\n CenterOnMe();\r\n \r\n }\r\n\r\n //$scope.IsCollapsed = true;\r\n \r\n };\r\n\r\n $scope.toggle = function (componentID) {\r\n $mdSidenav(componentID).toggle();\r\n };\r\n\r\n\r\n function CenterOnMe() {\r\n if (!$scope.map) {\r\n return;\r\n }\r\n\r\n $scope.map.setCenter(new google.maps.LatLng($scope.SelectedOffice.Latitude, $scope.SelectedOffice.Longitude));\r\n\r\n var infoWindowTemplate = \"\" +\r\n \"
\" + ofc.OfficeTypeDesc + \" - \" + ofc.City + \", \" + ofc.State + \"
\" +\r\n \"\" +\r\n \"
\";\r\n\r\n infowindow = new google.maps.InfoWindow({\r\n content: infoWindowTemplate,\r\n position: new google.maps.LatLng($scope.SelectedOffice.Latitude, $scope.SelectedOffice.Longitude),\r\n });\r\n\r\n\r\n var marker = new google.maps.Marker({\r\n position: new google.maps.LatLng($scope.SelectedOffice.Latitude, $scope.SelectedOffice.Longitude),\r\n map: $scope.map,\r\n });\r\n\r\n infowindow.open($scope.map, marker);\r\n\r\n google.maps.event.addListener(marker, 'click', (function (marker, infoWindowTemplate, infowindow) {\r\n return function () {\r\n infowindow.setContent(infoWindowTemplate);\r\n infowindow.open($scope.map, marker);\r\n };\r\n })(marker, infoWindowTemplate, infowindow));\r\n };\r\n\r\n /// showProgress: Method used to show the progress bar\r\n function showProgress() {\r\n $scope.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n function hideProgress() {\r\n $scope.activated = false;\r\n }\r\n }\r\n})();\r\n\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope, commonService) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.login')\r\n .controller('LoginController', LoginController, function ($scope, $location, authService, commonService) { });\r\n\r\n\r\n /** @ngInject */\r\n function LoginController($filter, genericService, $scope, $location, authService, $rootScope, AUTH_EVENTS, $mdToast, $state, $stateParams, $window, Validator, $mdDialog, commonService) {\r\n $window.document.title = \"Login - \" + document.getElementById(\"title\").title;\r\n $scope.Validators = Validator.data;\r\n $scope.shownAsDialog = $state.current.name != 'app.pages_auth_login';\r\n $scope.loginData = {\r\n useRefreshTokens: true,\r\n staySignedIn: true\r\n };\r\n\r\n $scope.portalVersion = '';\r\n $scope.processing = false;\r\n $scope.accessFailed = 0;\r\n $scope.lockoutValue = \"\";\r\n $scope.levelUser = \"\";\r\n $scope.emailConfirmed = \"\";\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n $scope.resetNotification = function () {\r\n $scope.notification.message = \"\";\r\n $scope.notification.display = \"\";\r\n };\r\n //$scope.goToForgotPassword = GoToForgotPassword;\r\n //$scope.goToForgotUsername = GoToForgotUsername;\r\n\r\n $scope.flipped = false;\r\n\r\n $scope.flip = function () {\r\n $scope.flipped = !$scope.flipped;\r\n };\r\n\r\n var accountChanged = false;\r\n\r\n // Initialization\r\n LoadPortalVersion();\r\n\r\n //REVIEW: Pascal Case\r\n $scope.login = function (loginForm) {\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\r\n if ($scope.shownAsDialog && loginForm.usernameE.$viewValue.toLowerCase() != $rootScope.previousUserName) {\r\n confirmAccountChange().then(function () {\r\n accountChanged = true;\r\n $scope.showProgress();\r\n lockoutUser(loginForm);\r\n }, function () {\r\n\r\n });\r\n } else {\r\n accountChanged = false;\r\n $scope.showProgress();\r\n lockoutUser(loginForm);\r\n }\r\n });\r\n };\r\n\r\n var continueLogin = function (loginForm) {\r\n $scope.showProgress();\r\n\r\n authService.login($scope.loginData).then(function (response) {\r\n $rootScope.$broadcast(AUTH_EVENTS.loginSuccess, $scope.loginData);\r\n\r\n $scope.hideProgress();\r\n\r\n if ($scope.shownAsDialog) {\r\n if (accountChanged) {\r\n\r\n if (!authService.roleType) {\r\n $window.location.href = 'portal/accounts';\r\n }\r\n else {\r\n switch (authService.roleType.toLowerCase()) {\r\n case 'admin':\r\n $window.location.href = 'portal/admin/customers';\r\n break;\r\n default:\r\n $window.location.href = 'portal/accounts';\r\n break;\r\n }\r\n }\r\n } else {\r\n $mdDialog.hide();\r\n }\r\n } else {\r\n if (!authService.adminAuthentication.roleType) {\r\n $state.go('app.msportal.accounts');\r\n }\r\n }\r\n\r\n }, function (err) {\r\n $scope.EvalErrorWebAPi(err);\r\n\r\n $rootScope.$broadcast(AUTH_EVENTS.loginFailed);\r\n\r\n if ($scope.lockoutValue && $scope.emailConfirmed == \"true\") {\r\n failedAttempt();\r\n }\r\n else {\r\n $scope.hideProgress();\r\n }\r\n\r\n });\r\n }\r\n\r\n var lockoutUser = function (loginForm) {\r\n authService.lockoutUser($scope.loginData).then(function (response) {\r\n $scope.lockoutValue = response.data;\r\n var valLocation = $scope.lockoutValue.indexOf(\"*\");\r\n var confirmedLoc = $scope.lockoutValue.indexOf(\"-\");\r\n $scope.levelUser = $scope.lockoutValue.slice(valLocation + 1, confirmedLoc).toLowerCase();\r\n $scope.emailConfirmed = $scope.lockoutValue.slice(confirmedLoc + 1, $scope.lockoutValue.length - 1).toLowerCase();\r\n $scope.accessFailed = 3 - parseInt($scope.lockoutValue.slice(1, valLocation));\r\n //to check if the username is existing\r\n if (!$scope.lockoutValue || $scope.emailConfirmed == \"false\") {\r\n continueLogin(loginForm);\r\n return;\r\n }\r\n if (!$scope.shownAsDialog && $scope.levelUser == \"admin\") {\r\n $mdDialog.show(\r\n\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Invalid User Account\",\r\n textContent: \"If you are an ADMIN of this site, please use the ADMIN login page.\",\r\n ariaLabel: \"Invalid User Account\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n logOut(true)\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n );\r\n $scope.hideProgress();\r\n return;\r\n }\r\n if ($scope.accessFailed <= 3 && $scope.accessFailed >= 0) {\r\n continueLogin(loginForm);\r\n }\r\n else {\r\n $scope.hideProgress();\r\n lockoutMessage();\r\n }\r\n\r\n }, function (err) {\r\n $scope.hideProgress();\r\n $scope.EvalErrorWebAPi(err);\r\n\r\n $rootScope.$broadcast(AUTH_EVENTS.loginFailed);\r\n\r\n });\r\n }\r\n\r\n function failedAttempt() {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Login Failed\",\r\n textContent: \"You have \" + $scope.accessFailed + \" attempt(s) remaining.\",\r\n ariaLabel: \"Login Failed\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .multiple(true)\r\n );\r\n $scope.hideProgress();\r\n }\r\n function LoadPortalVersion() {\r\n var promiseGet = genericService.get(\"Versions/\");\r\n promiseGet.then(function (pl) {\r\n $scope.portalVersion = $filter(\"filter\")(pl.data, { Name: 'Sedc Multiservice Portal Installer' })[0].Version;\r\n }, function () {\r\n\r\n });\r\n }\r\n\r\n function lockoutMessage() {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Account Locked\",\r\n textContent: \"This account is currently locked due to too many failed login attempts. Please try again later.\",\r\n ariaLabel: \"Account Locked\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .multiple(true)\r\n );\r\n }\r\n\r\n function confirmAccountChange() {\r\n // Appending dialog to document.body to cover sidenav in docs app\r\n var confirm = $mdDialog.confirm(\r\n {\r\n clickOutsideToClose: false,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .title('Account Changed')\r\n .textContent('You are logging in using a different account. This will discard any unsaved changes. Do you want to proceed?')\r\n .ariaLabel('Account Changed')\r\n .ok('Yes')\r\n .cancel('No')\r\n .multiple(true);\r\n\r\n return $mdDialog.show(confirm);\r\n }\r\n\r\n\r\n function logOut() {\r\n authService.logOut(true);\r\n $state.go('app.pages_auth_login');\r\n }\r\n\r\n $window.onbeforeunload = $scope.onExit;\r\n\r\n $scope.goToCreateAccount = function () {\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\r\n $state.go('app.pages_auth_register');\r\n });\r\n };\r\n $scope.goToForgotPassword = function () {\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\n var roleType = 'user';\r\n if ($scope.shownAsDialog) {\r\n if ($rootScope.roleType === 'admin') {\r\n roleType = 'admin';\r\n }\r\n }\r\n $state.go('app.pages_auth_forgot-password', { roleType: roleType });\r\n });\r\n };\r\n $scope.goToForgotUsername = function () {\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\n var roleType = 'user';\r\n if ($scope.shownAsDialog) {\r\n if ($rootScope.roleType === 'admin') {\r\n roleType = 'admin';\r\n }\r\n }\r\n $state.go('app.pages_auth_forgotUserName', { roleType: roleType });\r\n });\r\n };\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n /// showSimpleToast: Method used for show the server response.\r\n var showSimpleToast = function (isSuccess, message) {\r\n var status = (isSuccess) ? \"success\" : \"error\";\r\n $scope.hideProgress();\r\n\r\n $mdToast.show({\r\n template: '\" +\r\n \"
\" + $scope.SelectedOffice.OfficeTypeDesc + \" - \" + $scope.SelectedOffice.City + \", \" + $scope.SelectedOffice.State + \"
\" +\r\n \"' + message + '
\"),\r\n $scope.notification.display = errors.join(\"
\"),\r\n\r\n showSimpleToast(false, $scope.notification.message);\r\n }\r\n }\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.forgotUserName', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider)\r\n {\r\n // State\r\n $stateProvider.state('app.pages_auth_forgotUserName', {\r\n url : '/auth/forgotUserName/:roleType',\r\n views : {\r\n 'main@' : {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_forgotUserName': {\r\n templateUrl: 'app/auth/forgotUserName/forgot-username.html',\r\n controller : 'ForgotUserNameController as vm'\r\n }\r\n },\r\n bodyClass: 'forgotUserName',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/forgotUserName');\r\n\r\n //// Navigation\r\n //msNavigationServiceProvider.saveItem('pages.auth.forgotUserName', {\r\n // title : 'Forgot Password',\r\n // state : 'app.pages_auth_forgot-username',\r\n // weight: 5\r\n //});\r\n }\r\n\r\n})();\r\n\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.forgotUserName')\r\n .controller('ForgotUserNameController', ForgotUserNameController, function ($scope, $location, authService) { });\r\n\r\n /** @ngInject */\r\n function ForgotUserNameController($scope, $location, authService, $rootScope, AUTH_EVENTS, $mdToast, commonService, $stateParams, $window) {\r\n authService.CheckIsPortalEnabled(false, null, null);\r\n $window.document.title = \"Forgot Username - \" + document.getElementById(\"title\").title;\r\n // Data\r\n $scope.ForgotUserNameViewModel = {\r\n Email: \"\",\r\n };\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.flipped = false;\r\n\r\n $scope.flip = function () {\r\n $scope.flipped = !$scope.flipped;\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n $scope.roleType = $stateParams.roleType;\r\n // Methods\r\n\r\n /// ValidateUserName: Method used for get the username from the server.\r\n $scope.ValidateUserName = function () {\r\n var form = $scope.forgotUserNameForm;\r\n authService.CheckIsPortalEnabled(false, form, function () {\r\n $scope.showProgress();\r\n\r\n authService.forgotUserName($scope.ForgotUserNameViewModel).then(function (response) {\r\n if (response.data === \"true\") {\r\n $scope.hideProgress();\r\n $scope.flip();\r\n\r\n form.$rollbackViewValue();\r\n $scope.ForgotUserNameViewModel.Email = \"\";\r\n }\r\n else {\r\n $scope.hideProgress();\r\n commonService.handleError(null, \"Email Address is not found.\");\r\n }\r\n },\r\n function (err) {\r\n $scope.hideProgress();\r\n commonService.handleError(err);\r\n });\r\n });\r\n };\r\n\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n }\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.utility.contact', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider) {\r\n // State\r\n $stateProvider.state('app.pages_utility_contact', {\r\n url: '/contact-us',\r\n views : {\r\n 'main@' : {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_utility_contact': {\r\n templateUrl: 'app/auth/contact/contact.html',\r\n controller: 'ContactController as vm' \r\n }\r\n },\r\n bodyClass: 'login',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n }\r\n\r\n})();\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.utility.contact')\r\n .controller('ContactController', ['genericService', 'authService', '$mdDialog', '$state', '$rootScope', '$scope', '$timeout', '$interval', '$window', ContactController]);\r\n\r\n function ContactController(genericService, authService, $mdDialog, $state, $rootScope, $scope, $timeout, $interval, $window) {\r\n $window.document.title = \"Contact Us - \" + document.getElementById(\"title\").title;\r\n var serviceController = 'OfficeLocation/';\r\n $scope.Offices = [];\r\n\r\n LoadSmartAppSettings();\r\n LoadOffices();\r\n\r\n //$scope.activated = false;\r\n\r\n function LoadSmartAppSettings() {\r\n var configserviceController = 'SmartAppConfig/';\r\n var promiseGet = genericService.get(configserviceController);\r\n $rootScope.smartAppConfig = {};\r\n\r\n promiseGet.then(function (pl) {\r\n $rootScope.smartAppConfig = pl.data;\r\n },\r\n function (errorPl) {\r\n console.log('failure loading Offices', errorPl);\r\n })\r\n\r\n }\r\n\r\n function LoadOffices() {\r\n var promiseGet = genericService.get(serviceController);\r\n showProgress();\r\n\r\n promiseGet.then(function (pl) {\r\n hideProgress();\r\n\r\n if (!pl.data) {\r\n $mdDialog.show(\r\n $mdDialog.alert({\r\n title: '! No office locations and contact details retrieved.',\r\n template: '',\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n );\r\n }\r\n else {\r\n $scope.Offices = pl.data;\r\n $scope.SelectedOffice = $scope.Offices[0];\r\n }\r\n\r\n },\r\n function (errorPl) {\r\n hideProgress();\r\n console.log('failure loading Offices', errorPl);\r\n })\r\n }\r\n\r\n /// showProgress: Method used to show the progress bar\r\n function showProgress() {\r\n $scope.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n function hideProgress() {\r\n $scope.activated = false;\r\n }\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.forgot-password', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider)\r\n {\r\n // State\r\n $stateProvider.state('app.pages_auth_forgot-password', {\r\n url : '/auth/forgot-password/:roleType',\r\n views : {\r\n 'main@' : {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_forgot-password': {\r\n templateUrl: 'app/auth/forgot-password/forgot-password.html',\r\n controller : 'ForgotPasswordController as vm'\r\n }\r\n },\r\n bodyClass: 'forgot-password',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/forgot-password');\r\n \r\n }\r\n\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.forgot-password')\r\n .controller('ForgotPasswordController', ForgotPasswordController);\r\n\r\n function ForgotPasswordController(authService, commonService, $mdDialog, $rootScope, $scope, $stateParams, $window) {\r\n $window.document.title = \"Forgot Password - \" + document.getElementById(\"title\").title;\r\n\r\n // Data Binding\r\n $scope.flipped = false;\r\n $scope.isUserExists = false;\r\n $scope.progress = {\r\n activated: false\r\n };\r\n $scope.roleType = $stateParams.roleType;\r\n $scope.showRetry = false;\r\n $scope.user = {\r\n username: \"\",\r\n email: \"\"\r\n };\r\n\r\n // Function Binding\r\n $scope.flip = Flip;\r\n $scope.forgotPassword = ForgotPassword;\r\n $scope.hideProgress = HideProgress;\r\n $scope.retry = Retry;\r\n $scope.showProgress = ShowProgress;\r\n\r\n // Init\r\n authService.CheckIsPortalEnabled(false, null, null);\r\n\r\n // Functions\r\n function Flip() {\r\n $scope.flipped = !$scope.flipped;\r\n }\r\n function forgetPasswordMessage() {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Account Locked\",\r\n textContent: \"This account is currently locked due to too many failed login attempts. Please try again later or contact the utility for assistance.\",\r\n ariaLabel: \"Account Locked\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .multiple(true)\r\n );\r\n }\r\n function ForgotPassword() {\r\n var form = $scope.forgotPasswordForm;\r\n authService.CheckIsPortalEnabled(false, form, function () {\r\n $scope.showProgress();\r\n $scope.FPData = {\r\n useRefreshTokens: true,\r\n staySignedIn: true,\r\n Username: $scope.user.username\r\n };\r\n\r\n authService.lockoutUser($scope.FPData).then(function (response) {\r\n $scope.lockoutValue = response.data;\r\n var valLocation = $scope.lockoutValue.indexOf(\"*\");\r\n $scope.accessFailed = parseInt($scope.lockoutValue.slice(1, valLocation));\r\n\r\n if ($scope.accessFailed == 4) {\r\n $scope.hideProgress();\r\n forgetPasswordMessage();\r\n }\r\n else {\r\n authService.forgotPassword($scope.user).then(function (response) {\r\n $scope.hideProgress();\r\n if (response.status === 200) {\r\n\r\n $scope.isUserExists = response.data === 'true' ? true : false;\r\n $scope.showRetry = $scope.isUserExists === false ? true : false;\r\n $scope.flip();\r\n\r\n /// TODO: Fix related to MND-878 (Sprint 12) message saying \"You have unsaved changes...\"\r\n form.$rollbackViewValue();\r\n /// TODO: Fix related to MND-878 (Sprint 12) message saying \"You have unsaved changes...\"\r\n $scope.user.username = \"\";\r\n $scope.user.email = \"\";\r\n }\r\n\r\n //TODO:Change this for the right one\r\n //$location.path('/portal/accounts');\r\n },\r\n function (err) {\r\n $scope.hideProgress();\r\n commonService.handleError(err);\r\n });\r\n }\r\n },\r\n function (err) {\r\n $scope.hideProgress();\r\n commonService.handleError(err);\r\n });\r\n });\r\n }\r\n function HideProgress() {\r\n $scope.progress.activated = false;\r\n }\r\n function Retry() {\r\n $scope.showRetry = false;\r\n $scope.flip();\r\n }\r\n function ShowProgress() {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.confirmChangeEmail', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider)\r\n {\r\n // State\r\n $stateProvider.state('app.pages_auth_confirmChangeEmail', {\r\n url : '/confirm-email-change?uid&code',\r\n views : {\r\n 'main@': {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_confirmChangeEmail': {\r\n templateUrl: 'app/auth/confirmChangeEmail/confirmChangeEmail.html',\r\n controller: 'ConfirmChangeEmailController as vm'\r\n }\r\n },\r\n bodyClass: 'confirmChangeEmail',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/confirmChangeEmail');\r\n }\r\n\r\n})();\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.confirmChangeEmail')\r\n .controller('ConfirmChangeEmailController', ConfirmChangeEmailController, function ($scope, $location, authService) { });\r\n\r\n /** @ngInject */\r\n function ConfirmChangeEmailController($scope, $location, authService, $rootScope, AUTH_EVENTS, $stateParams, $mdToast, $timeout, $window) {\r\n $window.document.title = \"Confirm Change Email - \" + document.getElementById(\"title\").title;\r\n // DTO\r\n $scope.ValidateUserCodeViewModel = {\r\n UID: \"\",\r\n Code: \"\",\r\n Purpose: \"\",\r\n };\r\n\r\n $scope.ConfirmEmailViewModel = {\r\n UID :\"\",\r\n Code: \"\",\r\n }\r\n\r\n // Properties\r\n $scope.showForm = false;\r\n $scope.flipped = false;\r\n\r\n $scope.flip = function () {\r\n $scope.flipped = !$scope.flipped;\r\n };\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n // Methods\r\n /// ValidateCode: Method used for validate the user token.\r\n $scope.ValidateCode = function () {\r\n $scope.showProgress();\r\n\r\n //alert(\"Pasok dito!\");\r\n\r\n $scope.ValidateUserCodeViewModel.UID = $stateParams.uid;\r\n $scope.ValidateUserCodeViewModel.Code = $stateParams.code;\r\n $scope.ValidateUserCodeViewModel.Purpose = \"Confirmation\";\r\n\r\n $scope.hideProgress();\r\n $scope.showForm = true;\r\n\r\n $timeout(function () {\r\n $scope.hideProgress();\r\n $scope.notification.message = \"You can now access your account again.
Please click the link below to return to the Portal Login Screen.\";\r\n $scope.notification.display = true;\r\n $scope.flip();\r\n }, 2000);\r\n //return;\r\n\r\n authService.validateUserCode($scope.ValidateUserCodeViewModel).then(function (response) {\r\n $scope.hideProgress();\r\n $scope.showForm = true;\r\n $timeout($scope.ConfirmUser, 2000);\r\n },\r\n function (err) {\r\n $scope.hideProgress();\r\n $location.path('/portal/accounts');\r\n });\r\n };\r\n\r\n $scope.ConfirmUser = function () {\r\n $scope.showProgress();\r\n\r\n $scope.ConfirmEmailViewModel.UID = $stateParams.uid;\r\n $scope.ConfirmEmailViewModel.Code = $stateParams.code;\r\n\r\n authService.confirmEmailEncode($scope.ConfirmEmailViewModel).then(function (response) {\r\n $scope.hideProgress();\r\n\r\n if (response.status === 200) {\r\n $scope.notification.message = \"Account has been successfully confirmed.
Please click the link below to return to the Portal Login Screen.\";\r\n $scope.notification.display = true;\r\n\r\n //$scope.flip();\r\n }\r\n else {\r\n $scope.flip();\r\n }\r\n //$scope.notification.message = \"Please feel free to enter in our application.
Click the link below to go to main page.\";\r\n \r\n },\r\n function (err) {\r\n console.log(\"err: \" + err);\r\n $scope.hideProgress(); \r\n $scope.EvalErrorWebAPi(err);\r\n });\r\n };\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n /// showSimpleToast: Method used for show the server response.\r\n var showSimpleToast = function (isSuccess, message) {\r\n var status = (isSuccess) ? \"success\" : \"error\";\r\n $scope.hideProgress();\r\n\r\n $mdToast.show({\r\n template: '
' + message + '
\"),\r\n $scope.notification.display = errors.join(\"
\"),\r\n\r\n showSimpleToast(false, $scope.notification.message);\r\n }\r\n\r\n }\r\n //////////\r\n\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.confirm-user', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider)\r\n {\r\n // State\r\n $stateProvider.state('app.pages_auth_confirm-user', {\r\n url : '/confirm-user?uid&code',\r\n views : {\r\n 'main@' : {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_confirm-user': {\r\n templateUrl: 'app/auth/confirm-user/confirm-user.html',\r\n controller: 'ConfirmUserController as vm'\r\n }\r\n },\r\n bodyClass: 'confirm-user',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/confirm-user');\r\n }\r\n\r\n})();\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.confirm-user')\r\n .controller('ConfirmUserController', ConfirmUserController, function ($filter, $scope, $location, authService) { });\r\n\r\n /** @ngInject */\r\n function ConfirmUserController($filter, $scope, $location, authService, $rootScope, AUTH_EVENTS, $stateParams, $mdToast, $timeout, $window) {\r\n $window.document.title = \"Confirm Change Username - \" + document.getElementById(\"title\").title;\r\n\r\n // DTO\r\n $scope.ResendActivationEmailViewEmail = {\r\n UserId: \"\",\r\n TimeZone: new Date()\r\n };\r\n $scope.ValidateUserCodeViewModel = {\r\n UID: \"\",\r\n Code: \"\",\r\n Purpose: \"\",\r\n };\r\n\r\n $scope.ConfirmEmailViewModel = {\r\n UID: \"\",\r\n Code: \"\",\r\n }\r\n\r\n // Properties\r\n $scope.action = '';\r\n $scope.showForm = false;\r\n $scope.flipped = false;\r\n $scope.errPage = false;\r\n $scope.response = '';\r\n\r\n $scope.flip = function () {\r\n $scope.flipped = !$scope.flipped;\r\n };\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n // Methods\r\n $scope.resendEmail = function () {\r\n $scope.action = 'Resend Activation Email';\r\n $scope.showProgress();\r\n $scope.notification.display = false;\r\n $scope.ResendActivationEmailViewEmail.TimeZone = $filter('date')(new Date(), \"Z\");\r\n authService.resendEmail($scope.ResendActivationEmailViewEmail).then(function (response) {\r\n $scope.response = 'Activation Email sent';\r\n $scope.hideProgress();\r\n $scope.notification.display = true;\r\n $scope.errPage = false;\r\n }, function (err) {\r\n $scope.response = 'Activation Email not sent';\r\n $scope.hideProgress();\r\n $scope.errPage = true;\r\n $scope.notification.display = true;\r\n });\r\n }\r\n /// ValidateCode: Method used for validate the user token.\r\n var retryConfirm = 0;\r\n $scope.ValidateCode = function () {\r\n\r\n $scope.action = 'Validate User Code';\r\n $scope.ResendActivationEmailViewEmail.UserId = $stateParams.uid;\r\n //alert(\"Pasok dito!\");\r\n\r\n $scope.ValidateUserCodeViewModel.UID = $stateParams.uid;\r\n $scope.ValidateUserCodeViewModel.Code = $stateParams.code;\r\n $scope.ValidateUserCodeViewModel.Purpose = \"Confirmation\";\r\n\r\n $scope.showProgress();\r\n $scope.showForm = true;\r\n\r\n authService.validateUserCode($scope.ValidateUserCodeViewModel).then(function (response) {\r\n if (response.data === 'Code verified') {\r\n $scope.showForm = true;\r\n $scope.ConfirmUser();\r\n $scope.errPage = false;\r\n $scope.response = response.data;\r\n } else if (response.data !== 'Code verified') {\r\n if (response.data === 'Code not verified' && retryConfirm < 30) {\r\n retryConfirm += 1;\r\n $scope.ValidateCode();\r\n }\r\n else {\r\n $scope.response = response.data;\r\n $scope.hideProgress();\r\n $scope.errPage = true;\r\n $scope.notification.display = true;\r\n }\r\n }\r\n }, function (err) {\r\n if (retryConfirm < 30) {\r\n retryConfirm += 1;\r\n $scope.ValidateCode();\r\n }\r\n else {\r\n $scope.hideProgress();\r\n $scope.errPage = true;\r\n $scope.notification.display = true;\r\n }\r\n });\r\n };\r\n\r\n $scope.ConfirmUser = function () {\r\n $scope.showProgress();\r\n\r\n $scope.ConfirmEmailViewModel.UID = $stateParams.uid;\r\n $scope.ConfirmEmailViewModel.Code = $stateParams.code;\r\n\r\n authService.confirmEmailEncode($scope.ConfirmEmailViewModel).then(function (response) {\r\n\r\n if (response.status === 200) { \r\n $scope.notification.message = \"Account has been successfully confirmed.
Please click the link below to return to the Portal Login Screen.\";\r\n $scope.notification.display = true;\r\n $scope.errPage = false;\r\n $scope.hideProgress();\r\n $scope.flip();\r\n }\r\n else {\r\n if (retryConfirm < 30) {\r\n retryConfirm += 1;\r\n $scope.ConfirmUser();\r\n }\r\n else {\r\n $scope.hideProgress();\r\n $scope.errPage = true;\r\n $scope.flip();\r\n $scope.notification.display = true;\r\n }\r\n }\r\n\r\n }, function (err) {\r\n if (retryConfirm < 30) {\r\n retryConfirm += 1;\r\n $scope.ConfirmUser();\r\n }\r\n else {\r\n $scope.hideProgress();\r\n $scope.EvalErrorWebAPi(err);\r\n $scope.errPage = true;\r\n $scope.notification.display = true;\r\n }\r\n });\r\n };\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n /// showSimpleToast: Method used for show the server response.\r\n var showSimpleToast = function (isSuccess, message) {\r\n var status = (isSuccess) ? \"success\" : \"error\";\r\n $scope.hideProgress();\r\n\r\n $mdToast.show({\r\n template: '
' + message + '
\"),\r\n $scope.notification.display = errors.join(\"
\"),\r\n\r\n showSimpleToast(false, $scope.notification.message);\r\n }\r\n\r\n }\r\n //////////\r\n\r\n }\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changeUserName', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider) {\r\n // State\r\n $stateProvider.state('app.pages_auth_changeUserName', {\r\n url: '/auth/changeUserName',\r\n views: {\r\n 'main@': {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller: 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_changeUserName': {\r\n templateUrl: 'app/auth/changeUserName/changeUserName.html',\r\n controller: 'ChangeUserNameController as vm'\r\n }\r\n },\r\n resolve: {\r\n Validator: [\"authService\", function (authService) {\r\n return authService.getEntityValidators('ChangeUserNameBindingModel', 'ChangeUserNameBindingModel')\r\n }]\r\n },\r\n bodyClass: 'changeUserName',\r\n data: {\r\n authorizedRoles: ['user'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/changeUserName');\r\n }\r\n})();\r\n\r\n\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope, $mdDialog, commonService) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changeUserName')\r\n .controller('ChangeUserNameController', ChangeUserNameController, function ($scope, $location, authService, $mdDialog, commonService, $state, $rootScope) { });\r\n\r\n /** @ngInject */\r\n function ChangeUserNameController($scope, $location, authService, $mdToast, Validator, $mdDialog, commonService, $state, $rootScope, $window) {\r\n authService.CheckIsPortalEnabled(true, null, null);\n $window.document.title = \"Change Username - \" + document.getElementById(\"title\").title;\r\n $scope.ChangeUserNameBindingModel = {\r\n UserName: null,\r\n //OldUserName: (!authService.roleType ? authService.authentication.userName : authService.adminAuthentication.userName)\r\n OldUserName: null\r\n };\r\n\r\n $scope.Validators = Validator.data;\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n\r\n //REVIEW: Pascal Case\r\n $scope.changeUserName = function (Form) {\r\n authService.CheckIsPortalEnabled(true, null, function () {\r\n $scope.showProgress();\r\n $scope.ChangeUserNameBindingModel.UserName = $scope.ChangeUserNameBindingModel.UserName.trim();\r\n $scope.ChangeUserNameBindingModel.OldUserName = (!authService.roleType ? authService.authentication.userName : authService.adminAuthentication.userName);\r\n\r\n authService.changeUserName($scope.ChangeUserNameBindingModel).then(function (response) {\r\n\r\n $scope.hideProgress();\r\n Form.$aaFormExtensions.$resetChanged();\r\n\r\n var obj = JSON.parse(response.data)\r\n\r\n if (obj.succeeded.toString().toLowerCase() == \"true\") {\r\n var title = 'Username Changed';\r\n var text = 'Your Username has been successfully updated. Please try logging in again with your new username. Thank you!';\r\n var command = 'OK';\r\n DisplaySuccessMessage(title, text, command)\r\n }\r\n\r\n }, function (err) {\r\n $scope.hideProgress();\r\n var obj = '';\r\n try {\r\n obj = JSON.parse(err.data)\r\n }\r\n catch (e) {\r\n obj = err.data;\r\n }\r\n var title = 'Failed to Update Username';\r\n var text = '';\r\n if (!obj.modelState) {\r\n text = obj.message;\r\n }\r\n else {\r\n text = obj.modelState[\"\"][0];\r\n }\r\n var command = 'Retry';\r\n DisplayMessage(title, text, command);\r\n Form.$aaFormExtensions.$resetChanged();\r\n $state.reload();\r\n //commonService.handleError(err);\r\n });\r\n });\r\n };\r\n\r\n $scope.GoBackToAccountsList = function () {\r\n if (!authService.adminAuthentication.roleType) {\r\n $state.go('app.msportal.accounts');\r\n }\r\n else {\r\n if (!authService.authentication.CustomerID) {\r\n $state.go('app.msportal.admin.customers');\r\n }\r\n else {\r\n $state.go('app.msportal.accounts', { CID: authService.authentication.CustomerID });\r\n var account = {\r\n Username: authService.authentication.userName,\r\n CustomerIDNumber: authService.authentication.CustomerID\r\n }\r\n $rootScope.showAdminToolbar = true;\r\n\r\n $rootScope.$broadcast('simulateAccount', account);\r\n\r\n }\r\n }\r\n //$rootScope.$broadcast('simulateAccount', account);\r\n }\r\n\r\n function DisplaySuccessMessage(title, text, command) {\r\n $mdDialog.show(\r\n\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: title,\r\n textContent: text,\r\n ariaLabel: title,\r\n ok: command,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n logOut()\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n );\r\n\r\n }\r\n\r\n function DisplayMessage(title, text, command) {\r\n $mdDialog.show(\r\n\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: title,\r\n textContent: text,\r\n ariaLabel: title,\r\n ok: command,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n );\r\n }\r\n\r\n $scope.showUserNameHelp = function () {\r\n commonService.showUserNameHelp()\r\n }\r\n\r\n function logOut() {\r\n //authService.logOut(); \r\n //$state.go('app.pages_auth_login');\r\n if (!authService.adminAuthentication.roleType) {\r\n authService.logOut();\r\n $state.go('app.pages_auth_login');\r\n }\r\n else {\r\n // if (!authService.authentication.CustomerID) {\r\n authService.logOut();\r\n $state.go('app.pages_auth_adminLogin');\r\n //}\r\n //else {\r\n // authService.authentication.userName = '';\r\n // authService.authentication.useRefreshTokens = false;\r\n // authService.authentication.roleType = '';\r\n // authService.authentication.CustomerID = '';\r\n // authService.authentication.staySignedIn = false;\r\n // authService.authentication.email = '';\r\n // authService.authentication.isAuth = false;\r\n // $state.go('app.admin.customers')\r\n //}\r\n }\r\n }\r\n\r\n $scope.onExit = function () {\r\n if (!authService.authentication.staySignedIn) {\r\n authService.logOut();\r\n }\r\n };\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n }\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changePassword', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider) {\r\n // State\r\n $stateProvider.state('app.pages_auth_changePassword', {\r\n url: '/auth/changePassword',\r\n views: {\r\n 'main@': {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller: 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_changePassword': {\r\n templateUrl: 'app/auth/changePassword/changePassword.html',\r\n controller: 'changePasswordController as vm'\r\n }\r\n },\r\n resolve: {\r\n Validator: [\"authService\", function (authService) {\r\n return authService.getEntityValidators('ChangePasswordBindingModel', 'ChangePasswordBindingModel')\r\n }]\r\n },\r\n bodyClass: 'changePassword',\r\n data: {\r\n authorizedRoles: ['user'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/changePassword');\r\n }\r\n})();\r\n\r\n\n(function ($scope, $location, authService, ngAuthSettings, $state, $mdDialog, $window, genericService, $rootScope) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changePassword')\r\n .controller('changePasswordController', changePasswordController, function ($scope, $location, $mdDialog, authService, $state, $rootScope) { });\r\n\r\n /** @ngInject */\r\n function changePasswordController($scope, $location, authService, $mdToast, $mdDialog, Validator, commonService, $state, $rootScope, $window) {\r\n authService.CheckIsPortalEnabled(true, null, null);\r\n $window.document.title = \"Change Password - \" + document.getElementById(\"title\").title;\r\n $scope.ChangePasswordBindingModel = {\r\n OldPassword: null,\r\n NewPassword: null,\r\n ConfirmPassword: null\r\n };\r\n\r\n //authService.setChangePasswordValidator(Validator.data);\r\n\r\n $scope.Validators = Validator.data;\r\n $scope.OldPasswordValidate = false;\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n //REVIEW: Pascal Case\r\n $scope.changePassword = function (Form) {\r\n authService.CheckIsPortalEnabled(true, null, function () {\r\n $scope.showProgress();\r\n\r\n authService.changePassword($scope.ChangePasswordBindingModel).then(function (response) {\r\n Form.$aaFormExtensions.$resetChanged();\r\n\r\n if (response.status === 200) {\r\n var title = \"Change Password\";\r\n var content = \"Your password has been changed successfully!\";\r\n var method = \"Ok\";\r\n $scope.hideProgress();\r\n\r\n DisplayMessage(title, content, method);\r\n }\r\n\r\n }, function (err) {\r\n $scope.hideProgress();\r\n\r\n commonService.handleError(err);\r\n });\r\n });\r\n };\r\n\r\n $scope.onExit = function () {\r\n if (!authService.authentication.staySignedIn) {\r\n authService.logOut();\r\n }\r\n };\r\n $scope.GoBackToAccountsList = function () {\r\n if (!authService.adminAuthentication.roleType) {\r\n $state.go('app.msportal.accounts');\r\n }\r\n else {\r\n if (!authService.authentication.CustomerID) {\r\n $state.go('app.msportal.admin.customers');\r\n }\r\n else {\r\n var account = {\r\n Username: authService.authentication.userName,\r\n CustomerIDNumber: authService.authentication.CustomerID\r\n }\r\n $state.go('app.msportal.accounts', { CID: authService.authentication.CustomerID });\r\n $rootScope.showAdminToolbar = true;\r\n\r\n $rootScope.$broadcast('simulateAccount', account);\r\n }\r\n }\r\n }\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n $scope.showPasswordHelp = function () {\r\n commonService.showPasswordHelp()\r\n }\r\n\r\n function DisplayMessage(title, text, command) {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: title,\r\n textContent: text,\r\n ariaLabel: title,\r\n ok: command,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n $scope.GoBackToAccountsList();\r\n }\r\n })\r\n );\r\n }\r\n\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.adminLogin', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider)\r\n {\r\n // State\r\n $stateProvider.state('app.pages_auth_adminLogin', {\r\n url : '/auth/admin/login',\r\n views : {\r\n 'main@' : {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller : 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_adminLogin': {\r\n templateUrl: 'app/auth/adminLogin/adminLogin.html',\r\n controller: 'AdminLoginController as vm' \r\n },\r\n \r\n },\r\n resolve: {\r\n Validator: [\"authService\", function (authService) {\r\n return authService.getEntityValidators('LoginBindingModel', 'loginData')\r\n }]\r\n },\r\n bodyClass: 'login',\r\n data: {\r\n authorizedRoles: ['*'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n })\r\n \r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/adminLogin');\r\n //$translatePartialLoaderProvider.addPart('app/auth/adminlogin');\r\n\r\n //// Navigation\r\n //msNavigationServiceProvider.saveItem('auth', {\r\n // title : 'Authentication',\r\n // icon : 'icon-lock',\r\n // weight: 1\r\n //});\r\n\r\n //msNavigationServiceProvider.saveItem('auth.login', {\r\n // title : 'Login',\r\n // state : 'app.pages_auth_login',\r\n // weight: 1\r\n //});\r\n }\r\n\r\n})();\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.adminLogin')\r\n .controller('AdminLoginController', AdminLoginController, function ($scope, $location, authService) { });\r\n\r\n\r\n /** @ngInject */\r\n function AdminLoginController(genericService, $scope, $location, authService, $rootScope, AUTH_EVENTS, $mdToast, $state, $stateParams, $window, Validator, $mdDialog) {\r\n $window.document.title = \"Admin Login - \" + document.getElementById(\"title\").title;\r\n $scope.Validators = Validator.data;\r\n $scope.shownAsDialog = $state.current.name != 'app.pages_auth_adminLogin';\r\n $scope.loginData = {\r\n useRefreshTokens: true,\r\n staySignedIn: true\r\n };\r\n\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n\r\n $scope.programs = [];\r\n $scope.progress = {\r\n activated: false\r\n };\r\n\r\n $scope.accessFailed = 0;\r\n $scope.lockoutValue = \"\";\r\n $scope.levelUser = \"\";\r\n\r\n $scope.resetNotification = function () {\r\n $scope.notification.message = \"\";\r\n $scope.notification.display = \"\";\r\n };\r\n\r\n\r\n $scope.flipped = false;\r\n $scope.showLoginError = false;\r\n $scope.showVersions = false;\r\n\n $scope.goToState = GoToState;\n\r\n $scope.flip = function (item) {\r\n if (item === 'versions') {\r\n $scope.showVersions = true;\r\n } else if (item === 'login') {\r\n $scope.showLoginError = false;\r\n $scope.showVersions = false;\r\n } else {\r\n $scope.showLoginError = true;\r\n }\r\n $scope.flipped = !$scope.flipped;\r\n };\r\n\r\n var accountChanged = false;\r\n LoadPortalVersion();\r\n\n function GoToState(stateName) {\r\n $scope.showProgress();\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\r\n $scope.hideProgress();\r\n $state.go(stateName, { roleType: 'admin' });\r\n });\r\n };\n\r\n function LoadPortalVersion() {\r\n var promiseGet = genericService.get(\"Versions/\");\r\n promiseGet.then(function (pl) {\r\n ModifyProgramsProperties(pl.data);\r\n $scope.programs = pl.data;\r\n }, function () {\r\n\r\n });\r\n }\r\n function ModifyProgramsProperties(programs) {\r\n for (var i = 0; i < programs.length; i++) {\r\n var p = programs[i];\r\n if (p.Name === 'Sedc Multiservice Authentication Service') {\r\n p.Name = 'Authentication Service';\r\n } else if (p.Name === 'Sedc Multiservice Consumer Web API') {\r\n p.Name = 'Consumer Web API';\r\n } else if (p.Name === 'Sedc Multiservice Consumer WinService') {\r\n p.Name = 'Consumer WinService';\r\n } else if (p.Name === 'Sedc Multiservice Portal Installer') {\r\n p.Name = 'Portal Website (MSCP)';\r\n }\r\n }\r\n }\r\n //REVIEW: Pascal Case\r\n $scope.login = function (loginForm) {\r\n authService.adminAuthentication.userName = loginForm.usernameE.$viewValue.toLowerCase() === 'portaladmin' ? 'portaladmin' : '';\r\n authService.CheckIsPortalEnabled($scope.shownAsDialog, null, function () {\r\n if ($scope.shownAsDialog && loginForm.usernameE.$viewValue.toLowerCase() != $rootScope.previousUserName) {\r\n confirmAccountChange().then(function () {\r\n accountChanged = true;\r\n $scope.showProgress();\r\n lockoutUser(loginForm);\r\n }, function () {\r\n\r\n });\r\n } else {\r\n accountChanged = false;\r\n $scope.showProgress();\r\n lockoutUser(loginForm);\r\n }\r\n });\r\n };\r\n\r\n var continueLogin = function (loginForm) {\r\n $scope.showProgress();\r\n\r\n authService.login($scope.loginData).then(function (response) {\r\n $rootScope.$broadcast(AUTH_EVENTS.loginSuccess, $scope.loginData);\r\n $scope.setCurrentUser($scope.loginData.Username);\r\n authService.adminAuthentication.isFirstLogin = true;\r\n\r\n $scope.hideProgress();\r\n\r\n if ($scope.shownAsDialog) {\r\n if (accountChanged) {\r\n if (!authService.adminAuthentication.roleType) {\r\n $window.location.href = 'portal/accounts';\r\n }\r\n else {\r\n //$window.location.href = 'admin/customers';//TODO: Change this to new landing page\r\n $state.go('app.msportal.admin.customers');\r\n }\r\n } else {\r\n $mdDialog.hide();\r\n }\r\n\r\n } else {\r\n $state.go('app.msportal.admin.customers');//TODO: Change this to new landing page.\r\n //$window.location.href = '/portal/admin/customers';\r\n }\r\n\r\n },\r\n function (err) {\r\n $scope.EvalErrorWebAPi(err);\r\n\r\n $rootScope.$broadcast(AUTH_EVENTS.loginFailed);\r\n\r\n if ($scope.lockoutValue) {\r\n failedAttempt();\r\n }\r\n else {\r\n $scope.hideProgress();\r\n }\r\n });\r\n }\r\n\r\n var lockoutUser = function (loginForm) {\r\n authService.lockoutUser($scope.loginData).then(function (response) {\r\n $scope.lockoutValue = response.data;\r\n var valLocation = $scope.lockoutValue.indexOf(\"*\");\r\n var confirmedLoc = $scope.lockoutValue.indexOf(\"-\");\r\n $scope.levelUser = $scope.lockoutValue.slice(valLocation + 1, confirmedLoc).toLowerCase();\r\n $scope.accessFailed = 3 - parseInt($scope.lockoutValue.slice(1, valLocation));\r\n //to check if the username is existing\r\n if (!$scope.lockoutValue) {\r\n continueLogin(loginForm);\r\n return;\r\n }\r\n if ($scope.levelUser != \"admin\") {\r\n $mdDialog.show(\r\n\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Invalid Admin Account\",\r\n textContent: \"The account that you are using is not a valid ADMIN account. You may login with that account using the USER login page which you will be redirected to.\",\r\n ariaLabel: \"Invalid Admin Account\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n logOut();\r\n }\r\n })\r\n );\r\n $scope.hideProgress();\r\n return;\r\n }\r\n if ($scope.accessFailed <= 3 && $scope.accessFailed >= 0) {\r\n continueLogin(loginForm);\r\n }\r\n else {\r\n $scope.hideProgress();\r\n lockoutMessage();\r\n }\r\n\r\n }, function (err) {\r\n $scope.hideProgress();\r\n $scope.EvalErrorWebAPi(err);\r\n\r\n $rootScope.$broadcast(AUTH_EVENTS.loginFailed);\r\n\r\n });\r\n }\r\n\r\n function failedAttempt() {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Login Failed\",\r\n textContent: \"You have \" + $scope.accessFailed + \" attempt(s) remaining.\",\r\n ariaLabel: \"Login Failed\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .multiple(true)\r\n );\r\n $scope.hideProgress();\r\n }\r\n\r\n function lockoutMessage() {\r\n $mdDialog.show(\r\n $mdDialog.alert(\r\n {\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: \"Account Locked\",\r\n textContent: \"This account is currently locked due to too many failed login attempts. Please try again later.\",\r\n ariaLabel: \"Account Locked\",\r\n ok: \"OK\",\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .multiple(true)\r\n );\r\n }\r\n\r\n function confirmAccountChange() {\r\n // Appending dialog to document.body to cover sidenav in docs app\r\n var confirm = $mdDialog.confirm(\r\n {\r\n clickOutsideToClose: false,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n })\r\n .title('Account Changed')\r\n .textContent('You are logging in using a different account. This will discard any unsaved changes. Do you want to proceed?')\r\n .ariaLabel('Account Changed')\r\n .ok('Yes')\r\n .cancel('No')\r\n .multiple(true);\r\n\r\n return $mdDialog.show(confirm);\r\n }\r\n\r\n function logOut() {\r\n authService.logOut(true);\r\n $state.go('app.pages_auth_login');\r\n }\r\n\r\n $scope.onExit = function () {\r\n if (!authService.adminAuthentication.staySignedIn) {\r\n authService.logOut()\r\n }\r\n };\r\n\r\n $window.onbeforeunload = $scope.onExit;\r\n\r\n\r\n\r\n /// showProgress: Method used to show the progress bar\r\n $scope.showProgress = function () {\r\n $scope.progress.activated = true;\r\n }\r\n\r\n /// hideProgress: Method used to hide the progress bar\r\n $scope.hideProgress = function () {\r\n $scope.progress.activated = false;\r\n }\r\n\r\n /// showSimpleToast: Method used for show the server response.\r\n var showSimpleToast = function (isSuccess, message) {\r\n var status = (isSuccess) ? \"success\" : \"error\";\r\n $scope.hideProgress();\r\n\r\n $mdToast.show({\r\n template: '
' + message + '
\"),\r\n $scope.notification.display = errors.join(\"
\"),\r\n\r\n showSimpleToast(false, $scope.notification.message);\r\n }\r\n }\r\n }\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changeEmail', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($stateProvider, $translatePartialLoaderProvider, msNavigationServiceProvider) {\r\n // State\r\n $stateProvider.state('app.pages_auth_changeEmail', {\r\n url: '/auth/changeEmail',\r\n views: {\r\n 'main@': {\r\n templateUrl: 'app/core/layouts/content-only.html',\r\n controller: 'MainController as vm'\r\n },\r\n 'content@app.pages_auth_changeEmail': {\r\n templateUrl: 'app/auth/changeEmail/changeEmail.html',\r\n controller: 'ChangeEmailController as vm'\r\n }\r\n },\r\n resolve: {\r\n Validator: [\"authService\", function (authService) {\r\n return authService.getEntityValidators('ChangeEmailBindingModel', 'ChangeEmailBindingModel')\r\n }]\r\n },\r\n bodyClass: 'changeEmail',\r\n data: {\r\n authorizedRoles: ['user'] //TODO: Use constant for consistency. It wasn't done that way because of issue trying to inject constant to a config\r\n }\r\n });\r\n\r\n // Translation\r\n $translatePartialLoaderProvider.addPart('app/auth/changeEmail');\r\n }\r\n})();\r\n\r\n\n(function ($scope, $location, authService, ngAuthSettings, $state, $window, genericService, $rootScope, $mdDialog, commonService) {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.auth.changeEmail')\r\n .controller('ChangeEmailController', ChangeEmailController, function ($scope, $location, authService, $mdDialog, commonService, $state, $rootScope) { });\r\n\r\n /** @ngInject */\r\n function ChangeEmailController($scope, $location, authService, $mdToast, Validator, commonService, $rootScope, $mdDialog, $state, $window) {\r\n // #region Data Binding\r\n $scope.ChangeEmailBindingModel = {\r\n OldEmail: (!authService.roleType ? authService.authentication.email : authService.adminAuthentication.email),\r\n NewEmail: null,\r\n ConfirmEmail: null,\r\n UserName: (!authService.roleType ? authService.authentication.userName : authService.adminAuthentication.userName),\r\n Password: null,\r\n UtilityNumber: \"(02) 477-66-61\"\r\n };\r\n $scope.notification = {\r\n message: \"\",\r\n display: \"\"\r\n };\r\n $scope.progress = {\r\n activated: false\r\n };\r\n // #endregion Data Binding\r\n\r\n // #region Initialization\r\n ShowProgress();\r\n $window.document.title = \"Change Email - \" + document.getElementById(\"title\").title;\r\n authService.CheckIsPortalEnabled(true, null, null);\r\n HideProgress();\r\n // #endregion Initialization\r\n\r\n // #region Method Binding\r\n $scope.changeEmail = ChangeEmail;\r\n $scope.GoBackToAccountsList = GoBackToAccountsList;\r\n $scope.hideProgress = HideProgress;\r\n $scope.onExit = OnExit;\r\n $scope.showProgress = ShowProgress;\r\n // #endregion Method Binding\r\n\r\n //REVIEW: Pascal Case\r\n function ChangeEmail(Form) {\r\n $scope.showProgress();\r\n authService.CheckIsPortalEnabled(true, null, function () {\r\n if (!$rootScope.utilityContact) {\r\n SendLocation();\r\n }\r\n\r\n $scope.ChangeEmailBindingModel.UtilityNumber = $rootScope.utilityContact;\r\n authService.changeEmail($scope.ChangeEmailBindingModel).then(function (response) {\r\n $scope.hideProgress();\r\n Form.$aaFormExtensions.$resetChanged();\r\n\r\n var obj = JSON.parse(response.data)\r\n\r\n if (obj.toString().toLowerCase() == \"change email\") {\r\n var title = 'E-mail Changed';\r\n var text = 'Your e-mail has been successfully updated. Please check your e-mail and click on the confirmation link to enable you to log in. Thank you!';\r\n var command = 'OK';\r\n DisplayMessage(title, text, command).then(function () {\r\n logOut();\r\n });\r\n }\r\n }, function (err) {\r\n $scope.hideProgress();\r\n var obj = '';\r\n try {\r\n obj = JSON.parse(err.data)\r\n }\r\n catch (e) {\r\n obj = err.data;\r\n }\r\n var title = 'Error Changing E-mail';\r\n var text = obj.message;\r\n var command = 'Retry';\r\n DisplayMessage(title, text, command);\r\n Form.$aaFormExtensions.$resetChanged();\r\n //$state.reload();\r\n });\r\n });\r\n }\r\n function DisplayMessage(title, text, command) {\r\n return $mdDialog.show($mdDialog.alert({\r\n parent: angular.element(document.querySelector('#popupContainer')),\r\n clickOutsideToClose: false,\r\n title: title,\r\n textContent: text,\r\n ariaLabel: title,\r\n ok: command,\r\n onComplete: function () {\r\n $rootScope.$broadcast('msDialogIsOpened');\r\n },\r\n onRemoving: function () {\r\n $rootScope.$broadcast('msDialogIsClosed');\r\n }\r\n }));\r\n }\r\n function GoBackToAccountsList() {\r\n if (!authService.adminAuthentication.roleType) {\r\n $state.go('app.msportal.accounts');\r\n }\r\n else {\r\n if (!authService.authentication.CustomerID) {\r\n $state.go('app.msportal.admin.customers');\r\n }\r\n else {\r\n var account = {\r\n Username: authService.authentication.userName,\r\n CustomerIDNumber: authService.authentication.CustomerID\r\n }\r\n $state.go('app.msportal.accounts', { CID: authService.authentication.CustomerID });\r\n $rootScope.showAdminToolbar = true;\r\n $rootScope.$broadcast('simulateAccount', account);\r\n }\r\n }\r\n }\r\n function HideProgress() {\r\n $scope.progress.activated = false;\r\n }\r\n function logOut() {\r\n if (!authService.adminAuthentication.roleType) {\r\n authService.logOut();\r\n $state.go('app.pages_auth_login');\r\n }\r\n else {\r\n // if (!authService.authentication.CustomerID) {\r\n authService.logOut();\r\n $state.go('app.pages_auth_adminLogin');\r\n //}\r\n //else {\r\n // authService.authentication.userName = '';\r\n // authService.authentication.useRefreshTokens = false;\r\n // authService.authentication.roleType = '';\r\n // authService.authentication.CustomerID = '';\r\n // authService.authentication.staySignedIn = false;\r\n // authService.authentication.email = '';\r\n // authService.authentication.isAuth = false;\r\n // $state.go('app.admin.customers')\r\n //}\r\n }\r\n }\r\n function OnExit() {\r\n if (!authService.authentication.staySignedIn) {\r\n authService.logOut();\r\n }\r\n }\r\n function SendLocation() {\r\n //var p = $rootScope.utilityOffices;\r\n if (!$rootScope.utilityOffices.length) {\r\n $rootScope.utilityContact = \"its nearest branch\";\r\n }\r\n else {\r\n for (var x = 0; x < $rootScope.utilityOffices.length; x++) {\r\n if ($rootScope.utilityOffices[x].OfficeType == 'M') {\r\n if (!$rootScope.utilityOffices[x].Telephone) {\r\n // No phone, just eadd\r\n if (!$rootScope.utilityOffices[x].EmailAddress) {\r\n // No phone AND eadd\r\n $rootScope.utilityContact = \"its nearest branch\";\r\n }\r\n else {\r\n $rootScope.utilityContact = $rootScope.utilityOffices[x].EmailAddress;\r\n }\r\n }\r\n else {\r\n // with phone\r\n var phone = $rootScope.utilityOffices[x].Telephone;\r\n phone = phone.substr(0, 3) + '-' + phone.substr(3, 3) + '-' + phone.substr(6, 4)\r\n if (!$rootScope.utilityOffices[x].EmailAddress) {\r\n // no eadd\r\n $rootScope.utilityContact = phone;\r\n }\r\n else {\r\n $rootScope.utilityContact = phone + \" or \" + $rootScope.utilityOffices[x].EmailAddress;\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n function ShowProgress() {\r\n $scope.progress.activated = true;\r\n }\r\n // #endregion Functions\r\n }\r\n})();\r\n\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.toolbar', [])\r\n .config(config);\r\n\r\n /** @ngInject */\r\n function config($translatePartialLoaderProvider)\r\n {\r\n $translatePartialLoaderProvider.addPart('app/toolbar');\r\n }\r\n})();\r\n\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('app.toolbar')\r\n .controller('ToolbarController', ToolbarController);\r\n\r\n /** @ngInject */\r\n function ToolbarController($rootScope, $q, $state, $timeout, $mdSidenav, $translate, $mdToast, msNavigationService, authService, localStorageService, commonService) {\r\n var vm = this;\r\n\r\n // Data\r\n $rootScope.global = {\r\n search: ''\r\n };\r\n\r\n vm.bodyEl = angular.element('body');\r\n vm.userStatusOptions = [\r\n {\r\n 'title': 'Online',\r\n 'icon': 'icon-checkbox-marked-circle',\r\n 'color': '#4CAF50'\r\n },\r\n {\r\n 'title': 'Away',\r\n 'icon': 'icon-clock',\r\n 'color': '#FFC107'\r\n },\r\n {\r\n 'title': 'Do not Disturb',\r\n 'icon': 'icon-minus-circle',\r\n 'color': '#F44336'\r\n },\r\n {\r\n 'title': 'Invisible',\r\n 'icon': 'icon-checkbox-blank-circle-outline',\r\n 'color': '#BDBDBD'\r\n },\r\n {\r\n 'title': 'Offline',\r\n 'icon': 'icon-checkbox-blank-circle-outline',\r\n 'color': '#616161'\r\n }\r\n ];\r\n vm.languages = {\r\n en: {\r\n 'title': 'English',\r\n 'translation': 'TOOLBAR.ENGLISH',\r\n 'code': 'en',\r\n 'flag': 'us'\r\n },\r\n es: {\r\n 'title': 'Spanish',\r\n 'translation': 'TOOLBAR.SPANISH',\r\n 'code': 'es',\r\n 'flag': 'es'\r\n },\r\n tr: {\r\n 'title': 'Turkish',\r\n 'translation': 'TOOLBAR.TURKISH',\r\n 'code': 'tr',\r\n 'flag': 'tr'\r\n }\r\n };\r\n\r\n // Methods\r\n vm.toggleSidenav = toggleSidenav;\r\n vm.logout = logout;\r\n vm.changeLanguage = changeLanguage;\r\n vm.setUserStatus = setUserStatus;\r\n vm.toggleHorizontalMobileMenu = toggleHorizontalMobileMenu;\r\n vm.toggleMsNavigationFolded = toggleMsNavigationFolded;\r\n vm.search = search;\r\n vm.searchResultClick = searchResultClick;\r\n vm.changePassword = changePassword\r\n vm.changeUserName = changeUserName;\r\n vm.changeEmail = changeEmail;\r\n vm.openMenu = OpenMenu;\r\n\r\n //////////\r\n\r\n init();\r\n\r\n /**\r\n * Initialize\r\n */\r\n function init() {\r\n // Select the first status as a default\r\n vm.userStatus = vm.userStatusOptions[0];\r\n\r\n if (authService.adminAuthentication.roleType && !$rootScope.showAdminToolbar) {\r\n vm.session = authService.adminAuthentication;\r\n }\r\n else {\r\n vm.session = authService.authentication;\r\n }\r\n\r\n //TODO: Double check\r\n // Get the selected language directly from angular-translate module setting\r\n vm.selectedLanguage = vm.languages[$translate.preferredLanguage()];\r\n }\r\n\r\n $rootScope.$on('simulateAccount', function (event, account) {\r\n $rootScope.customerUserName = account.Username;\r\n\r\n if ($rootScope.showAdminToolbar) {\r\n\r\n authService.authentication.isAuth = true;\r\n authService.authentication.userName = account.Username;\r\n authService.authentication.roleType = '';\r\n authService.authentication.useRefreshTokens = true;\r\n authService.authentication.CustomerID = account.CustomerIDNumber;\r\n authService.authentication.staySignedIn = true;\r\n authService.authentication.email = account.Email;\r\n\r\n localStorageService.set('authorizationUserData', { customerId: account.CustomerIDNumber, userName: account.Username, email: account.Email });\r\n\r\n vm.session = authService.authentication;\r\n }\r\n });\r\n\r\n $rootScope.$on('adminDashboard', function (event, account) {\r\n vm.session = account;\r\n });\r\n\r\n\r\n /**\r\n * Toggle sidenav\r\n *\r\n * @param sidenavId\r\n */\r\n function toggleSidenav(sidenavId) {\r\n $mdSidenav(sidenavId).toggle();\r\n }\r\n\r\n /**\r\n * Sets User Status\r\n * @param status\r\n */\r\n function setUserStatus(status) {\r\n vm.userStatus = status;\r\n }\r\n\r\n /**\r\n * Logout Function\r\n */\r\n function logout() {\r\n var roleType = authService.roleType;\r\n // Do logout here..\r\n authService.logOut(true);\r\n if (!roleType) {\r\n $state.go('app.pages_auth_login');\r\n }\r\n else {\r\n $state.go('app.pages_auth_adminLogin');\r\n window.location.reload();\r\n }\r\n }\r\n\r\n /**\r\n * Change Language\r\n */\r\n function changeLanguage(lang) {\r\n vm.selectedLanguage = lang;\r\n\r\n /**\r\n * Show temporary message if user selects a language other than English\r\n *\r\n * angular-translate module will try to load language specific json files\r\n * as soon as you change the language. And because we don't have them, there\r\n * will be a lot of errors in the page potentially breaking couple functions\r\n * of the template.\r\n *\r\n * To prevent that from happening, we added a simple \"return;\" statement at the\r\n * end of this if block. If you have all the translation files, remove this if\r\n * block and the translations should work without any problems.\r\n */\r\n if (lang.code !== 'en') {\r\n var message = 'Fuse supports translations through angular-translate module, but currently we do not have any translations other than English language. If you want to help us, send us a message through ThemeForest profile page.';\r\n\r\n $mdToast.show({\r\n template: '
' + message + '
' + message + '
\\nYou went offline! You are now online!
\\nYou went offline! You are now online!
\\n\\nWe did not recognize that information.
\\nSorry
\\nWe did not recognize that information.
The problem is one of the following:
Portal Component Versions
{{ p.Name }}{{ p.Version }}
Log in to your account
SEDC
Account Creation\\n
Congratulations!
Error!
\\nPlease wait a minute while the application confirm your information...
Please wait a minute while the application resending activation email...\\n
Error!
We encountered an error while activating your account.
Unknown Error! Please try again later.
Return to Portal Login
Expired Link!
\\nThe activation link has expired. Click on the link below to resend activation email.
Resend Activation Email
Return to Portal Login
Activation Email Sent!
\\nPlease check your e-mail and confirm your registration.
Return to Portal Login
\\nResend Activation Email unsuccessful!
\\nAn error occured while resending activation email. Please click on the link below to resend activation email again.\\n
Resend Activation Email
Return to Portal Login
Change E-mail Confirmed
Congratulations!
\\nPlease wait a minute while the application confirm your information...
Error!
We could not confirm your information, please check this issues:
Return to Portal Login
\\n{{ofc.OfficeTypeDesc}} - {{ofc.City}}, {{ofc.State}}
\\n{{ofc.EmailAddress}}
N/A
Telephone\\n
N/A
Working Hours
{{ofc.WorkingHours}}
N/A
Services Provided\\n
{{ofc.Services}}
N/A
Go back to Login\\n
\\nYou have been logged out due to inactivity. Please log back in to continue.
\\nDon\\'t have an account?
SEDC\\n
Log in to your account
Sorry
We did not recognize that information.
The problem is one of the following:
Log in to your account
\\nSorry
We did not recognize that information.
\\nThe problem is one of the following:
\\nDon\\'t have an account?
Version {{portalVersion}}\\nSEDC
Create an account
\\nSEDC
\\n
\");\n$templateCache.put(\"app/core/directives/ms-info-bar/ms-info-bar.html\",\"\\n
\\n
{{palette}}
{{hue}}
0\\\" \\nng-sortable=\\\"MsShortcuts.sortableOptions\\\">\\n {{shortcut.title}}
{{shortcut.title.charAt(0)}}
F FUSE
\\n![](\\\"assets/images/avatars/profile.jpg\\\")
Hi,{{vm.session.userName}}
F FUSE
\\nHi,{{vm.session.userName}}
Good day {{vm.session.roleType}},\\n {{vm.session.userName}}
\\n\\n Change Password Change Username\\n Change E-mail Logout
Hi {{vm.session.roleType}},\\n{{vm.session.userName}}
\\nHi, {{vm.session.userName}}
\\n\\n \\nChange Password Logout
Hi,{{vm.session.userName}}
F FUSE
\\nHi,\\n{{vm.session.userName}}
{{contact.unread}}
{{friend.message}}
{{friend.time}}
{{server.location}}
{{server.detail}}
\\n\\n{{stat.title}} ({{stat.current}} / {{stat.total}})
{{contact.unread}}
{{contact.name}}
\\n
{{contact.name}}
\\n{{vm.chat.contact.name}}
{{dialog.message}}
{{dialog.time}}
\\n
{{vm.date | date:\\'EEEE\\'}}
{{vm.date | date:\\'d\\'}} \\nth {{vm.date | date:\\'MMMM\\'}}
{{event.title}}
{{event.detail}}
\\n
{{note.title}}
{{note.detail}}
Notifications
Cloud Sync
Retro Thrusters
{{vm.titlePage}}
0\\\">\\n{{vm.totalCount}} 1\\\">resultsresult\\n\\nInvalid input. Customer ID must be 5 digits. \\nInvalid input. Account Number must be 8 digits. \\nPlease make sure there are no numbers or special characters.
\\nCustomer ID | Account No. | Username | E-mail | Name | Address\\n | Balance | Actions |
|---|---|---|---|---|---|---|---|
| {{account.data.CustomerIDNumber}} | {{account.data.MemberNo}}\\n | {{account.data.Username}} | {{account.data.Email}} | {{account.data.AccountName}} | \\n{{account.data.ServiceAddress}} | = 0\\\">\\n${{account.data.Balance | number:2}}\\n-${{account.data.Balance * -1 | number:2}} | \\nView Unlock \\n{{ account.data.EmailConfirmed === 1 ? \\\"Deactivate\\\" : \\\"Activate\\\" }} Delete |
Customize Portal
\\n
\\nService Address | Account Status | Due Date | Past Due | Balance | \\nAccount No | View Service Details |
|---|---|---|---|---|---|---|
| {{account.data.DueDate}} | \\n{{ account.data.PastDue | currency }} | {{ account.data.Balance | currency }} {{ account.data.Balance * -1 | currency }} \\n | {{account.data.MemberNo}} |
\\nE-mail Address Confirm E-mail Address \\n
Edit\\n Save Cancel
Subscription Details\\n
E-mail Address is required Invalid E-mail Address
\\nPlease confirm your e-mail address \\nConfirmation E-mail does not match with E-mail Address
\\nMobile Number Mobile Service Provider{{provider.ProviderName}} \\n
Mobile Number is required \\nInvalid format. Mobile Number should be 10 digits
\\nMobile Service Provider is required
\\nAlerts Service Details
Alert Description | Text Message | E-mail |
|---|---|---|
{{alert.AlertName}} Remind the customerday(s) before. Alert the customer when due date has passed.\\n Alert the customer when account profile has changed. Alert the customer when a check is returned/rejected. Notify the customer when the bill is paid. Alert the customer when Prepaid Balance reaches Alert the customer each day with Prepaid Balance and Usage Remind the customerday(s) before the due date. |
* E-mail Address is required
* Invalid E-mail Address
* Please confirm your e-mail address
\\n* Confirmation E-mail does not match with E-mail Address
\\n* Mobile Number is required
\\n* Invalid format. Mobile Number should be 10 digits
\\n* Invalid format. Mobile Number should be 10 digits
\\n* Mobile Provider is required
Alerts & Reminders
Account Number | E-mail Address | Mobile Number | View Full Detail |
|---|---|---|---|
| \\n{{account.MbrNo}} | {{account.EmailAddr}} | {{account.Cellphone}} | \\n |
\\n
Account No. {{MemberNo}}
Account Status: {{Service.Status}}
Amount Due: = 0\\\">${{Service.Balance| number:2}} \\n-${{Service.Balance * -1| number:2}}
\\nBilling Preference: {{BillingPreferenceDesc}}
Instructions
\\nTo enroll the selected account in E-Bill, change the Billing Method to \\'E-Bill\\'. An e-mail address will be required. You must also confirm your e-mail address before clicking \\nSAVE\\n. If you\\'d like the convenience of E-Bill but want to continue receiving paper, change the Billing Method to \\'Paper & E-Bill\\'. To stop receiving E-Bill Notifications at any time, simply change the Billing Method back to \\'Paper\\'.\\n
Billing Method:
\\nE-mail 1:
\\nConfirm E-mail 1:
\\nE-mail 2:
\\nConfirm E-mail 2:
Account No. {{vm.MemberNo}}
Account Status: {{vm.Account.Status}}
Address: {{vm.Account.ServiceAddress}}
\\nAccount Name: {{vm.Account.AccountName}}\\n
Due Date: {{vm.Account.DueDate}}
Amount Due: = 0\\\">${{vm.Account.Balance| number:2}} -${{vm.Account.Balance * -1| number:2}}
For Signing Up: \\nOnly ACTIVE\\n accounts and services can be enrolled in Budget/Levelized Billling. Select the desired type of billing (Budget Bill or Levelized Bill) and click \\nEDIT then SUBMIT\\n to sign up. The changes you make will be effective with the next billing.
For Removing: \\nOnce you are signed up for Budget/Levelized Billing, you will be able to see the list of your Enrolled Services\\n. To remove them from Budget/Levelized Billing, click EDIT then REMOVE.
\\n\\nBudget Bill \\nLevelized Bill
Please select the type of billing:
0 && vm.EnrolledServices.length === 0\\\" \\nclass=\\\"content-card content fullpage-datatable\\\" layout=\\\"column\\\" layout-gt-sm=\\\"row\\\">
Service ID | Description | Status | Balance | |
|---|---|---|---|---|
| \\n{{s.data.MemberSep.replace(s.data.MemberNo, s.data.MemberNo + \\\"-\\\")}} | =0\\\"> ${{s.data.Balance| number:2}} | \\n -${{s.data.Balance * -1| number:2}} |
0) || (vm.Enrolled && vm.HasExcludedService) && vm.EnrolledServices.length === 0\\\" \\nclass=\\\"content-card content fullpage-datatable\\\" layout=\\\"column\\\" layout-gt-sm=\\\"row\\\">
Service ID | Description | Status | Balance | \\nAmount | |
|---|---|---|---|---|---|
| \\n{{s.data.MemberSep.replace(s.data.MemberNo, s.data.MemberNo + \\\"-\\\")}} | =0\\\"> ${{s.data.Balance| number:2}} | \\n -${{s.data.Balance * -1| number:2}} | \\n\\n=0\\\">${{s.data.BudgetBillAmount| number:2}} -${{s.data.BudgetBillAmount * -1| number:2}} |
Service ID | Description | Status | Balance | Amount | |
|---|---|---|---|---|---|
| \\n{{s.data.MemberSep.replace(s.data.MemberNo, s.data.MemberNo + \\\"-\\\")}} | =0\\\"> ${{s.data.Balance| number:2}} | \\n -${{s.data.Balance * -1| number:2}} | \\n=0\\\">${{s.data.BudgetBillAmount| number:2}} -${{s.data.BudgetBillAmount * -1| number:2}} |
\\n\\n \\n\\n \\nEmail
\\n{{ office.EmailAddress }}
Telephone
\\n{{ office.Telephone }}
Working Hours
{{ office.WorkingHours }}
Services Provided
{{ office.Services }}
\\n
Account No. {{MemberNo}}
Account Status: {{Service.Status}}
Amount Due: = 0\\\">${{Service.Balance| number:2}} \\n-${{Service.Balance * -1| number:2}}
Delinquent Notice: {{BillingPreferenceDesc}}\\n
\\nTo enroll the selected account in E-Delinquent, change the Delinquent Method to \\'E-Delinquent\\'. An e-mail address will be required. You must also confirm your e-mail address before clicking \\nSAVE\\n. If you\\'d like the convenience of E-Delinquent, but want to continue receiving paper notices, change the Delinquent Method to \\'Paper & E-Delinquent\\'. To stop receiving E-Delinquent Notifications at any time, simply change the Delinquent Method back to \\'Paper\\'.\\n
Delinquent Method:\\n
E-mail 1:
\\n\\nConfirm E-mail 1:
E-mail 2:
Confirm E-mail 2:
\\nService ID | Name | Service Address | Consumer Deposits\\n | Paid Date \\n | Refund Date | Other Deposits | Paid Date | Refund Date |
|---|---|---|---|---|---|---|---|---|
| {{deposit.MemberSep}} | {{vm.depositDetailsExt.AccountName}} | \\n{{vm.depositDetailsExt.ServiceAddress}} | \\n{{deposit.ConsumerDeposit | currency }} | N/A\\n {{deposit.CDPaidDate}} | N/A {{deposit.CDRefundDate}} | \\n {{deposit.OtherDeposit | currency }} | \\nN/A {{deposit.ODRefundDate}} |
Account No.: {{vm.MemberNo}}
Account Status:\\n {{Service.Status}}
Svc Address: {{Service.ServiceAddress}}
Account Name: {{Service.AccountName}}
\\nPay by: {{Service.DueDate}}
Amount Due: \\n= 0\\\">${{Service.Balance| number:2}} -${{Service.Balance * -1| number:2}}
Please select the type of draft:
Usage
Payment Review -- Account Number {{vm.MemberNo}}
Payment Date | Amount | Check No | Approval Code |
|---|---|---|---|
| {{b.PaymentDate}} | {{ b.Amount| currency }} | {{b.CheckNo}} | {{b.ApprovalCode}} | \\n
\\nPrepaid Services History for {{ item.SystemDate | date : \\\"MM/dd/yy\\\"}}
![](\\\"assets/images/icons/close.png\\\"){kind=icon}
Service Id
Charges \\n
Payment
Adjustment
Reconciliation
Prepaid Balance
View Details
{{ p.MemberSep }}
\\n{{ p.Charges | number:2 }}
{{ p.Payment | number:2 }}
{{ p.Adjustment | number:2 }}
{{ p.Reconciliation | number:2 }}\\n
{{ p.Balance | number:2 }}\\n
\\n
Charges
Payment {{ p.Payment | number:2 }}
\\nAdjustment {{ p.Adjustment | number:2 }}
\\nReconciliation {{ p.Reconciliation | number: 2}}
\\n
\\n{{ PPMAccount.PaymentNotice }} {{ PPMAccount.PaymentNeeded | currency }}
Date
Charges \\n
Payment
Adjustment
Reconciliation
Prepaid Balance
\\nView History Breakdown
{{ p.SystemDate | date : \\\"MM/dd/yy\\\" }}
{{ p.Charges | number:2 }}
{{ p.Payment | number:2 }}\\n
\\n{{ p.Adjustment | number:2 }}
\\n{{ p.Reconciliation | number:2 }}
{{ p.Balance | number:2 }}
Charges
Payment {{ p.Payment | number:2 }}
Adjustment \\n{{ p.Adjustment | number:2 }}
Reconciliation \\n{{ p.Reconciliation | number: 2}}
Unable to load profile details.
0)\\\">
\\nThere are some validation errors:
- 0)\\\">\\nInvalid phone number. \\n
- 0)\\\">\\nInvalid phone number.
- 0)\\\">\\nInvalid phone number.
- 0)\\\">\\nInvalid phone number.
- 0)\\\">\\nInvalid phone number.
- 0)\\\">\\nInvalid phone number. \\n
- 0)\\\">\\nStreet Number is required.
- 0)\\\">Street / P.O. Box is required. \\n\\n
- 0)\\\">City is required. \\n\\n
- 0)\\\">\\nState is required.
- 0)\\\">\\nThe Postal Code is not in a correct format.
- 0)\\\">Zip is required. \\n
\\n\\n \\n\\n \\n \\n
\\n
Contact Information
Spouse Information
\\n\\n \\n
0 || (!vm.Model.state && saveCounter > 0)\\\">\\nState is required.
\\n
\\n
\\nAccount No.: {{vm.MemberNo}}
Account Status:\\n {{vm.Service.Status}}
Svc Address: {{vm.Service.ServiceAddress}}
Account Name:\\n {{vm.Service.AccountName}}
Pay by: {{vm.Service.DueDate}}\\n
0\\\">
Account Balance:\\n -${{vm.Service.Balance | number:2}}
\\nAccount Balance: ${{vm.Service.Balance * -1 | number:2}}
0\\\">
{{vm.ppmLabel}} \\n{{vm.Service.ppmMinPayment | currency}}
Amount Due: \\n{{ vm.Service.Balance | currency }}
Services
Service ID | Description | Status | Past Due | Balance\\n |
|---|---|---|---|---|
| \\n{{s.MemberSep.replace(s.MemberNo, s.MemberNo + \\\"-\\\")}} | \\n{{ s.PastDue | currency }} | {{ s.Balance | currency }} |
View PDF | Bill Date | Due Date\\n | Balance |
|---|---|---|---|
| \\n{{b.BillDate}} | {{b.DueDate}} | {{ b.Balance | currency }} |
\\n\\n
\");\n$templateCache.put(\"app/core/directives/ms-card/templates/template-1/template-1.html\",\"\\n
{{card.title}}
{{card.subtitle}}\\n
{{card.text}}
\\n
{{card.title}}
{{card.subtitle}}
{{card.text}}
{{card.title}}
\\n{{card.subtitle}}
{{card.text}}\\n
{{card.title}}
{{card.subtitle}}
{{card.title}}\\n
{{card.text}}
{{card.title}}
\\n{{card.event}}
\\n{{card.subtitle}}
{{card.title}}
{{card.text}}
{{card.title}}\\n
{{card.subtitle}}
{{card.text}}
{{card.title}}
{{card.subtitle}}\\n
{{card.text}}
{{card.title}}
\\n{{card.subtitle}}
{{card.text}}
{{paymentDetail.title}}
\\n| Service | \\n Past Due | Balance | \\n Payment Amount |
|---|---|---|---|
| \\n{{ account.MemberSep }} | \\n {{ account.PastDue | currency }} | {{ account.Balance | currency }} | \\n |
\\n
Past Due Amount: {{paymentDetail.AccountServices.PaymentDetails.totalPastDueDisplay | currency}}
\\nPayment Amount:
\\nNote: \\'Total\\' amount does not include any credit balances. Payment amount can be edited.
\\nConvenience Fee: {{paymentDetail.AccountServices.PaymentDetails.convenienceFee | currency}}
\\nTotal Payment Amount: {{paymentDetail.AccountServices.PaymentDetails.totalPaymentAmount | currency}}
Calculating...
\\n\\nPlease do not click \\\"Pay Now\\\" more than once or you may be charged multiple times. \\n
\");\n$templateCache.put(\"app/main/msportal/views/payment/profile/eCheck.html\",\"Payment Receipt
Thank you for your payment.
\\nThis page serves as your receipt and provides you with a Confirmation number.
\\nPlease save this information for your records.
\\nConfirmation Number: {{vm.detail.title}}
| Service | Account | Amount |
|---|---|---|
| {{account.Account}}\\n | ${{account.Amount | number:2}} |
| Total: | \\n${{vm.detail.PaymentDetails.totalAmount| number:2}} |
| Convenience Fee:\\n | \\n${{vm.detail.PaymentDetails.convenienceFee| number:2}} |
| Total Payment Amount: | \\n${{vm.detail.PaymentDetails.totalPaymentAmount| number:2}} |
\\nView Usage
Please select a service.
\\nView Usage
Please select a service.
\\nView Usage