');\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 vm.mobileBarActive = 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 vm.toggleMobileBar = toggleMobileBar;\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 * Toggle mobile bar\r\n */\r\n function toggleMobileBar()\r\n {\r\n vm.mobileBarActive = !vm.mobileBarActive;\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 .directive('msSidenavHelper', msSidenavHelperDirective);\r\n\r\n /** @ngInject */\r\n function msSidenavHelperDirective()\r\n {\r\n return {\r\n restrict: 'A',\r\n require : '^mdSidenav',\r\n link : function (scope, iElement, iAttrs, MdSidenavCtrl)\r\n {\r\n // Watch md-sidenav open & locked open statuses\r\n // and add class to the \".page-layout\" if only\r\n // the sidenav open and NOT locked open\r\n scope.$watch(function ()\r\n {\r\n return MdSidenavCtrl.isOpen() && !MdSidenavCtrl.isLockedOpen();\r\n }, function (current)\r\n {\r\n if ( angular.isUndefined(current) )\r\n {\r\n return;\r\n }\r\n\r\n iElement.parent().toggleClass('full-height', current);\r\n angular.element('html').toggleClass('sidenav-open', current);\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('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 .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 .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\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 = 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)\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\r\n /** @ngInject */\r\n function msNavigationDirective($rootScope, $timeout, $mdSidenav, msNavigationService)\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 scope.$on('$stateChangeStart', function ()\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)\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\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 $scope.$on('$stateChangeSuccess', function ()\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\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 $scope.$on('$stateChangeSuccess', function ()\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 .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()\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)\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 = $rootScope.$on('$stateChangeSuccess', function ()\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})();\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 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 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 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 /** @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})();\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 respectItemOrder: false,\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 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, column, refTop;\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 if ( vm.options.respectItemOrder )\r\n {\r\n column = i % vm.columnCount;\r\n refTop = referenceArr[column];\r\n }\r\n else\r\n {\r\n refTop = Math.min.apply(Math, referenceArr);\r\n column = referenceArr.indexOf(refTop);\r\n }\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 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 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 .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{\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 .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 /** @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 angular\r\n .module('app.core')\r\n .service('fuseTheming', fuseThemingService);\r\n\r\n /** @ngInject */\r\n function fuseThemingService($cookies, $log, $mdTheming)\r\n {\r\n var service = {\r\n getRegisteredPalettes: getRegisteredPalettes,\r\n getRegisteredThemes : getRegisteredThemes,\r\n setActiveTheme : setActiveTheme,\r\n setThemesList : setThemesList,\r\n themes : {\r\n list : {},\r\n active: {\r\n 'name' : '',\r\n 'theme': {}\r\n }\r\n }\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Get registered palettes\r\n *\r\n * @returns {*}\r\n */\r\n function getRegisteredPalettes()\r\n {\r\n return $mdTheming.PALETTES;\r\n }\r\n\r\n /**\r\n * Get registered themes\r\n *\r\n * @returns {*}\r\n */\r\n function getRegisteredThemes()\r\n {\r\n return $mdTheming.THEMES;\r\n }\r\n\r\n /**\r\n * Set active theme\r\n *\r\n * @param themeName\r\n */\r\n function setActiveTheme(themeName)\r\n {\r\n // If theme does not exist, fallback to the default theme\r\n if ( angular.isUndefined(service.themes.list[themeName]) )\r\n {\r\n // If there is no theme called \"default\"...\r\n if ( angular.isUndefined(service.themes.list.default) )\r\n {\r\n $log.error('You must have at least one theme named \"default\"');\r\n return;\r\n }\r\n\r\n $log.warn('The theme \"' + themeName + '\" does not exist! Falling back to the \"default\" theme.');\r\n\r\n // Otherwise set theme to default theme\r\n service.themes.active.name = 'default';\r\n service.themes.active.theme = service.themes.list.default;\r\n $cookies.put('selectedTheme', service.themes.active.name);\r\n\r\n return;\r\n }\r\n\r\n service.themes.active.name = themeName;\r\n service.themes.active.theme = service.themes.list[themeName];\r\n $cookies.put('selectedTheme', themeName);\r\n }\r\n\r\n /**\r\n * Set available themes list\r\n *\r\n * @param themeList\r\n */\r\n function setThemesList(themeList)\r\n {\r\n service.themes.list = themeList;\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 .config(config);\r\n\r\n /** @ngInject */\r\n function config($mdThemingProvider, fusePalettes, fuseThemes)\r\n {\r\n\r\n $mdThemingProvider.theme(\"success-toast\");\r\n $mdThemingProvider.theme(\"error-toast\");\r\n\r\n // Inject Cookies Service\r\n var $cookies;\r\n angular.injector(['ngCookies']).invoke([\r\n '$cookies', function (_$cookies)\r\n {\r\n $cookies = _$cookies;\r\n }\r\n ]);\r\n\r\n // Check if custom theme exist in cookies\r\n var customTheme = $cookies.getObject('customTheme');\r\n if ( customTheme )\r\n {\r\n fuseThemes['custom'] = customTheme;\r\n }\r\n\r\n $mdThemingProvider.alwaysWatchTheme(true);\r\n\r\n // Define custom palettes\r\n angular.forEach(fusePalettes, function (palette)\r\n {\r\n $mdThemingProvider.definePalette(palette.name, palette.options);\r\n });\r\n\r\n // Register custom themes\r\n angular.forEach(fuseThemes, function (theme, themeName)\r\n {\r\n $mdThemingProvider.theme(themeName)\r\n .primaryPalette(theme.primary.name, theme.primary.hues)\r\n .accentPalette(theme.accent.name, theme.accent.hues)\r\n .warnPalette(theme.warn.name, theme.warn.hues)\r\n .backgroundPalette(theme.background.name, theme.background.hues);\r\n });\r\n }\r\n\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n var fuseThemes = {\r\n default : {\r\n primary : {\r\n name: 'fuse-paleblue',\r\n hues: {\r\n 'default': '700',\r\n 'hue-1' : '500',\r\n 'hue-2' : '600',\r\n 'hue-3' : '400'\r\n }\r\n },\r\n accent : {\r\n name: 'yellow',\r\n hues: {\r\n 'default': '100',\r\n 'hue-1' : '400',\r\n 'hue-2' : '700',\r\n 'hue-3' : 'A100'\r\n }\r\n },\r\n warn : {\r\n name: 'red'\r\n },\r\n background: {\r\n name: 'grey',\r\n hues: {\r\n 'default': 'A100',\r\n 'hue-1' : 'A100',\r\n 'hue-2' : '100',\r\n 'hue-3' : '300'\r\n }\r\n }\r\n },\r\n 'pinkTheme': {\r\n primary : {\r\n name: 'blue-grey',\r\n hues: {\r\n 'default': '800',\r\n 'hue-1' : '600',\r\n 'hue-2' : '400',\r\n 'hue-3' : 'A100'\r\n }\r\n },\r\n accent : {\r\n name: 'pink',\r\n hues: {\r\n 'default': '400',\r\n 'hue-1' : '300',\r\n 'hue-2' : '600',\r\n 'hue-3' : 'A100'\r\n }\r\n },\r\n warn : {\r\n name: 'blue'\r\n },\r\n background: {\r\n name: 'grey',\r\n hues: {\r\n 'default': 'A100',\r\n 'hue-1' : 'A100',\r\n 'hue-2' : '100',\r\n 'hue-3' : '300'\r\n }\r\n }\r\n },\r\n 'tealTheme': {\r\n primary : {\r\n name: 'fuse-blue',\r\n hues: {\r\n 'default': '900',\r\n 'hue-1' : '600',\r\n 'hue-2' : '500',\r\n 'hue-3' : 'A100'\r\n }\r\n },\r\n accent : {\r\n name: 'teal',\r\n hues: {\r\n 'default': '500',\r\n 'hue-1' : '400',\r\n 'hue-2' : '600',\r\n 'hue-3' : 'A100'\r\n }\r\n },\r\n warn : {\r\n name: 'deep-orange'\r\n },\r\n background: {\r\n name: 'grey',\r\n hues: {\r\n 'default': 'A100',\r\n 'hue-1' : 'A100',\r\n 'hue-2' : '100',\r\n 'hue-3' : '300'\r\n }\r\n }\r\n }\r\n };\r\n\r\n angular\r\n .module('app.core')\r\n .constant('fuseThemes', fuseThemes);\r\n})();\n(function () {\r\n 'use strict';\r\n\r\n var fusePalettes = [\r\n {\r\n name: 'yellow',\r\n options: {\r\n '50': '#000', //background menu with focus\r\n '100': '#4ED9FF', //background top pages\r\n '200': '#9ab8e5',\r\n '300': '#78a0dc',\r\n '400': '#5688d3',\r\n '500': '#3470ca',\r\n '600': '#2e62b1',\r\n '700': '#275498',\r\n '800': '#21467e',\r\n '900': '#1a3865',\r\n 'A100': '#c2d4ef',\r\n 'A200': '#9ab8e5',\r\n 'A400': '#5688d3',\r\n 'A700': '#275498',\r\n 'contrastDefaultColor': 'light',\r\n 'contrastDarkColors': '50 100 200 A100',\r\n 'contrastStrongLightColors': '300 400'\r\n }\r\n },\r\n {\r\n name: 'fuse-blue',\r\n options: {\r\n '50': '#ebf1fa',\r\n '100': '#c2d4ef',\r\n '200': '#9ab8e5',\r\n '300': '#78a0dc',\r\n '400': '#5688d3',\r\n '500': '#3470ca',\r\n '600': '#2e62b1',\r\n '700': '#275498',\r\n '800': '#21467e',\r\n '900': '#1a3865',\r\n 'A100': '#c2d4ef',\r\n 'A200': '#9ab8e5',\r\n 'A400': '#5688d3',\r\n 'A700': '#275498',\r\n 'contrastDefaultColor': 'light',\r\n 'contrastDarkColors': '50 100 200 A100',\r\n 'contrastStrongLightColors': '300 400'\r\n }\r\n },\r\n {\r\n name: 'fuse-paleblue',\r\n options: {\r\n '50': '#ececee',\r\n '100': '#c5c6cb',\r\n '200': '#9ea1a9',\r\n '300': '#7d818c',\r\n '400': '#5c616f',\r\n '500': '#3c4252',\r\n '600': '#353a48',\r\n '700': '#2d323e',\r\n '800': '#262933',\r\n '900': '#1e2129',\r\n 'A100': '#c5c6cb',\r\n 'A200': '#9ea1a9',\r\n 'A400': '#5c616f',\r\n 'A700': '#2d323e',\r\n 'contrastDefaultColor': 'light',\r\n 'contrastDarkColors': '50 100 200 A100',\r\n 'contrastStrongLightColors': '300 400'\r\n }\r\n }\r\n ];\r\n\r\n angular\r\n .module('app.core')\r\n .constant('fusePalettes', fusePalettes);\r\n})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .factory('fuseGenerator', fuseGeneratorService);\r\n\r\n /** @ngInject */\r\n function fuseGeneratorService($cookies, $log, fuseTheming)\r\n {\r\n // Storage for simplified themes object\r\n var themes = {};\r\n\r\n var service = {\r\n generate: generate,\r\n rgba : rgba\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Generate less variables for each theme from theme's\r\n * palette by using material color naming conventions\r\n */\r\n function generate()\r\n {\r\n // Get registered themes and palettes and copy\r\n // them so we don't modify the original objects\r\n var registeredThemes = angular.copy(fuseTheming.getRegisteredThemes());\r\n var registeredPalettes = angular.copy(fuseTheming.getRegisteredPalettes());\r\n\r\n // First, create a simplified object that stores\r\n // all registered themes and their colors\r\n\r\n // Iterate through registered themes\r\n angular.forEach(registeredThemes, function (registeredTheme)\r\n {\r\n themes[registeredTheme.name] = {};\r\n\r\n // Iterate through color types (primary, accent, warn & background)\r\n angular.forEach(registeredTheme.colors, function (colorType, colorTypeName)\r\n {\r\n themes[registeredTheme.name][colorTypeName] = {\r\n 'name' : colorType.name,\r\n 'levels': {\r\n 'default': {\r\n 'color' : rgba(registeredPalettes[colorType.name][colorType.hues.default].value),\r\n 'contrast1': rgba(registeredPalettes[colorType.name][colorType.hues.default].contrast, 1),\r\n 'contrast2': rgba(registeredPalettes[colorType.name][colorType.hues.default].contrast, 2),\r\n 'contrast3': rgba(registeredPalettes[colorType.name][colorType.hues.default].contrast, 3),\r\n 'contrast4': rgba(registeredPalettes[colorType.name][colorType.hues.default].contrast, 4)\r\n },\r\n 'hue1' : {\r\n 'color' : rgba(registeredPalettes[colorType.name][colorType.hues['hue-1']].value),\r\n 'contrast1': rgba(registeredPalettes[colorType.name][colorType.hues['hue-1']].contrast, 1),\r\n 'contrast2': rgba(registeredPalettes[colorType.name][colorType.hues['hue-1']].contrast, 2),\r\n 'contrast3': rgba(registeredPalettes[colorType.name][colorType.hues['hue-1']].contrast, 3),\r\n 'contrast4': rgba(registeredPalettes[colorType.name][colorType.hues['hue-1']].contrast, 4)\r\n },\r\n 'hue2' : {\r\n 'color' : rgba(registeredPalettes[colorType.name][colorType.hues['hue-2']].value),\r\n 'contrast1': rgba(registeredPalettes[colorType.name][colorType.hues['hue-2']].contrast, 1),\r\n 'contrast2': rgba(registeredPalettes[colorType.name][colorType.hues['hue-2']].contrast, 2),\r\n 'contrast3': rgba(registeredPalettes[colorType.name][colorType.hues['hue-2']].contrast, 3),\r\n 'contrast4': rgba(registeredPalettes[colorType.name][colorType.hues['hue-2']].contrast, 4)\r\n },\r\n 'hue3' : {\r\n 'color' : rgba(registeredPalettes[colorType.name][colorType.hues['hue-3']].value),\r\n 'contrast1': rgba(registeredPalettes[colorType.name][colorType.hues['hue-3']].contrast, 1),\r\n 'contrast2': rgba(registeredPalettes[colorType.name][colorType.hues['hue-3']].contrast, 2),\r\n 'contrast3': rgba(registeredPalettes[colorType.name][colorType.hues['hue-3']].contrast, 3),\r\n 'contrast4': rgba(registeredPalettes[colorType.name][colorType.hues['hue-3']].contrast, 4)\r\n }\r\n }\r\n };\r\n });\r\n });\r\n\r\n // Process themes one more time and then store them in the service for external use\r\n processAndStoreThemes(themes);\r\n\r\n // Iterate through simplified themes\r\n // object and create style variables\r\n var styleVars = {};\r\n\r\n // Iterate through registered themes\r\n angular.forEach(themes, function (theme, themeName)\r\n {\r\n styleVars = {};\r\n styleVars['@themeName'] = themeName;\r\n\r\n // Iterate through color types (primary, accent, warn & background)\r\n angular.forEach(theme, function (colorTypes, colorTypeName)\r\n {\r\n // Iterate through color levels (default, hue1, hue2 & hue3)\r\n angular.forEach(colorTypes.levels, function (colors, colorLevelName)\r\n {\r\n // Iterate through color name (color, contrast1, contrast2, contrast3 & contrast4)\r\n angular.forEach(colors, function (color, colorName)\r\n {\r\n styleVars['@' + colorTypeName + ucfirst(colorLevelName) + ucfirst(colorName)] = color;\r\n });\r\n });\r\n });\r\n\r\n // Render styles\r\n render(styleVars);\r\n });\r\n }\r\n\r\n // ---------------------------\r\n // INTERNAL HELPER FUNCTIONS\r\n // ---------------------------\r\n\r\n /**\r\n * Process and store themes for global use\r\n *\r\n * @param _themes\r\n */\r\n function processAndStoreThemes(_themes)\r\n {\r\n // Here we will go through every registered theme one more time\r\n // and try to simplify their objects as much as possible for\r\n // easier access to their properties.\r\n var themes = angular.copy(_themes);\r\n\r\n // Iterate through themes\r\n angular.forEach(themes, function (theme)\r\n {\r\n // Iterate through color types (primary, accent, warn & background)\r\n angular.forEach(theme, function (colorType, colorTypeName)\r\n {\r\n theme[colorTypeName] = colorType.levels;\r\n theme[colorTypeName].color = colorType.levels.default.color;\r\n theme[colorTypeName].contrast1 = colorType.levels.default.contrast1;\r\n theme[colorTypeName].contrast2 = colorType.levels.default.contrast2;\r\n theme[colorTypeName].contrast3 = colorType.levels.default.contrast3;\r\n theme[colorTypeName].contrast4 = colorType.levels.default.contrast4;\r\n delete theme[colorTypeName].default;\r\n });\r\n });\r\n\r\n // Store themes and set selected theme for the first time\r\n fuseTheming.setThemesList(themes);\r\n\r\n // Remember selected theme.\r\n var selectedTheme = $cookies.get('selectedTheme');\r\n\r\n if ( selectedTheme )\r\n {\r\n fuseTheming.setActiveTheme(selectedTheme);\r\n }\r\n else\r\n {\r\n fuseTheming.setActiveTheme('default');\r\n }\r\n }\r\n\r\n\r\n /**\r\n * Render css files\r\n *\r\n * @param styleVars\r\n */\r\n function render(styleVars)\r\n {\r\n var cssTemplate = '/* Content hack because they wont fix */\\n/* https://github.com/angular/material/pull/8067 */\\n[md-theme=\"@themeName\"] md-content.md-hue-1,\\nmd-content.md-@themeName-theme.md-hue-1 {\\n color: @backgroundHue1Contrast1;\\n background-color: @backgroundHue1Color;\\n}\\n\\n[md-theme=\"@themeName\"] md-content.md-hue-2,\\nmd-content.md-@themeName-theme.md-hue-2 {\\n color: @backgroundHue2Contrast1;\\n background-color: @backgroundHue2Color;\\n}\\n\\n[md-theme=\"@themeName\"] md-content.md-hue-3,\\n md-content.md-@themeName-theme.md-hue-3 {\\n color: @backgroundHue3Contrast1;\\n background-color: @backgroundHue3Color;\\n}\\n\\n/* Text Colors */\\n[md-theme=\"@themeName\"] a {\\n color: @accentDefaultColor;\\n}\\n\\n[md-theme=\"@themeName\"] .secondary-text,\\n[md-theme=\"@themeName\"] .icon {\\n color: @backgroundDefaultContrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .hint-text,\\n[md-theme=\"@themeName\"] .disabled-text {\\n color: @backgroundDefaultContrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .fade-text,\\n[md-theme=\"@themeName\"] .divider {\\n color: @backgroundDefaultContrast4;\\n}\\n\\n/* Primary */\\n[md-theme=\"@themeName\"] .md-primary-bg {\\n background-color: @primaryDefaultColor;\\n color: @primaryDefaultContrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg .secondary-text,\\n[md-theme=\"@themeName\"] .md-primary-bg .icon {\\n color: @primaryDefaultContrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg .hint-text,\\n[md-theme=\"@themeName\"] .md-primary-bg .disabled-text {\\n color: @primaryDefaultContrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg .fade-text,\\n[md-theme=\"@themeName\"] .md-primary-bg .divider {\\n color: @primaryDefaultContrast4;\\n}\\n\\n/* Primary, Hue-1 */\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 {\\n background-color: @primaryHue1Color;\\n color: @primaryHue1Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .secondary-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .icon {\\n color: @primaryHue1Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .hint-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .disabled-text {\\n color: @primaryHue1Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .fade-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-1 .divider {\\n color: @primaryHue1Contrast4;\\n}\\n\\n/* Primary, Hue-2 */\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 {\\n background-color: @primaryHue2Color;\\n color: @primaryHue2Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .secondary-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .icon {\\n color: @primaryHue2Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .hint-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .disabled-text {\\n color: @primaryHue2Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .fade-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-2 .divider {\\n color: @primaryHue2Contrast4;\\n}\\n\\n/* Primary, Hue-3 */\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 {\\n background-color: @primaryHue3Color;\\n color: @primaryHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .secondary-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .icon {\\n color: @primaryHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .hint-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .disabled-text {\\n color: @primaryHue3Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .fade-text,\\n[md-theme=\"@themeName\"] .md-primary-bg.md-hue-3 .divider {\\n color: @primaryHue3Contrast4;\\n}\\n\\n/* Primary foreground */\\n[md-theme=\"@themeName\"] .md-primary-fg {\\n color: @primaryDefaultColor !important;\\n}\\n\\n/* Primary foreground, Hue-1 */\\n[md-theme=\"@themeName\"] .md-primary-fg.md-hue-1 {\\n color: @primaryHue1Color !important;\\n}\\n\\n/* Primary foreground, Hue-2 */\\n[md-theme=\"@themeName\"] .md-primary-fg.md-hue-2 {\\n color: @primaryHue2Color !important;\\n}\\n\\n/* Primary foreground, Hue-3 */\\n[md-theme=\"@themeName\"] .md-primary-fg.md-hue-3 {\\n color: @primaryHue3Color !important;\\n}\\n\\n/* Accent */\\n[md-theme=\"@themeName\"] .md-accent-bg {\\n background-color: @accentDefaultColor;\\n color: @accentDefaultContrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg .secondary-text,\\n[md-theme=\"@themeName\"] .md-accent-bg .icon {\\n color: @accentDefaultContrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg .hint-text,\\n[md-theme=\"@themeName\"] .md-accent-bg .disabled-text {\\n color: @accentDefaultContrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg .fade-text,\\n[md-theme=\"@themeName\"] .md-accent-bg .divider {\\n color: @accentDefaultContrast4;\\n}\\n\\n/* Accent, Hue-1 */\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 {\\n background-color: @accentHue1Color;\\n color: @accentHue1Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .secondary-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .icon {\\n color: @accentHue1Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .hint-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .disabled-text {\\n color: @accentHue1Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .fade-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-1 .divider {\\n color: @accentHue1Contrast4;\\n}\\n\\n/* Accent, Hue-2 */\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 {\\n background-color: @accentHue2Color;\\n color: @accentHue2Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .secondary-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .icon {\\n color: @accentHue2Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .hint-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .disabled-text {\\n color: @accentHue2Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .fade-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-2 .divider {\\n color: @accentHue2Contrast4;\\n}\\n\\n/* Accent, Hue-3 */\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 {\\n background-color: @accentHue3Color;\\n color: @accentHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .secondary-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .icon {\\n color: @accentHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .hint-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .disabled-text {\\n color: @accentHue3Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .fade-text,\\n[md-theme=\"@themeName\"] .md-accent-bg.md-hue-3 .divider {\\n color: @accentHue3Contrast4;\\n}\\n\\n/* Accent foreground */\\n[md-theme=\"@themeName\"] .md-accent-fg {\\n color: @accentDefaultColor !important;\\n}\\n\\n/* Accent foreground, Hue-1 */\\n[md-theme=\"@themeName\"] .md-accent-fg.md-hue-1 {\\n color: @accentHue1Color !important;\\n}\\n\\n/* Accent foreground, Hue-2 */\\n[md-theme=\"@themeName\"] .md-accent-fg.md-hue-2 {\\n color: @accentHue2Color !important;\\n}\\n\\n/* Accent foreground, Hue-3 */\\n[md-theme=\"@themeName\"] .md-accent-fg.md-hue-3 {\\n color: @accentHue3Color !important;\\n}\\n\\n/* Warn */\\n[md-theme=\"@themeName\"] .md-warn-bg {\\n background-color: @warnDefaultColor;\\n color: @warnDefaultContrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg .secondary-text,\\n[md-theme=\"@themeName\"] .md-warn-bg .icon {\\n color: @warnDefaultContrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg .hint-text,\\n[md-theme=\"@themeName\"] .md-warn-bg .disabled-text {\\n color: @warnDefaultContrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg .fade-text,\\n[md-theme=\"@themeName\"] .md-warn-bg .divider {\\n color: @warnDefaultContrast4;\\n}\\n\\n/* Warn, Hue-1 */\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 {\\n background-color: @warnHue1Color;\\n color: @warnHue1Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .secondary-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .icon {\\n color: @warnHue1Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .hint-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .disabled-text {\\n color: @warnHue1Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .fade-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-1 .divider {\\n color: @warnHue1Contrast4;\\n}\\n\\n/* Warn, Hue-2 */\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 {\\n background-color: @warnHue2Color;\\n color: @warnHue2Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .secondary-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .icon {\\n color: @warnHue2Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .hint-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .disabled-text {\\n color: @warnHue2Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .fade-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-2 .divider {\\n color: @warnHue2Contrast4;\\n}\\n\\n/* Warn, Hue-3 */\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 {\\n background-color: @warnHue3Color;\\n color: @warnHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .secondary-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .icon {\\n color: @warnHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .hint-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .disabled-text {\\n color: @warnHue3Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .fade-text,\\n[md-theme=\"@themeName\"] .md-warn-bg.md-hue-3 .divider {\\n color: @warnHue3Contrast4;\\n}\\n\\n/* Warn foreground */\\n[md-theme=\"@themeName\"] .md-warn-fg {\\n color: @warnDefaultColor !important;\\n}\\n\\n/* Warn foreground, Hue-1 */\\n[md-theme=\"@themeName\"] .md-warn-fg.md-hue-1 {\\n color: @warnHue1Color !important;\\n}\\n\\n/* Warn foreground, Hue-2 */\\n[md-theme=\"@themeName\"] .md-warn-fg.md-hue-2 {\\n color: @warnHue2Color !important;\\n}\\n\\n/* Warn foreground, Hue-3 */\\n[md-theme=\"@themeName\"] .md-warn-fg.md-hue-3 {\\n color: @warnHue3Color !important;\\n}\\n\\n/* Background */\\n[md-theme=\"@themeName\"] .md-background-bg {\\n background-color: @backgroundDefaultColor;\\n color: @backgroundDefaultContrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg .secondary-text,\\n[md-theme=\"@themeName\"] .md-background-bg .icon {\\n color: @backgroundDefaultContrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg .hint-text,\\n[md-theme=\"@themeName\"] .md-background-bg .disabled-text {\\n color: @backgroundDefaultContrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg .fade-text,\\n[md-theme=\"@themeName\"] .md-background-bg .divider {\\n color: @backgroundDefaultContrast4;\\n}\\n\\n/* Background, Hue-1 */\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 {\\n background-color: @backgroundHue1Color;\\n color: @backgroundHue1Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .secondary-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .icon {\\n color: @backgroundHue1Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .hint-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .disabled-text {\\n color: @backgroundHue1Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .fade-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-1 .divider {\\n color: @backgroundHue1Contrast4;\\n}\\n\\n/* Background, Hue-2 */\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 {\\n background-color: @backgroundHue2Color;\\n color: @backgroundHue2Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .secondary-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .icon {\\n color: @backgroundHue2Contrast2;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .hint-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .disabled-text {\\n color: @backgroundHue2Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .fade-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-2 .divider {\\n color: @backgroundHue2Contrast4;\\n}\\n\\n/* Background, Hue-3 */\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 {\\n background-color: @backgroundHue3Color;\\n color: @backgroundHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .secondary-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .icon {\\n color: @backgroundHue3Contrast1;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .hint-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .disabled-text {\\n color: @backgroundHue3Contrast3;\\n}\\n\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .fade-text,\\n[md-theme=\"@themeName\"] .md-background-bg.md-hue-3 .divider {\\n color: @backgroundHue3Contrast4;\\n}\\n\\n/* Background foreground */\\n[md-theme=\"@themeName\"] .md-background-fg {\\n color: @backgroundDefaultColor !important;\\n}\\n\\n/* Background foreground, Hue-1 */\\n[md-theme=\"@themeName\"] .md-background-fg.md-hue-1 {\\n color: @backgroundHue1Color !important;\\n}\\n\\n/* Background foreground, Hue-2 */\\n[md-theme=\"@themeName\"] .md-background-fg.md-hue-2 {\\n color: @backgroundHue2Color !important;\\n}\\n\\n/* Background foreground, Hue-3 */\\n[md-theme=\"@themeName\"] .md-background-fg.md-hue-3 {\\n color: @backgroundHue3Color !important;\\n}';\r\n\r\n var regex = new RegExp(Object.keys(styleVars).join('|'), 'gi');\r\n var css = cssTemplate.replace(regex, function (matched)\r\n {\r\n return styleVars[matched];\r\n });\r\n\r\n var headEl = angular.element('head');\r\n var styleEl = angular.element('');\r\n styleEl.html(css);\r\n headEl.append(styleEl);\r\n }\r\n\r\n /**\r\n * Convert color array to rgb/rgba\r\n * Also apply contrasts if needed\r\n *\r\n * @param color\r\n * @param _contrastLevel\r\n * @returns {string}\r\n */\r\n function rgba(color, _contrastLevel)\r\n {\r\n var contrastLevel = _contrastLevel || false;\r\n\r\n // Convert 255,255,255,0.XX to 255,255,255\r\n // According to Google's Material design specs, white primary\r\n // text must have opacity of 1 and we will fix that here\r\n // because Angular Material doesn't care about that spec\r\n if ( color.length === 4 && color[0] === 255 && color[1] === 255 && color[2] === 255 )\r\n {\r\n color.splice(3, 4);\r\n }\r\n\r\n // If contrast level provided, apply it to the current color\r\n if ( contrastLevel )\r\n {\r\n color = applyContrast(color, contrastLevel);\r\n }\r\n\r\n // Convert color array to color string (rgb/rgba)\r\n if ( color.length === 3 )\r\n {\r\n return 'rgb(' + color.join(',') + ')';\r\n }\r\n else if ( color.length === 4 )\r\n {\r\n return 'rgba(' + color.join(',') + ')';\r\n }\r\n else\r\n {\r\n $log.error('Invalid number of arguments supplied in the color array: ' + color.length + '\\n' + 'The array must have 3 or 4 colors.');\r\n }\r\n }\r\n\r\n /**\r\n * Apply given contrast level to the given color\r\n *\r\n * @param color\r\n * @param contrastLevel\r\n */\r\n function applyContrast(color, contrastLevel)\r\n {\r\n var contrastLevels = {\r\n 'white': {\r\n '1': '1',\r\n '2': '0.7',\r\n '3': '0.3',\r\n '4': '0.12'\r\n },\r\n 'black': {\r\n '1': '0.87',\r\n '2': '0.54',\r\n '3': '0.26',\r\n '4': '0.12'\r\n }\r\n };\r\n\r\n // If white\r\n if ( color[0] === 255 && color[1] === 255 && color[2] === 255 )\r\n {\r\n color[3] = contrastLevels.white[contrastLevel];\r\n }\r\n // If black\r\n else if ( color[0] === 0 && color[1] === 0 && color[2] === 0 )\r\n {\r\n color[3] = contrastLevels.black[contrastLevel];\r\n }\r\n\r\n return color;\r\n }\r\n\r\n /**\r\n * Uppercase first\r\n */\r\n function ucfirst(string)\r\n {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\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('MsThemeOptionsController', MsThemeOptionsController)\r\n .directive('msThemeOptions', msThemeOptions);\r\n\r\n /** @ngInject */\r\n function MsThemeOptionsController($cookies, fuseTheming)\r\n {\r\n var vm = this;\r\n\r\n // Data\r\n vm.themes = fuseTheming.themes;\r\n\r\n vm.layoutModes = [\r\n {\r\n label: 'Boxed',\r\n value: 'boxed'\r\n },\r\n {\r\n label: 'Wide',\r\n value: 'wide'\r\n }\r\n ];\r\n vm.layoutStyles = [\r\n {\r\n label : 'Vertical Navigation',\r\n value : 'verticalNavigation',\r\n figure: '/assets/images/theme-options/vertical-nav.jpg'\r\n },\r\n {\r\n label : 'Vertical Navigation with Fullwidth Toolbar',\r\n value : 'verticalNavigationFullwidthToolbar',\r\n figure: '/assets/images/theme-options/vertical-nav-with-full-toolbar.jpg'\r\n },\r\n {\r\n label : 'Vertical Navigation with Fullwidth Toolbar 2',\r\n value : 'verticalNavigationFullwidthToolbar2',\r\n figure: '/assets/images/theme-options/vertical-nav-with-full-toolbar-2.jpg'\r\n },\r\n {\r\n label : 'Horizontal Navigation',\r\n value : 'horizontalNavigation',\r\n figure: '/assets/images/theme-options/horizontal-nav.jpg'\r\n },\r\n {\r\n label : 'Content with Toolbar',\r\n value : 'contentWithToolbar',\r\n figure: '/assets/images/theme-options/content-with-toolbar.jpg'\r\n },\r\n {\r\n label : 'Content Only',\r\n value : 'contentOnly',\r\n figure: '/assets/images/theme-options/content-only.jpg'\r\n },\r\n ];\r\n\r\n vm.layoutMode = 'wide';\r\n vm.layoutStyle = $cookies.get('layoutStyle') || 'verticalNavigation';\r\n\r\n // Methods\r\n vm.setActiveTheme = setActiveTheme;\r\n vm.getActiveTheme = getActiveTheme;\r\n vm.updateLayoutMode = updateLayoutMode;\r\n vm.updateLayoutStyle = updateLayoutStyle;\r\n\r\n //////////\r\n\r\n /**\r\n * Set active theme\r\n *\r\n * @param themeName\r\n */\r\n function setActiveTheme(themeName)\r\n {\r\n fuseTheming.setActiveTheme(themeName);\r\n }\r\n\r\n /**\r\n * Get active theme\r\n *\r\n * @returns {service.themes.active|{name, theme}}\r\n */\r\n function getActiveTheme()\r\n {\r\n return fuseTheming.themes.active;\r\n }\r\n\r\n /**\r\n * Update layout mode\r\n */\r\n function updateLayoutMode()\r\n {\r\n var bodyEl = angular.element('body');\r\n\r\n // Update class on body element\r\n bodyEl.toggleClass('boxed', (vm.layoutMode === 'boxed'));\r\n }\r\n\r\n /**\r\n * Update layout style\r\n */\r\n function updateLayoutStyle()\r\n {\r\n // Update the cookie\r\n $cookies.put('layoutStyle', vm.layoutStyle);\r\n\r\n // Reload the page to apply the changes\r\n location.reload();\r\n }\r\n }\r\n\r\n /** @ngInject */\r\n function msThemeOptions($mdSidenav)\r\n {\r\n return {\r\n restrict : 'E',\r\n scope : {},\r\n controller : 'MsThemeOptionsController as vm',\r\n templateUrl: 'app/core/theme-options/theme-options.html',\r\n compile : function (tElement)\r\n {\r\n tElement.addClass('ms-theme-options');\r\n\r\n return function postLink(scope)\r\n {\r\n /**\r\n * Toggle options sidenav\r\n */\r\n function toggleOptionsSidenav()\r\n {\r\n // Toggle the fuse theme options panel\r\n $mdSidenav('fuse-theme-options').toggle();\r\n }\r\n\r\n // Expose the toggle function\r\n scope.toggleOptionsSidenav = toggleOptionsSidenav;\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 .factory('msUtils', msUtils);\r\n\r\n /** @ngInject */\r\n function msUtils($window)\r\n {\r\n // Private variables\r\n var mobileDetect = new MobileDetect($window.navigator.userAgent),\r\n browserInfo = null;\r\n\r\n var service = {\r\n exists : exists,\r\n detectBrowser: detectBrowser,\r\n guidGenerator: guidGenerator,\r\n isMobile : isMobile,\r\n toggleInArray: toggleInArray\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Check if item exists in a list\r\n *\r\n * @param item\r\n * @param list\r\n * @returns {boolean}\r\n */\r\n function exists(item, list)\r\n {\r\n return list.indexOf(item) > -1;\r\n }\r\n\r\n /**\r\n * Returns browser information\r\n * from user agent data\r\n *\r\n * Found at http://www.quirksmode.org/js/detect.html\r\n * but modified and updated to fit for our needs\r\n */\r\n function detectBrowser()\r\n {\r\n // If we already tested, do not test again\r\n if ( browserInfo )\r\n {\r\n return browserInfo;\r\n }\r\n\r\n var browserData = [\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'Edge',\r\n versionSearch: 'Edge',\r\n identity : 'Edge'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString: 'Chrome',\r\n identity : 'Chrome'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'OmniWeb',\r\n versionSearch: 'OmniWeb/',\r\n identity : 'OmniWeb'\r\n },\r\n {\r\n string : $window.navigator.vendor,\r\n subString : 'Apple',\r\n versionSearch: 'Version',\r\n identity : 'Safari'\r\n },\r\n {\r\n prop : $window.opera,\r\n identity: 'Opera'\r\n },\r\n {\r\n string : $window.navigator.vendor,\r\n subString: 'iCab',\r\n identity : 'iCab'\r\n },\r\n {\r\n string : $window.navigator.vendor,\r\n subString: 'KDE',\r\n identity : 'Konqueror'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString: 'Firefox',\r\n identity : 'Firefox'\r\n },\r\n {\r\n string : $window.navigator.vendor,\r\n subString: 'Camino',\r\n identity : 'Camino'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString: 'Netscape',\r\n identity : 'Netscape'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'MSIE',\r\n identity : 'Explorer',\r\n versionSearch: 'MSIE'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'Trident/7',\r\n identity : 'Explorer',\r\n versionSearch: 'rv'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'Gecko',\r\n identity : 'Mozilla',\r\n versionSearch: 'rv'\r\n },\r\n {\r\n string : $window.navigator.userAgent,\r\n subString : 'Mozilla',\r\n identity : 'Netscape',\r\n versionSearch: 'Mozilla'\r\n }\r\n ];\r\n\r\n var osData = [\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'Win',\r\n identity : 'Windows'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'Mac',\r\n identity : 'Mac'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'Linux',\r\n identity : 'Linux'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'iPhone',\r\n identity : 'iPhone'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'iPod',\r\n identity : 'iPod'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'iPad',\r\n identity : 'iPad'\r\n },\r\n {\r\n string : $window.navigator.platform,\r\n subString: 'Android',\r\n identity : 'Android'\r\n }\r\n ];\r\n\r\n var versionSearchString = '';\r\n\r\n function searchString(data)\r\n {\r\n for ( var i = 0; i < data.length; i++ )\r\n {\r\n var dataString = data[i].string;\r\n var dataProp = data[i].prop;\r\n\r\n versionSearchString = data[i].versionSearch || data[i].identity;\r\n\r\n if ( dataString )\r\n {\r\n if ( dataString.indexOf(data[i].subString) !== -1 )\r\n {\r\n return data[i].identity;\r\n\r\n }\r\n }\r\n else if ( dataProp )\r\n {\r\n return data[i].identity;\r\n }\r\n }\r\n }\r\n\r\n function searchVersion(dataString)\r\n {\r\n var index = dataString.indexOf(versionSearchString);\r\n\r\n if ( index === -1 )\r\n {\r\n return;\r\n }\r\n\r\n return parseInt(dataString.substring(index + versionSearchString.length + 1));\r\n }\r\n\r\n var browser = searchString(browserData) || 'unknown-browser';\r\n var version = searchVersion($window.navigator.userAgent) || searchVersion($window.navigator.appVersion) || 'unknown-version';\r\n var os = searchString(osData) || 'unknown-os';\r\n\r\n // Prepare and store the object\r\n browser = browser.toLowerCase();\r\n version = browser + '-' + version;\r\n os = os.toLowerCase();\r\n\r\n browserInfo = {\r\n browser: browser,\r\n version: version,\r\n os : os\r\n };\r\n\r\n return browserInfo;\r\n }\r\n\r\n /**\r\n * Generates a globally unique id\r\n *\r\n * @returns {*}\r\n */\r\n function guidGenerator()\r\n {\r\n var S4 = function ()\r\n {\r\n return (((1 + Math.random()) * 0x10000) || 0).toString(16).substring(1);\r\n };\r\n return (S4() + S4() + S4() + S4() + S4() + S4());\r\n }\r\n\r\n /**\r\n * Return if current device is a\r\n * mobile device or not\r\n */\r\n function isMobile()\r\n {\r\n return mobileDetect.mobile();\r\n }\r\n\r\n /**\r\n * Toggle in array (push or splice)\r\n *\r\n * @param item\r\n * @param array\r\n */\r\n function toggleInArray(item, array)\r\n {\r\n if ( array.indexOf(item) === -1 )\r\n {\r\n array.push(item);\r\n }\r\n else\r\n {\r\n array.splice(array.indexOf(item), 1);\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('msApi', msApiProvider);\r\n\r\n /** @ngInject **/\r\n function msApiProvider()\r\n {\r\n /* ----------------- */\r\n /* Provider */\r\n /* ----------------- */\r\n var provider = this;\r\n\r\n // Inject the $log service\r\n var $log = angular.injector(['ng']).get('$log');\r\n\r\n // Data\r\n var baseUrl = '';\r\n var api = [];\r\n\r\n // Methods\r\n provider.setBaseUrl = setBaseUrl;\r\n provider.getBaseUrl = getBaseUrl;\r\n provider.getApiObject = getApiObject;\r\n provider.register = register;\r\n\r\n //////////\r\n\r\n /**\r\n * Set base url for API endpoints\r\n *\r\n * @param url {string}\r\n */\r\n function setBaseUrl(url)\r\n {\r\n baseUrl = url;\r\n }\r\n\r\n /**\r\n * Return the base url\r\n *\r\n * @returns {string}\r\n */\r\n function getBaseUrl()\r\n {\r\n return baseUrl;\r\n }\r\n\r\n /**\r\n * Return the api object\r\n *\r\n * @returns {object}\r\n */\r\n function getApiObject()\r\n {\r\n return api;\r\n }\r\n\r\n /**\r\n * Register API endpoint\r\n *\r\n * @param key\r\n * @param resource\r\n */\r\n function register(key, resource)\r\n {\r\n if ( !angular.isString(key) )\r\n {\r\n $log.error('\"path\" must be a string (eg. `dashboard.project`)');\r\n return;\r\n }\r\n\r\n if ( !angular.isArray(resource) )\r\n {\r\n $log.error('\"resource\" must be an array and it must follow $resource definition');\r\n return;\r\n }\r\n\r\n // Store the API object\r\n api[key] = {\r\n url : baseUrl + (resource[0] || ''),\r\n paramDefaults: resource[1] || [],\r\n actions : resource[2] || [],\r\n options : resource[3] || {}\r\n };\r\n }\r\n\r\n /* ----------------- */\r\n /* Service */\r\n /* ----------------- */\r\n this.$get = function ($log, $q, $resource, $rootScope)\r\n {\r\n // Data\r\n\r\n // Methods\r\n var service = {\r\n setBaseUrl: setBaseUrl,\r\n getBaseUrl: getBaseUrl,\r\n register : register,\r\n resolve : resolve,\r\n request : request\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n\r\n /**\r\n * Resolve an API endpoint\r\n *\r\n * @param action {string}\r\n * @param parameters {object}\r\n * @returns {promise|boolean}\r\n */\r\n function resolve(action, parameters)\r\n {\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::resolveStart');\r\n \r\n var actionParts = action.split('@'),\r\n resource = actionParts[0],\r\n method = actionParts[1],\r\n params = parameters || {};\r\n\r\n if ( !resource || !method )\r\n {\r\n $log.error('msApi.resolve requires correct action parameter (resourceName@methodName)');\r\n return false;\r\n }\r\n\r\n // Create a new deferred object\r\n var deferred = $q.defer();\r\n\r\n // Get the correct resource definition from api object\r\n var apiObject = api[resource];\r\n\r\n if ( !apiObject )\r\n {\r\n $log.error('Resource \"' + resource + '\" is not defined in the api service!');\r\n deferred.reject('Resource \"' + resource + '\" is not defined in the api service!');\r\n }\r\n else\r\n {\r\n // Generate the $resource object based on the stored API object\r\n var resourceObject = $resource(apiObject.url, apiObject.paramDefaults, apiObject.actions, apiObject.options);\r\n\r\n // Make the call...\r\n resourceObject[method](params,\r\n\r\n // Success\r\n function (response)\r\n {\r\n deferred.resolve(response);\r\n\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::resolveSuccess');\r\n },\r\n\r\n // Error\r\n function (response)\r\n {\r\n deferred.reject(response);\r\n\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::resolveError');\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 * Make a request to an API endpoint\r\n *\r\n * @param action {string}\r\n * @param [parameters] {object}\r\n * @param [success] {function}\r\n * @param [error] {function}\r\n *\r\n * @returns {promise|boolean}\r\n */\r\n function request(action, parameters, success, error)\r\n {\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::requestStart');\r\n \r\n var actionParts = action.split('@'),\r\n resource = actionParts[0],\r\n method = actionParts[1],\r\n params = parameters || {};\r\n\r\n if ( !resource || !method )\r\n {\r\n $log.error('msApi.resolve requires correct action parameter (resourceName@methodName)');\r\n return false;\r\n }\r\n\r\n // Create a new deferred object\r\n var deferred = $q.defer();\r\n\r\n // Get the correct resource definition from api object\r\n var apiObject = api[resource];\r\n\r\n if ( !apiObject )\r\n {\r\n $log.error('Resource \"' + resource + '\" is not defined in the api service!');\r\n deferred.reject('Resource \"' + resource + '\" is not defined in the api service!');\r\n }\r\n else\r\n {\r\n // Generate the $resource object based on the stored API object\r\n var resourceObject = $resource(apiObject.url, apiObject.paramDefaults, apiObject.actions, apiObject.options);\r\n\r\n // Make the call...\r\n resourceObject[method](params,\r\n\r\n // SUCCESS\r\n function (response)\r\n {\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::requestSuccess');\r\n \r\n // Resolve the promise\r\n deferred.resolve(response);\r\n\r\n // Call the success function if there is one\r\n if ( angular.isDefined(success) && angular.isFunction(success) )\r\n {\r\n success(response);\r\n }\r\n },\r\n\r\n // ERROR\r\n function (response)\r\n {\r\n // Emit an event\r\n $rootScope.$broadcast('msApi::requestError');\r\n \r\n // Reject the promise\r\n deferred.reject(response);\r\n\r\n // Call the error function if there is one\r\n if ( angular.isDefined(error) && angular.isFunction(error) )\r\n {\r\n error(response);\r\n }\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})();\n(function ()\r\n{\r\n 'use strict';\r\n\r\n angular\r\n .module('app.core')\r\n .factory('authService', authService);\r\n\r\n /** @ngInject */\r\n function authService(localStorageService)\r\n {\r\n var profile = function profile() {\r\n return localStorageService.get('profile');\r\n }\r\n\r\n return {\r\n getProfile: function getProfile()\r\n {\r\n return profile();\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 .factory('apiResolver', apiResolverService);\r\n\r\n /** @ngInject */\r\n function apiResolverService($q, $log, api)\r\n {\r\n var service = {\r\n resolve: resolve\r\n };\r\n\r\n return service;\r\n\r\n //////////\r\n /**\r\n * Resolve api\r\n * @param action\r\n * @param parameters\r\n */\r\n function resolve(action, parameters)\r\n {\r\n var actionParts = action.split('@'),\r\n resource = actionParts[0],\r\n method = actionParts[1],\r\n params = parameters || {};\r\n\r\n if ( !resource || !method )\r\n {\r\n $log.error('apiResolver.resolve requires correct action parameter (ResourceName@methodName)');\r\n return false;\r\n }\r\n\r\n // Create a new deferred object\r\n var deferred = $q.defer();\r\n\r\n // Get the correct api object from api service\r\n var apiObject = getApiObject(resource);\r\n\r\n if ( !apiObject )\r\n {\r\n $log.error('Resource \"' + resource + '\" is not defined in the api service!');\r\n deferred.reject('Resource \"' + resource + '\" is not defined in the api service!');\r\n }\r\n else\r\n {\r\n apiObject[method](params,\r\n\r\n // Success\r\n function (response)\r\n {\r\n deferred.resolve(response);\r\n },\r\n\r\n // Error\r\n function (response)\r\n {\r\n deferred.reject(response);\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 * Get correct api object\r\n *\r\n * @param resource\r\n * @returns {*}\r\n */\r\n function getApiObject(resource)\r\n {\r\n // Split the resource in case if we have a dot notated object\r\n var resourceParts = resource.split('.'),\r\n apiObject = api;\r\n\r\n // Loop through the resource parts and go all the way through\r\n // the api object and return the correct one\r\n for ( var l = 0; l < resourceParts.length; l++ )\r\n {\r\n if ( angular.isUndefined(apiObject[resourceParts[l]]) )\r\n {\r\n $log.error('Resource part \"' + resourceParts[l] + '\" is not defined!');\r\n apiObject = false;\r\n break;\r\n }\r\n\r\n apiObject = apiObject[resourceParts[l]];\r\n }\r\n\r\n if ( !apiObject )\r\n {\r\n return false;\r\n }\r\n\r\n return apiObject;\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 .filter('filterByPropIds', filterByPropIds);\r\n\r\n /** @ngInject */\r\n function filterByPropIds()\r\n {\r\n return function (items, parameter, ids)\r\n {\r\n if ( items.length === 0 || !ids || ids.length === 0 )\r\n {\r\n return items;\r\n }\r\n\r\n var filtered = [];\r\n\r\n for ( var i = 0; i < items.length; i++ )\r\n {\r\n var item = items[i];\r\n var match = false;\r\n\r\n for ( var j = 0; j < ids.length; j++ )\r\n {\r\n var id = ids[j];\r\n if ( item[parameter].indexOf(id) > -1 )\r\n {\r\n match = true;\r\n break;\r\n }\r\n }\r\n\r\n if ( match )\r\n {\r\n filtered.push(item);\r\n }\r\n\r\n }\r\n\r\n return filtered;\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 .filter('filterByIds', filterByIds);\r\n\r\n /** @ngInject */\r\n function filterByIds()\r\n {\r\n return function (items, ids)\r\n {\r\n\r\n if ( items.length === 0 || !ids )\r\n {\r\n return items;\r\n }\r\n\r\n if ( ids.length === 0 )\r\n {\r\n return [];\r\n }\r\n\r\n var filtered = [];\r\n\r\n for ( var i = 0; i < items.length; i++ )\r\n {\r\n var item = items[i];\r\n var match = false;\r\n\r\n for ( var j = 0; j < ids.length; j++ )\r\n {\r\n var id = ids[j];\r\n if ( item.id === id )\r\n {\r\n match = true;\r\n break;\r\n }\r\n }\r\n\r\n if ( match )\r\n {\r\n filtered.push(item);\r\n }\r\n\r\n }\r\n\r\n return filtered;\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 .filter('toTrusted', toTrustedFilter)\r\n .filter('htmlToPlaintext', htmlToPlainTextFilter)\r\n .filter('nospace', nospaceFilter)\r\n .filter('humanizeDoc', humanizeDocFilter);\r\n\r\n /** @ngInject */\r\n function toTrustedFilter($sce)\r\n {\r\n return function (value)\r\n {\r\n return $sce.trustAsHtml(value);\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function htmlToPlainTextFilter()\r\n {\r\n return function (text)\r\n {\r\n return String(text).replace(/<[^>]+>/gm, '');\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function nospaceFilter()\r\n {\r\n return function (value)\r\n {\r\n return (!value) ? '' : value.replace(/ /g, '');\r\n };\r\n }\r\n\r\n /** @ngInject */\r\n function humanizeDocFilter()\r\n {\r\n return function (doc)\r\n {\r\n if ( !doc )\r\n {\r\n return;\r\n }\r\n if ( doc.type === 'directive' )\r\n {\r\n return doc.name.replace(/([A-Z])/g, function ($1)\r\n {\r\n return '-' + $1.toLowerCase();\r\n });\r\n }\r\n return doc.label || doc.name;\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 .filter('altDate', altDate);\r\n\r\n /** @ngInject */\r\n function altDate()\r\n {\r\n return function (value)\r\n {\r\n var diff = Date.now() - new Date(value);\r\n\r\n /**\r\n * If in a hour\r\n * e.g. \"2 minutes ago\"\r\n */\r\n if ( diff < (60 * 60 * 1000) )\r\n {\r\n return moment(value).fromNow();\r\n }\r\n /*\r\n * If in the day\r\n * e.g. \"11:23\"\r\n */\r\n else if ( diff < (60 * 60 * 24 * 1000) )\r\n {\r\n return moment(value).format('HH:mm');\r\n }\r\n /*\r\n * If in week\r\n * e.g \"Tuesday\"\r\n */\r\n else if ( diff < (60 * 60 * 24 * 7 * 1000) )\r\n {\r\n return moment(value).format('dddd');\r\n }\r\n /*\r\n * If more than a week\r\n * e.g. 03/29/2016\r\n */\r\n else\r\n {\r\n return moment(value).calendar();\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('hljs', hljsDirective);\r\n\r\n /** @ngInject */\r\n function hljsDirective($timeout, $q, $interpolate)\r\n {\r\n return {\r\n restrict: 'E',\r\n compile : function (element, attr)\r\n {\r\n var code;\r\n //No attribute? code is the content\r\n if ( !attr.code )\r\n {\r\n code = element.html();\r\n element.empty();\r\n }\r\n\r\n return function (scope, element, attr)\r\n {\r\n\r\n if ( attr.code )\r\n {\r\n // Attribute? code is the evaluation\r\n code = scope.$eval(attr.code);\r\n }\r\n var shouldInterpolate = scope.$eval(attr.shouldInterpolate);\r\n\r\n $q.when(code).then(function (code)\r\n {\r\n if ( code )\r\n {\r\n if ( shouldInterpolate )\r\n {\r\n code = $interpolate(code)(scope);\r\n }\r\n var contentParent = angular.element(\r\n '
\\nLog in to your account
![](\\\"assets\\\\images\\\\backgrounds\\\\logoshort.png\\\")
\\nLayout Style:
Layout Mode:
\\nColor Palette:
\\n
{{palette}}
{{hue}}
0\\\" ng-sortable=\\\"MsShortcuts.sortableOptions\\\">{{shortcut.title}}\\n
{{shortcut.title.charAt(0)}}
\\n
\\n{{vm.record ? (vm.record.local ? vm.record.local : vm.recordLabel) : vm.recordLabel }}
\\n{{vm.record.BrandID}}
| Nr.Serie | Local | Estado | Notas | \\n
|---|---|---|---|
| {{prod.SerialNr}} | {{prod.LocationID}} | \\n{{prod.Status}} | {{prod.notes}} |
\\n\\n-- Select -- {{client.client}} \\n
\\n
\\n
{{vm.totalRecords}}\\n
\\n![]()
\\n\\n
{{article.Description}}
Calendar
{{vm.calendarView.title}}
{{vm.record ? (vm.record.local ? vm.record.local : vm.recordLabel) : vm.recordLabel }}\\n
{{vm.create_user}}
\\n\\n-- Select -- {{event.title}}
\\n{{\\'Evento: \\' + vm.topfilter}}
\\n{{vm.topfilter==\\'\\' ? vm.totalRecords : vm.totalRecordsFiltered}}
{{vm.record ? (vm.record.local ? vm.record.local : vm.recordLabel) : vm.recordLabel }}
\\n{{ \\'ORDER.NEW_LOCATION\\' | translate }} \\n
\\n
\\n
\\n
| {{ \\'ORDER.CODE\\' | translate }} | \\n{{ \\'ORDER.PRODUCT\\' | translate }} | {{ \\'ORDER.QUANTITY\\' | translate }} | {{ \\'ORDER.SERIAL\\' | translate }}\\n | |
|---|---|---|---|---|
| {{prod.Codigo}} | {{prod.Description}}\\n | {{prod.sn}} |
\\n\\n-- Select -- {{client.client}} \\n
{{vm.topfilter}}\\n
\\n{{vm.topfilter==\\'\\' ? vm.totalRecords : vm.totalRecordsFiltered}}
\\n{{vm.record ? (vm.record.DisplayName ? vm.record.DisplayName : vm.recordLabel) : vm.recordLabel }}
\\n{{vm.record ? (vm.record.local ? vm.record.local : vm.recordLabel) : vm.recordLabel }}
{{image.Description}}Apagar imagem
\\n\\n-- Select -- {{profile.label}} \\n
\\n
\\nOpen Filters
{{vm.topfilter}}
\\n {{vm.topfilter==\\'\\' ? vm.totalRecords : vm.totalRecordsFiltered}}\\n
{{vm.total}}
\\n {{vm.total}}
\\n {{vm.total}}
\\n {{vm.total}}
\\n{{card.title}}
{{card.subtitle}}\\n
{{card.text}}
{{card.title}}
\\n{{card.subtitle}}
{{card.text}}\\n
\\n
{{card.title}}
{{card.subtitle}}
{{card.text}}
{{card.title}}
\\n{{card.event}}
{{card.title}}\\n
{{card.text}}
\\n{{card.subtitle}}
{{card.title}}
{{card.text}}
{{card.title}}
{{card.subtitle}}
{{card.title}}\\n
{{card.subtitle}}
{{card.text}}
{{card.title}}
{{card.subtitle}}\\n
{{card.text}}
{{card.title}}
\\n{{card.subtitle}}
{{card.text}}
\");\n$templateCache.put(\"app/main/pages/calendar/dialogs/event-detail/event-detail-dialog.html\",\"
{{vm.calendarEvent.title}}
\\n{{vm.calendarEvent.start.format(\\'MMMM Do YYYY, h:mm:ss a\\')}} -\\n {{vm.calendarEvent.end.format(\\'MMMM Do YYYY, h:mm:ss a\\')}} \\n{{vm.calendarEvent.repeat || \\'Does not repeat\\'}}
30 minutes before 15 minutes before \\n30 minutes later
Istanbul, Turkey
![\\\"alice\\\"](\\\"assets/images/avatars/alice.jpg\\\")
![\\\"vincent\\\"](\\\"assets/images/avatars/vincent.jpg\\\")
{{stepInfo.stepTitle}}
\\nOptional