\\r\\n
\\r\\n Reorder \\r\\n \\r\\n\\r\\n
\\r\\n
Delete \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Tours \\r\\n
\\r\\n
\\r\\n
\\r\\n
--\\x3e\\r\\n\\r\\n
\\r\\n
\\r\\n Virtual Tours, Videos, & Links
\\r\\n
\\r\\n\\r\\n\\x3c!--
\\r\\n
\\r\\n
\\r\\n
Tours ({{$ctrl.tourCount()}} of {{$ctrl.config.tourLimit}}) \\r\\n \\r\\n
= 3\">\\r\\n
\\r\\n
\\r\\n
\\r\\n
--\\x3e\\r\\n\\r\\n
\\r\\n
\\r\\n You may enter URLs for media including Virtual Tours, videos, 360 tours, listing websites, and other links. Media may be branded or unbranded.\\r\\n \\r\\n
\\r\\n\\r\\n\\x3c!--Tour List--\\x3e\\r\\n
\\r\\n
\\r\\n \\r\\n \\x3c!--Reorder--\\x3e\\r\\n Reorder \\r\\n \\r\\n \\x3c!--Saving--\\x3e\\r\\n \\r\\n \\r\\n \\x3c!--Delete--\\x3e\\r\\n \\r\\n Delete \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Add... \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
(only the first {{$ctrl.config.tourLimit}} tours will be published) \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\x3c!-- on-delete=\"$ctrl.delete($ctrl.selectedTour)\"\\r\\n Preview:
{{$ctrl.selectedTour.MediaURL}} \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Are you sure you want to delete tour {{$ctrl.markedForDeletion.MediaURL\\r\\n }} ?\\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n\\x3c!-- Edit Modal --\\x3e\\r\\n\\x3c!--
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n --\\x3e\\r\\n \\x3c!--
\\r\\n Enter a Tour URL up to 255 characters:\\r\\n
--\\x3e\\r\\n \\r\\n \\x3c!--
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n Cancel \\r\\n
--\\x3e\\r\\n \\x3c!--
\\r\\n \\r\\n \\r\\n
--\\x3e\\r\\n \\x3c!--
\\r\\n\\r\\n
\\r\\n
\\r\\n Done \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
--\\x3e\\r\\n\\r\\n\\x3c!-- Confirmation Delete Modal--\\x3e\\r\\n\\x3c!--
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
Are you sure you want to delete tour \\'{{$ctrl.markedForDeletion.MediaURL}}\\'?
\\r\\n
\\r\\n
\\r\\n
Delete
\\r\\n
Cancel
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
--\\x3e\\r\\n'),n.put(\"./App/Session/SessionManager.html\",'\\x3c!--
--\\x3e\\r\\n\\r\\n
\\r\\n {{$ctrl.errorMessage}}\\r\\n '),n.put(\"./App/Listings/AgentListings/AgentListings.html\",'
\\r\\n \\x3c!--Create Package from listing--\\x3e\\r\\n
\\r\\n Select Listing:\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
{{listing.StreetAddress}} [#{{listing.ListingId}}] \\r\\n
{{listing.MatrixPhotosCount}} MLS photos \\r\\n
No MLS photos \\r\\n
Package: {{listing.packageStatus}} \\r\\n
{{listing.CityStateZip}}
\\r\\n
\\r\\n \\r\\n
\\r\\n No Listings found\\r\\n
\\r\\n
\\r\\n'),n.put(\"./App/Listings/ListingLink/ListingLink.html\",'
\\r\\n \\x3c!--Navigation--\\x3e\\r\\n
\\r\\n\\r\\n
Let\\'s find \"{{$ctrl.package.ListingAddressHint}} \". \\r\\n
\\r\\n
\\r\\n
\\r\\n
Linking...
\\r\\n
\\r\\n\\r\\n\\x3c!--ConfirmModal--\\x3e\\r\\n
\\r\\n Are you sure you want to link this package with #{{$ctrl.selectedListing.ListingId}} - {{$ctrl.selectedListing.FullAddress}}?\\r\\n \\r\\n\\r\\n\\x3c!--Success Modal--\\x3e\\r\\n
\\r\\n Listing #{{$ctrl.selectedListing.ListingId}} - {{$ctrl.selectedListing.FullAddress}} has been successfully linked to the package.\\r\\n '),n.put(\"./App/Listings/ListingSelect/ListingSelect.html\",'
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Agent \\r\\n
\\r\\n
{{$ctrl.agentName}} [{{$ctrl.agentMlsId}}]
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Listings \\r\\n
\\r\\n
\\r\\n
Get Listings
\\r\\n
Getting listings \\r\\n
\\r\\n
0 && !$ctrl.noListingsFound\">\\r\\n \\r\\n Select listing... \\r\\n \\r\\n
\\r\\n
\\r\\n No listings found where {{$ctrl.agentMlsId}} is the List or Co List Agent\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--
0\">\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
--\\x3e\\r\\n
\\r\\n
'),n.put(\"./App/Login/PasswordReset/PasswordReset.html\",'
\\r\\n\\r\\n
\\r\\n \\x3c!--Request Mode--\\x3e\\r\\n
\\r\\n
\\r\\n Account Password Reset\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\x3c!--Vendor Reset Request--\\x3e\\r\\n
\\r\\n
\\r\\n
\\r\\n Please provide the username or email for the account:\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n \\x3c!--Agent reset Link--\\x3e\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\x3c!-- Reset Mode--\\x3e\\r\\n
\\r\\n
{{$ctrl.applicationName}}Reset Password \\r\\n
\\r\\n
\\r\\n
\\r\\n
New Password \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
Re-Enter Password \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n Passwords Match \\r\\n Is at least 8 characters \\r\\n Has at least one lowercase character \\r\\n Has at least one uppercase character \\r\\n Has at least one number \\r\\n Has at least one special character \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{$ctrl.okMessage}}\\r\\n '),n.put(\"./App/Packages/History/packageHistory.html\",'
\\r\\n
\\r\\n \\x3c!--Back--\\x3e\\r\\n
\\r\\n \\x3c!--Header--\\x3e\\r\\n
\\r\\n
Package History for: \\r\\n
\\r\\n \\r\\n | {{$ctrl.package.DisplayCityStateZip}}\\r\\n \\r\\n MLS# {{$ctrl.package.ListingId}} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Content--\\x3e\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n Date \\r\\n User \\r\\n Action \\r\\n Details \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{item.TimeStamp | date : \\'MM/dd hh:mma\\'}} \\r\\n {{item.UserFullName ? item.UserFullName : item.User}} \\r\\n {{item.TypeDescription}} \\r\\n {{item.Result}} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Loading...--\\x3e\\r\\n
\\r\\n
'),n.put(\"./App/Utilities/AccountSettings/AccountSettings.html\",'
\\r\\n \\r\\n \\x3c!--Content--\\x3e\\r\\n
\\r\\n \\x3c!--Username--\\x3e\\r\\n
\\r\\n
Username \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Account Email--\\x3e\\r\\n
\\r\\n
Account Email \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Name--\\x3e\\r\\n
\\r\\n
Display Name \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Notification Email--\\x3e\\r\\n
\\r\\n
Notification Email \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--block column warning-section--\\x3e\\r\\n Package updates and other Media Bridge notifications will be sent to the email above.\\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Phone--\\x3e\\r\\n
\\r\\n
Phone \\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Address--\\x3e\\r\\n
\\r\\n
Address \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\x3c!--Form Save--\\x3e\\r\\n
Save
\\r\\n \\x3c!--Application Key--\\x3e\\r\\n
\\r\\n \\x3c!--Password Reset--\\x3e\\r\\n
\\r\\n
Reset Password \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n The password reset email will be sent to {{$ctrl.account.Email}}.support@recolorado.com \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n Your account grants access to the Media Bridge API.
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
API Key \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\x3c!--Loading...--\\x3e\\r\\n
\\r\\n
\\r\\n\\r\\n\\x3c!--Confirm API Key Create--\\x3e\\r\\n
\\r\\n \\r\\n Creating a new API Key will invalidate the old key. Are you sure you want continue?\\r\\n
\\r\\n \\r\\n\\r\\n\\x3c!--Confirm Password Reset--\\x3e\\r\\n
\\r\\n \\r\\n A password reset link will be sent to {{$ctrl.account.Email}}.\\r\\n
\\r\\n \\r\\n'),n.put(\"./App/Utilities/EmailSubscription/EmailSubscription.html\",'
\\r\\n \\r\\n
\\r\\n
\\r\\n
'),n.put(\"./App/Utilities/PublishPermissions/PublishPermissions.html\",'
\\r\\n
\\r\\n Publish Permissions\\r\\n \\r\\n \\x3c!--Content--\\x3e\\r\\n
\\r\\n \\x3c!--Loading...--\\x3e\\r\\n
\\r\\n
')}]);","app.component('animatedEllipsis', {\r\n template: `
. . . `\r\n});","app.service('httpWithCancel', ['$http', '$q', function ($http, $q) {\r\n\r\n var that = this;\r\n\r\n that.http = function (args, success, error) {\r\n\r\n var defer = $q.defer(),\r\n cancelFunc = function () {\r\n defer.resolve();\r\n },\r\n errorWrapper = function (response) {\r\n //only use the error callback when the error is not a canceled request\r\n if (response.status !== -1) {\r\n error(response);\r\n }\r\n };\r\n\r\n args.timeout = defer.promise;\r\n\r\n $http(args).then(success, errorWrapper);\r\n\r\n return cancelFunc;\r\n };\r\n\r\n}]);","app.directive('keyPressEvents', ['$document', '$rootScope', function ($document, $rootScope) {\r\n return {\r\n restrict: 'A',\r\n link: function () {\r\n $document.bind('keypress', function (e) {\r\n console.log('Got keypress:', e.which);\r\n $rootScope.$broadcast('keypress', e);\r\n $rootScope.$broadcast('keypress:' + e.which, e);\r\n });\r\n }\r\n };\r\n}]);\r\n\r\n\r\n////Usage example\r\n//// For listening to a keypress event with a specific code\r\n//scope.$on('keypress:13', function (onEvent, keypressEvent) {\r\n// scope.keyPressed = 'Enter';\r\n//});\r\n//// For listening to all keypress events\r\n//scope.$on('keypress', function (onEvent, keypressEvent) {\r\n// if (keypress.which === 120) {\r\n// scope.keyPressed = 'x';\r\n// }\r\n// else {\r\n// scope.keyPressed = 'Keycode: ' + keypressEvent.which;\r\n// }\r\n//});","/*\r\n * angular-elastic v2.5.1\r\n * (c) 2014 Monospaced http://monospaced.com\r\n * License: MIT\r\n */\r\n\r\nif (typeof module !== 'undefined' &&\r\n typeof exports !== 'undefined' &&\r\n module.exports === exports){\r\n module.exports = 'monospaced.elastic';\r\n}\r\n\r\nangular.module('monospaced.elastic', [])\r\n\r\n .constant('msdElasticConfig', {\r\n append: ''\r\n })\r\n\r\n .directive('msdElastic', [\r\n '$timeout', '$window', 'msdElasticConfig',\r\n function($timeout, $window, config) {\r\n 'use strict';\r\n\r\n return {\r\n require: 'ngModel',\r\n restrict: 'A, C',\r\n link: function(scope, element, attrs, ngModel) {\r\n\r\n // cache a reference to the DOM element\r\n var ta = element[0],\r\n $ta = element;\r\n\r\n // ensure the element is a textarea, and browser is capable\r\n if (ta.nodeName !== 'TEXTAREA' || !$window.getComputedStyle) {\r\n return;\r\n }\r\n\r\n // set these properties before measuring dimensions\r\n $ta.css({\r\n 'overflow': 'hidden',\r\n 'overflow-y': 'hidden',\r\n 'word-wrap': 'break-word'\r\n });\r\n\r\n // force text reflow\r\n var text = ta.value;\r\n ta.value = '';\r\n ta.value = text;\r\n\r\n var append = attrs.msdElastic ? attrs.msdElastic.replace(/\\\\n/g, '\\n') : config.append,\r\n $win = angular.element($window),\r\n mirrorInitStyle = 'position: absolute; top: -999px; right: auto; bottom: auto;' +\r\n 'left: 0; overflow: hidden; -webkit-box-sizing: content-box;' +\r\n '-moz-box-sizing: content-box; box-sizing: content-box;' +\r\n 'min-height: 0 !important; height: 0 !important; padding: 0;' +\r\n 'word-wrap: break-word; border: 0;',\r\n $mirror = angular.element('
').data('elastic', true),\r\n mirror = $mirror[0],\r\n taStyle = getComputedStyle(ta),\r\n resize = taStyle.getPropertyValue('resize'),\r\n borderBox = taStyle.getPropertyValue('box-sizing') === 'border-box' ||\r\n taStyle.getPropertyValue('-moz-box-sizing') === 'border-box' ||\r\n taStyle.getPropertyValue('-webkit-box-sizing') === 'border-box',\r\n boxOuter = !borderBox ? {width: 0, height: 0} : {\r\n width: parseInt(taStyle.getPropertyValue('border-right-width'), 10) +\r\n parseInt(taStyle.getPropertyValue('padding-right'), 10) +\r\n parseInt(taStyle.getPropertyValue('padding-left'), 10) +\r\n parseInt(taStyle.getPropertyValue('border-left-width'), 10),\r\n height: parseInt(taStyle.getPropertyValue('border-top-width'), 10) +\r\n parseInt(taStyle.getPropertyValue('padding-top'), 10) +\r\n parseInt(taStyle.getPropertyValue('padding-bottom'), 10) +\r\n parseInt(taStyle.getPropertyValue('border-bottom-width'), 10)\r\n },\r\n minHeightValue = parseInt(taStyle.getPropertyValue('min-height'), 10),\r\n heightValue = parseInt(taStyle.getPropertyValue('height'), 10),\r\n minHeight = Math.max(minHeightValue, heightValue) - boxOuter.height,\r\n maxHeight = parseInt(taStyle.getPropertyValue('max-height'), 10),\r\n mirrored,\r\n active,\r\n copyStyle = ['font-family',\r\n 'font-size',\r\n 'font-weight',\r\n 'font-style',\r\n 'letter-spacing',\r\n 'line-height',\r\n 'text-transform',\r\n 'word-spacing',\r\n 'text-indent'];\r\n\r\n // exit if elastic already applied (or is the mirror element)\r\n if ($ta.data('elastic')) {\r\n return;\r\n }\r\n\r\n // Opera returns max-height of -1 if not set\r\n maxHeight = maxHeight && maxHeight > 0 ? maxHeight : 9e4;\r\n\r\n // append mirror to the DOM\r\n if (mirror.parentNode !== document.body) {\r\n angular.element(document.body).append(mirror);\r\n }\r\n\r\n // set resize and apply elastic\r\n $ta.css({\r\n 'resize': (resize === 'none' || resize === 'vertical') ? 'none' : 'horizontal'\r\n }).data('elastic', true);\r\n\r\n /*\r\n * methods\r\n */\r\n\r\n function initMirror() {\r\n var mirrorStyle = mirrorInitStyle;\r\n\r\n mirrored = ta;\r\n // copy the essential styles from the textarea to the mirror\r\n taStyle = getComputedStyle(ta);\r\n angular.forEach(copyStyle, function(val) {\r\n mirrorStyle += val + ':' + taStyle.getPropertyValue(val) + ';';\r\n });\r\n mirror.setAttribute('style', mirrorStyle);\r\n }\r\n\r\n function adjust() {\r\n var taHeight,\r\n taComputedStyleWidth,\r\n mirrorHeight,\r\n width,\r\n overflow;\r\n\r\n if (mirrored !== ta) {\r\n initMirror();\r\n }\r\n\r\n // active flag prevents actions in function from calling adjust again\r\n if (!active) {\r\n active = true;\r\n\r\n mirror.value = ta.value + append; // optional whitespace to improve animation\r\n mirror.style.overflowY = ta.style.overflowY;\r\n\r\n taHeight = ta.style.height === '' ? 'auto' : parseInt(ta.style.height, 10);\r\n\r\n taComputedStyleWidth = getComputedStyle(ta).getPropertyValue('width');\r\n\r\n // ensure getComputedStyle has returned a readable 'used value' pixel width\r\n if (taComputedStyleWidth.substr(taComputedStyleWidth.length - 2, 2) === 'px') {\r\n // update mirror width in case the textarea width has changed\r\n width = parseInt(taComputedStyleWidth, 10) - boxOuter.width;\r\n mirror.style.width = width + 'px';\r\n }\r\n\r\n mirrorHeight = mirror.scrollHeight;\r\n\r\n if (mirrorHeight > maxHeight) {\r\n mirrorHeight = maxHeight;\r\n overflow = 'scroll';\r\n } else if (mirrorHeight < minHeight) {\r\n mirrorHeight = minHeight;\r\n }\r\n mirrorHeight += boxOuter.height;\r\n ta.style.overflowY = overflow || 'hidden';\r\n\r\n if (taHeight !== mirrorHeight) {\r\n scope.$emit('elastic:resize', $ta, taHeight, mirrorHeight);\r\n ta.style.height = mirrorHeight + 'px';\r\n }\r\n\r\n // small delay to prevent an infinite loop\r\n $timeout(function() {\r\n active = false;\r\n }, 1, false);\r\n\r\n }\r\n }\r\n\r\n function setWidthToParent() {\r\n element.css({\r\n width: element.parent()[0].offsetWidth + 'px'\r\n });\r\n }\r\n\r\n function forceAdjust() {\r\n active = false;\r\n adjust();\r\n }\r\n\r\n\r\n\r\n /*\r\n * initialise\r\n */\r\n\r\n // listen\r\n if ('onpropertychange' in ta && 'oninput' in ta) {\r\n // IE9\r\n ta['oninput'] = ta.onkeyup = adjust;\r\n } else {\r\n ta['oninput'] = adjust;\r\n }\r\n\r\n $win.bind('resize', forceAdjust);\r\n\r\n scope.$watch(function() {\r\n return ngModel.$modelValue;\r\n }, function(newValue) {\r\n forceAdjust();\r\n });\r\n\r\n scope.$on('elastic:adjust', function() {\r\n initMirror();\r\n forceAdjust();\r\n });\r\n\r\n $timeout(adjust, 0, false);\r\n\r\n setWidthToParent();\r\n /*\r\n * destroy\r\n */\r\n\r\n scope.$on('$destroy', function() {\r\n $mirror.remove();\r\n $win.unbind('resize', forceAdjust);\r\n });\r\n }\r\n };\r\n }\r\n ]);\r\n","app.controller('modalNotificationCtrl', ['$scope', '$rootScope', function ($scope, $rootScope) {\r\n\r\n $scope.modalIsOpen = false;\r\n $scope.header = 'Test Header';\r\n $scope.message = 'Test Message';\r\n $scope.typeClass = 'is-danger';\r\n\r\n $rootScope.$on('postModalNotification', function (event, data) {\r\n $scope.modalIsOpen = true;\r\n $scope.header = data.header;\r\n $scope.message = data.message;\r\n $scope.data = data;\r\n\r\n switch (data.type) {\r\n case 'Primary':\r\n $scope.typeClass = 'is-primary';\r\n break\r\n case 'Info':\r\n $scope.typeClass = 'is-info';\r\n break;\r\n case 'Success':\r\n $scope.typeClass = 'is-success';\r\n break;\r\n case 'Warning':\r\n $scope.typeClass = 'is-warning';\r\n break;\r\n case 'Error':\r\n default:\r\n $scope.typeClass = 'is-danger';\r\n } \r\n });\r\n}]);","/*\r\n ng-sortable v1.3.8\r\n The MIT License (MIT)\r\n\r\n Copyright (c) 2014 Muhammed Ashik\r\n\r\n Permission is hereby granted, free of charge, to any person obtaining a copy\r\n of this software and associated documentation files (the \"Software\"), to deal\r\n in the Software without restriction, including without limitation the rights\r\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\n copies of the Software, and to permit persons to whom the Software is\r\n furnished to do so, subject to the following conditions:\r\n\r\n The above copyright notice and this permission notice shall be included in all\r\n copies or substantial portions of the Software.\r\n\r\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n SOFTWARE.\r\n */\r\n\r\n/*jshint indent: 2 */\r\n/*global angular: false */\r\n\r\n(function () {\r\n 'use strict';\r\n angular.module('as.sortable', [])\r\n .constant('sortableConfig', {\r\n itemClass: 'as-sortable-item',\r\n handleClass: 'as-sortable-item-handle',\r\n placeHolderClass: 'as-sortable-placeholder',\r\n dragClass: 'as-sortable-drag',\r\n hiddenClass: 'as-sortable-hidden',\r\n dragging: 'as-sortable-dragging'\r\n });\r\n}());\r\n\r\n/*jshint indent: 2 */\r\n/*global angular: false */\r\n\r\n(function () {\r\n 'use strict';\r\n\r\n var mainModule = angular.module('as.sortable');\r\n\r\n /**\r\n * Helper factory for sortable.\r\n */\r\n mainModule.factory('$helper', ['$document', '$window',\r\n function ($document, $window) {\r\n return {\r\n\r\n /**\r\n * Get the height of an element.\r\n *\r\n * @param {Object} element Angular element.\r\n * @returns {String} Height\r\n */\r\n height: function (element) {\r\n return element[0].getBoundingClientRect().height;\r\n },\r\n\r\n /**\r\n * Get the width of an element.\r\n *\r\n * @param {Object} element Angular element.\r\n * @returns {String} Width\r\n */\r\n width: function (element) {\r\n return element[0].getBoundingClientRect().width;\r\n },\r\n\r\n /**\r\n * Get the offset values of an element.\r\n *\r\n * @param {Object} element Angular element.\r\n * @param {Object} [scrollableContainer] Scrollable container object for calculating relative top & left (optional, defaults to Document)\r\n * @returns {Object} Object with properties width, height, top and left\r\n */\r\n offset: function (element, scrollableContainer) {\r\n var boundingClientRect = element[0].getBoundingClientRect();\r\n if (!scrollableContainer) {\r\n scrollableContainer = $document[0].documentElement;\r\n }\r\n\r\n return {\r\n width: boundingClientRect.width || element.prop('offsetWidth'),\r\n height: boundingClientRect.height || element.prop('offsetHeight'),\r\n top: boundingClientRect.top + ($window.pageYOffset || scrollableContainer.scrollTop - scrollableContainer.offsetTop),\r\n left: boundingClientRect.left + ($window.pageXOffset || scrollableContainer.scrollLeft - scrollableContainer.offsetLeft)\r\n };\r\n },\r\n\r\n /**\r\n * get the event object for touch.\r\n *\r\n * @param {Object} event the touch event\r\n * @return {Object} the touch event object.\r\n */\r\n eventObj: function (event) {\r\n var obj = event;\r\n if (event.targetTouches !== undefined) {\r\n obj = event.targetTouches.item(0);\r\n } else if (event.originalEvent !== undefined && event.originalEvent.targetTouches !== undefined) {\r\n obj = event.originalEvent.targetTouches.item(0);\r\n }\r\n return obj;\r\n },\r\n\r\n /**\r\n * Checks whether the touch is valid and multiple.\r\n *\r\n * @param event the event object.\r\n * @returns {boolean} true if touch is multiple.\r\n */\r\n isTouchInvalid: function (event) {\r\n\r\n var touchInvalid = false;\r\n if (event.touches !== undefined && event.touches.length > 1) {\r\n touchInvalid = true;\r\n } else if (event.originalEvent !== undefined &&\r\n event.originalEvent.touches !== undefined && event.originalEvent.touches.length > 1) {\r\n touchInvalid = true;\r\n }\r\n return touchInvalid;\r\n },\r\n\r\n /**\r\n * Get the start position of the target element according to the provided event properties.\r\n *\r\n * @param {Object} event Event\r\n * @param {Object} target Target element\r\n * @param {Object} [scrollableContainer] (optional) Scrollable container object\r\n * @returns {Object} Object with properties offsetX, offsetY.\r\n */\r\n positionStarted: function (event, target, scrollableContainer) {\r\n var pos = {};\r\n pos.offsetX = event.pageX - this.offset(target, scrollableContainer).left;\r\n pos.offsetY = event.pageY - this.offset(target, scrollableContainer).top;\r\n pos.startX = pos.lastX = event.pageX;\r\n pos.startY = pos.lastY = event.pageY;\r\n pos.nowX = pos.nowY = pos.distX = pos.distY = pos.dirAx = 0;\r\n pos.dirX = pos.dirY = pos.lastDirX = pos.lastDirY = pos.distAxX = pos.distAxY = 0;\r\n return pos;\r\n },\r\n\r\n /**\r\n * Calculates the event position and sets the direction\r\n * properties.\r\n *\r\n * @param pos the current position of the element.\r\n * @param event the move event.\r\n */\r\n calculatePosition: function (pos, event) {\r\n // mouse position last events\r\n pos.lastX = pos.nowX;\r\n pos.lastY = pos.nowY;\r\n\r\n // mouse position this events\r\n pos.nowX = event.pageX;\r\n pos.nowY = event.pageY;\r\n\r\n // distance mouse moved between events\r\n pos.distX = pos.nowX - pos.lastX;\r\n pos.distY = pos.nowY - pos.lastY;\r\n\r\n // direction mouse was moving\r\n pos.lastDirX = pos.dirX;\r\n pos.lastDirY = pos.dirY;\r\n\r\n // direction mouse is now moving (on both axis)\r\n pos.dirX = pos.distX === 0 ? 0 : pos.distX > 0 ? 1 : -1;\r\n pos.dirY = pos.distY === 0 ? 0 : pos.distY > 0 ? 1 : -1;\r\n\r\n // axis mouse is now moving on\r\n var newAx = Math.abs(pos.distX) > Math.abs(pos.distY) ? 1 : 0;\r\n\r\n // calc distance moved on this axis (and direction)\r\n if (pos.dirAx !== newAx) {\r\n pos.distAxX = 0;\r\n pos.distAxY = 0;\r\n } else {\r\n pos.distAxX += Math.abs(pos.distX);\r\n if (pos.dirX !== 0 && pos.dirX !== pos.lastDirX) {\r\n pos.distAxX = 0;\r\n }\r\n\r\n pos.distAxY += Math.abs(pos.distY);\r\n if (pos.dirY !== 0 && pos.dirY !== pos.lastDirY) {\r\n pos.distAxY = 0;\r\n }\r\n }\r\n pos.dirAx = newAx;\r\n },\r\n\r\n /**\r\n * Move the position by applying style.\r\n *\r\n * @param event the event object\r\n * @param element - the dom element\r\n * @param pos - current position\r\n * @param container - the bounding container.\r\n * @param containerPositioning - absolute or relative positioning.\r\n * @param {Object} [scrollableContainer] (optional) Scrollable container object\r\n */\r\n movePosition: function (event, element, pos, container, containerPositioning, scrollableContainer) {\r\n var bounds;\r\n var useRelative = (containerPositioning === 'relative');\r\n\r\n element.x = event.pageX - pos.offsetX;\r\n element.y = event.pageY - pos.offsetY;\r\n\r\n if (container) {\r\n bounds = this.offset(container, scrollableContainer);\r\n\r\n if (useRelative) {\r\n // reduce positioning by bounds\r\n element.x -= bounds.left;\r\n element.y -= bounds.top;\r\n\r\n // reset bounds\r\n bounds.left = 0;\r\n bounds.top = 0;\r\n }\r\n\r\n if (element.x < bounds.left) {\r\n element.x = bounds.left;\r\n } else if (element.x >= bounds.width + bounds.left - this.offset(element).width) {\r\n element.x = bounds.width + bounds.left - this.offset(element).width;\r\n }\r\n if (element.y < bounds.top) {\r\n element.y = bounds.top;\r\n } else if (element.y >= bounds.height + bounds.top - this.offset(element).height) {\r\n element.y = bounds.height + bounds.top - this.offset(element).height;\r\n }\r\n }\r\n\r\n element.css({\r\n 'left': element.x + 'px',\r\n 'top': element.y + 'px'\r\n });\r\n\r\n this.calculatePosition(pos, event);\r\n },\r\n\r\n /**\r\n * The drag item info and functions.\r\n * retains the item info before and after move.\r\n * holds source item and target scope.\r\n *\r\n * @param item - the drag item\r\n * @returns {{index: *, parent: *, source: *,\r\n * sourceInfo: {index: *, itemScope: (*|.dragItem.sourceInfo.itemScope|$scope.itemScope|itemScope), sortableScope: *},\r\n * moveTo: moveTo, isSameParent: isSameParent, isOrderChanged: isOrderChanged, eventArgs: eventArgs, apply: apply}}\r\n */\r\n dragItem: function (item) {\r\n\r\n return {\r\n index: item.index(),\r\n parent: item.sortableScope,\r\n source: item,\r\n targetElement: null,\r\n targetElementOffset: null,\r\n sourceInfo: {\r\n index: item.index(),\r\n itemScope: item.itemScope,\r\n sortableScope: item.sortableScope\r\n },\r\n canMove: function(itemPosition, targetElement, targetElementOffset) {\r\n // return true if targetElement has been changed since last call\r\n if (this.targetElement !== targetElement) {\r\n this.targetElement = targetElement;\r\n this.targetElementOffset = targetElementOffset;\r\n return true;\r\n }\r\n // return true if mouse is moving in the last moving direction of targetElement\r\n if (itemPosition.dirX * (targetElementOffset.left - this.targetElementOffset.left) > 0 ||\r\n itemPosition.dirY * (targetElementOffset.top - this.targetElementOffset.top) > 0) {\r\n this.targetElementOffset = targetElementOffset;\r\n return true;\r\n }\r\n // return false otherwise\r\n return false;\r\n },\r\n moveTo: function (parent, index) {\r\n // move the item to a new position\r\n this.parent = parent;\r\n // if the source item is in the same parent, the target index is after the source index and we're not cloning\r\n if (this.isSameParent() && this.source.index() < index && !this.sourceInfo.sortableScope.cloning) {\r\n index = index - 1;\r\n }\r\n this.index = index;\r\n },\r\n isSameParent: function () {\r\n return this.parent.element === this.sourceInfo.sortableScope.element;\r\n },\r\n isOrderChanged: function () {\r\n return this.index !== this.sourceInfo.index;\r\n },\r\n eventArgs: function () {\r\n return {\r\n source: this.sourceInfo,\r\n dest: {\r\n index: this.index,\r\n sortableScope: this.parent\r\n }\r\n };\r\n },\r\n apply: function () {\r\n if (!this.sourceInfo.sortableScope.cloning) {\r\n // if not cloning, remove the item from the source model.\r\n this.sourceInfo.sortableScope.removeItem(this.sourceInfo.index);\r\n\r\n // if the dragged item is not already there, insert the item. This avoids ng-repeat dupes error\r\n if (this.parent.options.allowDuplicates || this.parent.modelValue.indexOf(this.source.modelValue) < 0) {\r\n this.parent.insertItem(this.index, this.source.modelValue);\r\n }\r\n } else if (!this.parent.options.clone) { // prevent drop inside sortables that specify options.clone = true\r\n // clone the model value as well\r\n this.parent.insertItem(this.index, angular.copy(this.source.modelValue));\r\n }\r\n }\r\n };\r\n },\r\n\r\n /**\r\n * Check the drag is not allowed for the element.\r\n *\r\n * @param element - the element to check\r\n * @returns {boolean} - true if drag is not allowed.\r\n */\r\n noDrag: function (element) {\r\n return element.attr('no-drag') !== undefined || element.attr('data-no-drag') !== undefined;\r\n },\r\n\r\n /**\r\n * Helper function to find the first ancestor with a given selector\r\n * @param el - angular element to start looking at\r\n * @param selector - selector to find the parent\r\n * @returns {Object} - Angular element of the ancestor or body if not found\r\n * @private\r\n */\r\n findAncestor: function (el, selector) {\r\n el = el[0];\r\n var matches = Element.matches || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;\r\n while ((el = el.parentElement) && !matches.call(el, selector)) {\r\n }\r\n return el ? angular.element(el) : angular.element(document.body);\r\n }\r\n };\r\n }\r\n ]);\r\n\r\n}());\r\n\r\n/*jshint undef: false, unused: false, indent: 2*/\r\n/*global angular: false */\r\n\r\n(function () {\r\n\r\n 'use strict';\r\n var mainModule = angular.module('as.sortable');\r\n\r\n /**\r\n * Controller for Sortable.\r\n * @param $scope - the sortable scope.\r\n */\r\n mainModule.controller('as.sortable.sortableController', ['$scope', function ($scope) {\r\n\r\n this.scope = $scope;\r\n\r\n $scope.modelValue = null; // sortable list.\r\n $scope.callbacks = null;\r\n $scope.type = 'sortable';\r\n $scope.options = {\r\n longTouch: false\r\n };\r\n $scope.isDisabled = false;\r\n\r\n /**\r\n * Inserts the item in to the sortable list.\r\n *\r\n * @param index - the item index.\r\n * @param itemData - the item model data.\r\n */\r\n $scope.insertItem = function (index, itemData) {\r\n if ($scope.options.allowDuplicates) {\r\n $scope.modelValue.splice(index, 0, angular.copy(itemData));\r\n } else {\r\n $scope.modelValue.splice(index, 0, itemData);\r\n }\r\n };\r\n\r\n /**\r\n * Removes the item from the sortable list.\r\n *\r\n * @param index - index to be removed.\r\n * @returns {*} - removed item.\r\n */\r\n $scope.removeItem = function (index) {\r\n var removedItem = null;\r\n if (index > -1) {\r\n removedItem = $scope.modelValue.splice(index, 1)[0];\r\n }\r\n return removedItem;\r\n };\r\n\r\n /**\r\n * Checks whether the sortable list is empty.\r\n *\r\n * @returns {null|*|$scope.modelValue|boolean}\r\n */\r\n $scope.isEmpty = function () {\r\n return ($scope.modelValue && $scope.modelValue.length === 0);\r\n };\r\n\r\n /**\r\n * Wrapper for the accept callback delegates to callback.\r\n *\r\n * @param sourceItemHandleScope - drag item handle scope.\r\n * @param destScope - sortable target scope.\r\n * @param destItemScope - sortable destination item scope.\r\n * @returns {*|boolean} - true if drop is allowed for the drag item in drop target.\r\n */\r\n $scope.accept = function (sourceItemHandleScope, destScope, destItemScope) {\r\n return $scope.callbacks.accept(sourceItemHandleScope, destScope, destItemScope);\r\n };\r\n\r\n }]);\r\n\r\n /**\r\n * Sortable directive - defines callbacks.\r\n * Parent directive for draggable and sortable items.\r\n * Sets modelValue, callbacks, element in scope.\r\n * sortOptions also includes a longTouch option which activates longTouch when set to true (default is false).\r\n */\r\n mainModule.directive('asSortable',\r\n function () {\r\n return {\r\n require: 'ngModel', // get a hold of NgModelController\r\n restrict: 'A',\r\n scope: true,\r\n controller: 'as.sortable.sortableController',\r\n link: function (scope, element, attrs, ngModelController) {\r\n\r\n var ngModel, callbacks;\r\n\r\n ngModel = ngModelController;\r\n\r\n if (!ngModel) {\r\n return; // do nothing if no ng-model\r\n }\r\n\r\n // Set the model value in to scope.\r\n ngModel.$render = function () {\r\n scope.modelValue = ngModel.$modelValue;\r\n };\r\n //set the element in scope to be accessed by its sub scope.\r\n scope.element = element;\r\n element.data('_scope',scope); // #144, work with angular debugInfoEnabled(false)\r\n\r\n callbacks = {accept: null, orderChanged: null, itemMoved: null, dragStart: null, dragMove:null, dragCancel: null, dragEnd: null};\r\n\r\n /**\r\n * Invoked to decide whether to allow drop.\r\n *\r\n * @param sourceItemHandleScope - the drag item handle scope.\r\n * @param destSortableScope - the drop target sortable scope.\r\n * @param destItemScope - the drop target item scope.\r\n * @returns {boolean} - true if allowed for drop.\r\n */\r\n callbacks.accept = function (sourceItemHandleScope, destSortableScope, destItemScope) {\r\n return true;\r\n };\r\n\r\n /**\r\n * Invoked when order of a drag item is changed.\r\n *\r\n * @param event - the event object.\r\n */\r\n callbacks.orderChanged = function (event) {\r\n };\r\n\r\n /**\r\n * Invoked when the item is moved to other sortable.\r\n *\r\n * @param event - the event object.\r\n */\r\n callbacks.itemMoved = function (event) {\r\n };\r\n\r\n /**\r\n * Invoked when the drag started successfully.\r\n *\r\n * @param event - the event object.\r\n */\r\n callbacks.dragStart = function (event) {\r\n };\r\n\r\n /**\r\n * Invoked when the drag move.\r\n *\r\n * @param itemPosition - the item position.\r\n * @param containment - the containment element.\r\n * @param eventObj - the event object.\r\n */\r\n callbacks.dragMove = angular.noop;\r\n\r\n /**\r\n * Invoked when the drag cancelled.\r\n *\r\n * @param event - the event object.\r\n */\r\n callbacks.dragCancel = function (event) {\r\n };\r\n\r\n /**\r\n * Invoked when the drag stopped.\r\n *\r\n * @param event - the event object.\r\n */\r\n callbacks.dragEnd = function (event) {\r\n };\r\n\r\n //Set the sortOptions callbacks else set it to default.\r\n scope.$watch(attrs.asSortable, function (newVal, oldVal) {\r\n angular.forEach(newVal, function (value, key) {\r\n if (callbacks[key]) {\r\n if (typeof value === 'function') {\r\n callbacks[key] = value;\r\n }\r\n } else {\r\n scope.options[key] = value;\r\n }\r\n });\r\n scope.callbacks = callbacks;\r\n }, true);\r\n\r\n // Set isDisabled if attr is set, if undefined isDisabled = false\r\n if (angular.isDefined(attrs.isDisabled)) {\r\n scope.$watch(attrs.isDisabled, function (newVal, oldVal) {\r\n if (!angular.isUndefined(newVal)) {\r\n scope.isDisabled = newVal;\r\n }\r\n }, true);\r\n }\r\n }\r\n };\r\n });\r\n\r\n}());\r\n\r\n/*jshint indent: 2 */\r\n/*global angular: false */\r\n\r\n(function () {\r\n\r\n 'use strict';\r\n var mainModule = angular.module('as.sortable');\r\n\r\n /**\r\n * Controller for sortableItemHandle\r\n *\r\n * @param $scope - item handle scope.\r\n */\r\n mainModule.controller('as.sortable.sortableItemHandleController', ['$scope', function ($scope) {\r\n\r\n this.scope = $scope;\r\n\r\n $scope.itemScope = null;\r\n $scope.type = 'handle';\r\n }]);\r\n\r\n //Check if a node is parent to another node\r\n function isParent(possibleParent, elem) {\r\n if(!elem || elem.nodeName === 'HTML') {\r\n return false;\r\n }\r\n\r\n if(elem.parentNode === possibleParent) {\r\n return true;\r\n }\r\n\r\n return isParent(possibleParent, elem.parentNode);\r\n }\r\n\r\n /**\r\n * Directive for sortable item handle.\r\n */\r\n mainModule.directive('asSortableItemHandle', ['sortableConfig', '$helper', '$window', '$document', '$timeout',\r\n function (sortableConfig, $helper, $window, $document, $timeout) {\r\n return {\r\n require: '^asSortableItem',\r\n scope: true,\r\n restrict: 'A',\r\n controller: 'as.sortable.sortableItemHandleController',\r\n link: function (scope, element, attrs, itemController) {\r\n\r\n var dragElement, //drag item element.\r\n placeHolder, //place holder class element.\r\n placeElement,//hidden place element.\r\n itemPosition, //drag item element position.\r\n dragItemInfo, //drag item data.\r\n containment,//the drag container.\r\n containerPositioning, // absolute or relative positioning.\r\n dragListen,// drag listen event.\r\n scrollableContainer, //the scrollable container\r\n dragStart,// drag start event.\r\n dragMove,//drag move event.\r\n dragEnd,//drag end event.\r\n dragCancel,//drag cancel event.\r\n isDraggable,//is element draggable.\r\n placeHolderIndex,//placeholder index in items elements.\r\n bindDrag,//bind drag events.\r\n unbindDrag,//unbind drag events.\r\n bindEvents,//bind the drag events.\r\n unBindEvents,//unbind the drag events.\r\n hasTouch,// has touch support.\r\n isIOS,// is iOS device.\r\n longTouchStart, // long touch start event\r\n longTouchCancel, // cancel long touch\r\n longTouchTimer, // timer promise for the long touch on iOS devices\r\n dragHandled, //drag handled.\r\n createPlaceholder,//create place holder.\r\n isPlaceHolderPresent,//is placeholder present.\r\n isDisabled = false, // drag enabled\r\n escapeListen, // escape listen event\r\n isLongTouch = false; //long touch disabled.\r\n\r\n hasTouch = 'ontouchstart' in $window;\r\n isIOS = /iPad|iPhone|iPod/.test($window.navigator.userAgent) && !$window.MSStream;\r\n\r\n if (sortableConfig.handleClass) {\r\n element.addClass(sortableConfig.handleClass);\r\n }\r\n\r\n scope.itemScope = itemController.scope;\r\n element.data('_scope', scope); // #144, work with angular debugInfoEnabled(false)\r\n\r\n scope.$watchGroup(['sortableScope.isDisabled', 'sortableScope.options.longTouch'],\r\n function (newValues) {\r\n if (isDisabled !== newValues[0]) {\r\n isDisabled = newValues[0];\r\n if (isDisabled) {\r\n unbindDrag();\r\n } else {\r\n bindDrag();\r\n }\r\n } else if (isLongTouch !== newValues[1]) {\r\n isLongTouch = newValues[1];\r\n unbindDrag();\r\n bindDrag();\r\n } else {\r\n bindDrag();\r\n }\r\n });\r\n\r\n scope.$on('$destroy', function () {\r\n angular.element($document[0].body).unbind('keydown', escapeListen);\r\n });\r\n\r\n createPlaceholder = function (itemScope) {\r\n if (typeof scope.sortableScope.options.placeholder === 'function') {\r\n return angular.element(scope.sortableScope.options.placeholder(itemScope));\r\n } else if (typeof scope.sortableScope.options.placeholder === 'string') {\r\n return angular.element(scope.sortableScope.options.placeholder);\r\n } else {\r\n return angular.element($document[0].createElement(itemScope.element.prop('tagName')));\r\n }\r\n };\r\n\r\n /**\r\n * Listens for a 10px movement before\r\n * dragStart is called to allow for\r\n * a click event on the element.\r\n *\r\n * @param event - the event object.\r\n */\r\n dragListen = function (event) {\r\n\r\n var unbindMoveListen = function () {\r\n angular.element($document).unbind('mousemove', moveListen);\r\n angular.element($document).unbind('touchmove', moveListen);\r\n element.unbind('mouseup', unbindMoveListen);\r\n element.unbind('touchend', unbindMoveListen);\r\n element.unbind('touchcancel', unbindMoveListen);\r\n };\r\n\r\n var startPosition;\r\n var moveListen = function (e) {\r\n e.preventDefault();\r\n var eventObj = $helper.eventObj(e);\r\n if (!startPosition) {\r\n startPosition = { clientX: eventObj.clientX, clientY: eventObj.clientY };\r\n }\r\n if (Math.abs(eventObj.clientX - startPosition.clientX) + Math.abs(eventObj.clientY - startPosition.clientY) > 10) {\r\n unbindMoveListen();\r\n dragStart(event);\r\n }\r\n };\r\n\r\n angular.element($document).bind('mousemove', moveListen);\r\n angular.element($document).bind('touchmove', moveListen);\r\n element.bind('mouseup', unbindMoveListen);\r\n element.bind('touchend', unbindMoveListen);\r\n element.bind('touchcancel', unbindMoveListen);\r\n event.stopPropagation();\r\n };\r\n\r\n /**\r\n * Triggered when drag event starts.\r\n *\r\n * @param event the event object.\r\n */\r\n dragStart = function (event) {\r\n\r\n var eventObj, tagName;\r\n\r\n if (!hasTouch && (event.button === 2 || event.which === 3)) {\r\n // disable right click\r\n return;\r\n }\r\n if (hasTouch && $helper.isTouchInvalid(event)) {\r\n return;\r\n }\r\n if (dragHandled || !isDraggable(event)) {\r\n // event has already fired in other scope.\r\n return;\r\n }\r\n // Set the flag to prevent other items from inheriting the drag event\r\n dragHandled = true;\r\n event.preventDefault();\r\n eventObj = $helper.eventObj(event);\r\n scope.sortableScope = scope.sortableScope || scope.itemScope.sortableScope; //isolate directive scope issue.\r\n scope.callbacks = scope.callbacks || scope.itemScope.callbacks; //isolate directive scope issue.\r\n\r\n if (scope.itemScope.sortableScope.options.clone || (scope.itemScope.sortableScope.options.ctrlClone && event.ctrlKey)) {\r\n // Clone option is true\r\n // or Ctrl clone option is true & the ctrl key was pressed when the user innitiated drag\r\n scope.itemScope.sortableScope.cloning = true;\r\n } else {\r\n scope.itemScope.sortableScope.cloning = false;\r\n }\r\n\r\n // (optional) Scrollable container as reference for top & left offset calculations, defaults to Document\r\n scrollableContainer = angular.element($document[0].querySelector(scope.sortableScope.options.scrollableContainer)).length > 0 ?\r\n $document[0].querySelector(scope.sortableScope.options.scrollableContainer) : $document[0].documentElement;\r\n\r\n containment = (scope.sortableScope.options.containment)? $helper.findAncestor(element, scope.sortableScope.options.containment):angular.element($document[0].body);\r\n //capture mouse move on containment.\r\n containment.css('cursor', 'move');\r\n containment.css('cursor', '-webkit-grabbing');\r\n containment.css('cursor', '-moz-grabbing');\r\n containment.addClass('as-sortable-un-selectable');\r\n\r\n // container positioning\r\n containerPositioning = scope.sortableScope.options.containerPositioning || 'absolute';\r\n\r\n dragItemInfo = $helper.dragItem(scope);\r\n tagName = scope.itemScope.element.prop('tagName');\r\n\r\n dragElement = angular.element($document[0].createElement(scope.sortableScope.element.prop('tagName')))\r\n .addClass(scope.sortableScope.element.attr('class')).addClass(sortableConfig.dragClass);\r\n dragElement.css('width', $helper.width(scope.itemScope.element) + 'px');\r\n dragElement.css('height', $helper.height(scope.itemScope.element) + 'px');\r\n\r\n placeHolder = createPlaceholder(scope.itemScope)\r\n .addClass(sortableConfig.placeHolderClass).addClass(scope.sortableScope.options.additionalPlaceholderClass);\r\n placeHolder.css('width', $helper.width(scope.itemScope.element) + 'px');\r\n placeHolder.css('height', $helper.height(scope.itemScope.element) + 'px');\r\n\r\n placeElement = angular.element($document[0].createElement(tagName));\r\n if (sortableConfig.hiddenClass) {\r\n placeElement.addClass(sortableConfig.hiddenClass);\r\n }\r\n\r\n itemPosition = $helper.positionStarted(eventObj, scope.itemScope.element, scrollableContainer);\r\n\r\n // fill the immediate vacuum.\r\n if (!scope.itemScope.sortableScope.options.clone) {\r\n scope.itemScope.element.after(placeHolder);\r\n }\r\n\r\n if (scope.itemScope.sortableScope.cloning) {\r\n // clone option is enabled or triggered, so clone the element.\r\n dragElement.append(scope.itemScope.element.clone());\r\n }\r\n else {\r\n // add hidden placeholder element in original position.\r\n scope.itemScope.element.after(placeElement);\r\n // not cloning, so use the original element.\r\n dragElement.append(scope.itemScope.element);\r\n }\r\n\r\n containment.append(dragElement);\r\n $helper.movePosition(eventObj, dragElement, itemPosition, containment, containerPositioning, scrollableContainer);\r\n\r\n scope.sortableScope.$apply(function () {\r\n scope.callbacks.dragStart(dragItemInfo.eventArgs());\r\n });\r\n bindEvents();\r\n };\r\n\r\n /**\r\n * Allow Drag if it is a proper item-handle element.\r\n *\r\n * @param event - the event object.\r\n * @return boolean - true if element is draggable.\r\n */\r\n isDraggable = function (event) {\r\n\r\n var elementClicked, sourceScope, isDraggable;\r\n\r\n elementClicked = angular.element(event.target);\r\n\r\n // look for the handle on the current scope or parent scopes\r\n sourceScope = fetchScope(elementClicked);\r\n\r\n isDraggable = (sourceScope && sourceScope.type === 'handle');\r\n\r\n //If a 'no-drag' element inside item-handle if any.\r\n while (isDraggable && elementClicked[0] !== element[0]) {\r\n if ($helper.noDrag(elementClicked)) {\r\n isDraggable = false;\r\n }\r\n elementClicked = elementClicked.parent();\r\n }\r\n return isDraggable;\r\n };\r\n\r\n /**\r\n * Inserts the placeHolder in to the targetScope.\r\n *\r\n * @param targetElement the target element\r\n * @param targetScope the target scope\r\n */\r\n function insertBefore(targetElement, targetScope) {\r\n // Ensure the placeholder is visible in the target (unless it's a table row)\r\n if (placeHolder.css('display') !== 'table-row') {\r\n placeHolder.css('display', 'block');\r\n }\r\n if (!targetScope.sortableScope.options.clone) {\r\n targetElement[0].parentNode.insertBefore(placeHolder[0], targetElement[0]);\r\n dragItemInfo.moveTo(targetScope.sortableScope, targetScope.index());\r\n }\r\n }\r\n\r\n /**\r\n * Inserts the placeHolder next to the targetScope.\r\n *\r\n * @param targetElement the target element\r\n * @param targetScope the target scope\r\n */\r\n function insertAfter(targetElement, targetScope) {\r\n // Ensure the placeholder is visible in the target (unless it's a table row)\r\n if (placeHolder.css('display') !== 'table-row') {\r\n placeHolder.css('display', 'block');\r\n }\r\n if (!targetScope.sortableScope.options.clone) {\r\n targetElement.after(placeHolder);\r\n dragItemInfo.moveTo(targetScope.sortableScope, targetScope.index() + 1);\r\n }\r\n }\r\n\r\n /**\r\n * Triggered when drag is moving.\r\n *\r\n * @param event - the event object.\r\n */\r\n dragMove = function (event) {\r\n\r\n var eventObj, targetX, targetY, targetScope, targetElement;\r\n\r\n if (hasTouch && $helper.isTouchInvalid(event)) {\r\n return;\r\n }\r\n // Ignore event if not handled\r\n if (!dragHandled) {\r\n return;\r\n }\r\n if (dragElement) {\r\n\r\n event.preventDefault();\r\n\r\n eventObj = $helper.eventObj(event);\r\n\r\n // checking if dragMove callback exists, to prevent application\r\n // rerenderings on each mouse move event\r\n if (scope.callbacks.dragMove !== angular.noop) {\r\n scope.sortableScope.$apply(function () {\r\n scope.callbacks.dragMove(itemPosition, containment, eventObj);\r\n });\r\n }\r\n\r\n targetX = eventObj.pageX - $document[0].documentElement.scrollLeft;\r\n targetY = eventObj.pageY - ($window.pageYOffset || $document[0].documentElement.scrollTop);\r\n\r\n //IE fixes: hide show element, call element from point twice to return pick correct element.\r\n dragElement.addClass(sortableConfig.hiddenClass);\r\n targetElement = angular.element($document[0].elementFromPoint(targetX, targetY));\r\n dragElement.removeClass(sortableConfig.hiddenClass);\r\n\r\n $helper.movePosition(eventObj, dragElement, itemPosition, containment, containerPositioning, scrollableContainer);\r\n\r\n //Set Class as dragging starts\r\n dragElement.addClass(sortableConfig.dragging);\r\n\r\n targetScope = fetchScope(targetElement);\r\n\r\n if (!targetScope || !targetScope.type) {\r\n return;\r\n }\r\n if (targetScope.type === 'handle') {\r\n targetScope = targetScope.itemScope;\r\n }\r\n if (targetScope.type !== 'item' && targetScope.type !== 'sortable') {\r\n return;\r\n }\r\n\r\n if (targetScope.type === 'item' && targetScope.accept(scope, targetScope.sortableScope, targetScope)) {\r\n // decide where to insert placeholder based on target element and current placeholder if is present\r\n targetElement = targetScope.element;\r\n\r\n // Fix #241 Drag and drop have trembling with blocks of different size\r\n var targetElementOffset = $helper.offset(targetElement, scrollableContainer);\r\n if (!dragItemInfo.canMove(itemPosition, targetElement, targetElementOffset)) {\r\n return;\r\n }\r\n\r\n var placeholderIndex = placeHolderIndex(targetScope.sortableScope.element);\r\n if (placeholderIndex < 0) {\r\n insertBefore(targetElement, targetScope);\r\n } else {\r\n if (placeholderIndex <= targetScope.index()) {\r\n insertAfter(targetElement, targetScope);\r\n } else {\r\n insertBefore(targetElement, targetScope);\r\n }\r\n }\r\n }\r\n\r\n if (targetScope.type === 'sortable') {//sortable scope.\r\n if (targetScope.accept(scope, targetScope) &&\r\n !isParent(targetScope.element[0], targetElement[0])) {\r\n //moving over sortable bucket. not over item.\r\n if (!isPlaceHolderPresent(targetElement) && !targetScope.options.clone) {\r\n targetElement[0].appendChild(placeHolder[0]);\r\n dragItemInfo.moveTo(targetScope, targetScope.modelValue.length);\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n\r\n /**\r\n * Fetch scope from element or parents\r\n * @param {object} element Source element\r\n * @return {object} Scope, or null if not found\r\n */\r\n function fetchScope(element) {\r\n var scope;\r\n while (!scope && element.length) {\r\n scope = element.data('_scope');\r\n if (!scope) {\r\n element = element.parent();\r\n }\r\n }\r\n return scope;\r\n }\r\n\r\n\r\n /**\r\n * Get position of place holder among item elements in itemScope.\r\n * @param targetElement the target element to check with.\r\n * @returns {*} -1 if placeholder is not present, index if yes.\r\n */\r\n placeHolderIndex = function (targetElement) {\r\n var itemElements, i;\r\n // targetElement is placeHolder itself, return index 0\r\n if (targetElement.hasClass(sortableConfig.placeHolderClass)){\r\n return 0;\r\n }\r\n // find index in target children\r\n itemElements = targetElement.children();\r\n for (i = 0; i < itemElements.length; i += 1) {\r\n //TODO may not be accurate when elements contain other siblings than item elements\r\n //solve by adding 1 to model index of previous item element\r\n if (angular.element(itemElements[i]).hasClass(sortableConfig.placeHolderClass)) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n };\r\n\r\n\r\n /**\r\n * Check there is no place holder placed by itemScope.\r\n * @param targetElement the target element to check with.\r\n * @returns {*} true if place holder present.\r\n */\r\n isPlaceHolderPresent = function (targetElement) {\r\n return placeHolderIndex(targetElement) >= 0;\r\n };\r\n\r\n /**\r\n * Rollback the drag data changes.\r\n */\r\n\r\n function rollbackDragChanges() {\r\n if (!scope.itemScope.sortableScope.cloning) {\r\n placeElement.replaceWith(scope.itemScope.element);\r\n }\r\n placeHolder.remove();\r\n dragElement.remove();\r\n dragElement = null;\r\n dragHandled = false;\r\n containment.css('cursor', '');\r\n containment.removeClass('as-sortable-un-selectable');\r\n }\r\n\r\n /**\r\n * triggered while drag ends.\r\n *\r\n * @param event - the event object.\r\n */\r\n dragEnd = function (event) {\r\n // Ignore event if not handled\r\n if (!dragHandled) {\r\n return;\r\n }\r\n event.preventDefault();\r\n if (dragElement) {\r\n //rollback all the changes.\r\n rollbackDragChanges();\r\n // update model data\r\n dragItemInfo.apply();\r\n scope.sortableScope.$apply(function () {\r\n if (dragItemInfo.isSameParent()) {\r\n if (dragItemInfo.isOrderChanged()) {\r\n scope.callbacks.orderChanged(dragItemInfo.eventArgs());\r\n }\r\n } else {\r\n scope.callbacks.itemMoved(dragItemInfo.eventArgs());\r\n }\r\n });\r\n scope.sortableScope.$apply(function () {\r\n scope.callbacks.dragEnd(dragItemInfo.eventArgs());\r\n });\r\n dragItemInfo = null;\r\n }\r\n unBindEvents();\r\n };\r\n\r\n /**\r\n * triggered while drag is cancelled.\r\n *\r\n * @param event - the event object.\r\n */\r\n dragCancel = function (event) {\r\n // Ignore event if not handled\r\n if (!dragHandled) {\r\n return;\r\n }\r\n event.preventDefault();\r\n\r\n if (dragElement) {\r\n //rollback all the changes.\r\n rollbackDragChanges();\r\n scope.sortableScope.$apply(function () {\r\n scope.callbacks.dragCancel(dragItemInfo.eventArgs());\r\n });\r\n dragItemInfo = null;\r\n }\r\n unBindEvents();\r\n };\r\n\r\n /**\r\n * Binds the drag start events.\r\n */\r\n bindDrag = function () {\r\n if (hasTouch) {\r\n if (isLongTouch) {\r\n if (isIOS) {\r\n element.bind('touchstart', longTouchStart);\r\n element.bind('touchend', longTouchCancel);\r\n element.bind('touchmove', longTouchCancel);\r\n } else {\r\n element.bind('contextmenu', dragListen);\r\n }\r\n } else {\r\n element.bind('touchstart', dragListen);\r\n }\r\n }\r\n element.bind('mousedown', dragListen);\r\n };\r\n\r\n /**\r\n * Unbinds the drag start events.\r\n */\r\n unbindDrag = function () {\r\n element.unbind('touchstart', longTouchStart);\r\n element.unbind('touchend', longTouchCancel);\r\n element.unbind('touchmove', longTouchCancel);\r\n element.unbind('contextmenu', dragListen);\r\n element.unbind('touchstart', dragListen);\r\n element.unbind('mousedown', dragListen);\r\n };\r\n\r\n /**\r\n * starts a timer to detect long touch on iOS devices. If touch held for more than 500ms,\r\n * it would be considered as long touch.\r\n *\r\n * @param event - the event object.\r\n */\r\n longTouchStart = function(event) {\r\n longTouchTimer = $timeout(function() {\r\n dragListen(event);\r\n }, 500);\r\n };\r\n\r\n /**\r\n * cancel the long touch and its timer.\r\n */\r\n longTouchCancel = function() {\r\n $timeout.cancel(longTouchTimer);\r\n };\r\n\r\n //bind drag start events.\r\n //put in a watcher since this method is now depending on the longtouch option from sortable.sortOptions\r\n //bindDrag();\r\n\r\n //Cancel drag on escape press.\r\n escapeListen = function (event) {\r\n if (event.keyCode === 27) {\r\n dragCancel(event);\r\n }\r\n };\r\n angular.element($document[0].body).bind('keydown', escapeListen);\r\n\r\n /**\r\n * Binds the events based on the actions.\r\n */\r\n bindEvents = function () {\r\n angular.element($document).bind('touchmove', dragMove);\r\n angular.element($document).bind('touchend', dragEnd);\r\n angular.element($document).bind('touchcancel', dragCancel);\r\n angular.element($document).bind('mousemove', dragMove);\r\n angular.element($document).bind('mouseup', dragEnd);\r\n };\r\n\r\n /**\r\n * Un binds the events for drag support.\r\n */\r\n unBindEvents = function () {\r\n angular.element($document).unbind('touchend', dragEnd);\r\n angular.element($document).unbind('touchcancel', dragCancel);\r\n angular.element($document).unbind('touchmove', dragMove);\r\n angular.element($document).unbind('mouseup', dragEnd);\r\n angular.element($document).unbind('mousemove', dragMove);\r\n };\r\n }\r\n };\r\n }]);\r\n}());\r\n\r\n/*jshint indent: 2 */\r\n/*global angular: false */\r\n\r\n(function () {\r\n\r\n 'use strict';\r\n var mainModule = angular.module('as.sortable');\r\n\r\n /**\r\n * Controller for sortable item.\r\n *\r\n * @param $scope - drag item scope\r\n */\r\n mainModule.controller('as.sortable.sortableItemController', ['$scope', function ($scope) {\r\n\r\n this.scope = $scope;\r\n\r\n $scope.sortableScope = null;\r\n $scope.modelValue = null; // sortable item.\r\n $scope.type = 'item';\r\n\r\n /**\r\n * returns the index of the drag item from the sortable list.\r\n *\r\n * @returns {*} - index value.\r\n */\r\n $scope.index = function () {\r\n return $scope.$index;\r\n };\r\n\r\n /**\r\n * Returns the item model data.\r\n *\r\n * @returns {*} - item model value.\r\n */\r\n $scope.itemData = function () {\r\n return $scope.sortableScope.modelValue[$scope.$index];\r\n };\r\n\r\n }]);\r\n\r\n /**\r\n * sortableItem directive.\r\n */\r\n mainModule.directive('asSortableItem', ['sortableConfig',\r\n function (sortableConfig) {\r\n return {\r\n require: ['^asSortable', '?ngModel'],\r\n restrict: 'A',\r\n controller: 'as.sortable.sortableItemController',\r\n link: function (scope, element, attrs, ctrl) {\r\n var sortableController = ctrl[0];\r\n var ngModelController = ctrl[1];\r\n if (sortableConfig.itemClass) {\r\n element.addClass(sortableConfig.itemClass);\r\n }\r\n scope.sortableScope = sortableController.scope;\r\n if (ngModelController) {\r\n ngModelController.$render = function () {\r\n scope.modelValue = ngModelController.$modelValue;\r\n };\r\n } else {\r\n scope.modelValue = sortableController.scope.modelValue[scope.$index];\r\n }\r\n scope.element = element;\r\n element.data('_scope',scope); // #144, work with angular debugInfoEnabled(false)\r\n }\r\n };\r\n }]);\r\n\r\n}());\r\n","app.controller('tabCtrl', ['$scope', '$rootScope', function ($scope, $rootScope) {\r\n\r\n //$scope.tab = 1;\r\n\r\n $scope.setTab = function (newTab) {\r\n $scope.tab = newTab;\r\n };\r\n\r\n $scope.isSet = function (tabNum) {\r\n return $scope.tab === tabNum;\r\n };\r\n\r\n $rootScope.$on('setTab', function (event, data) {\r\n if ($scope.tabGroup === data.tabGroup) {\r\n $scope.setTab(data.tabNumber);\r\n }\r\n });\r\n}]);","app.component('agentSearch', {\r\n bindings: {\r\n onAgentSelect: '&'\r\n },\r\n templateUrl: './App/Agents/AgentSearch.html',\r\n controller: ['sessions', 'httpWithCancel',\r\n function (sessions, httpWithCancel) {\r\n var that = this;\r\n\r\n that.init = function () {\r\n that.session = sessions.getCurrent();\r\n that.agentSearch = null;\r\n that.isSearchingForMember = false;\r\n that.cancelSearchFunc = null;\r\n that.agentSearchResults = null;\r\n that.selectedAgent = null;\r\n };\r\n\r\n that.searchForAgents = function () {\r\n if (that.agentSearch !== null && that.agentSearch !== '') {\r\n var args = {\r\n method: 'POST',\r\n url: './api/MemberSearch',\r\n headers: { 'Content-Type': 'text/plain' },\r\n data: that.agentSearch\r\n },\r\n success = function (response) {\r\n that.agentSearchResults = response.data;\r\n that.cancelSearchFunc = null;\r\n that.isSearchingForMember = false;\r\n },\r\n error = function (response) {\r\n that.cancelSearchFunc = null;\r\n that.isSearchingForMember = false;\r\n sessions.reportHttpError(response);\r\n };\r\n\r\n if (that.cancelSearchFunc !== null) {\r\n that.cancelSearchFunc();\r\n }\r\n\r\n that.isSearchingForMember = true;\r\n that.cancelSearchFunc = httpWithCancel.http(args, success, error);\r\n } else {\r\n that.cancelSearchFunc = null;\r\n that.isSearchingForMember = false;\r\n that.agentSearchResults = [];\r\n }\r\n }\r\n\r\n that.noAgentsFound = function () {\r\n return that.isSearchingForMember === false && that.agentSearchResults !== '' && that.agentSearchResults !== null && that.agentSearchResults.length === 0;\r\n }\r\n\r\n that.selectAgent = function (agent) {\r\n that.onAgentSelect({ 'agent': agent });\r\n }\r\n\r\n that.highlightsSearchHits = function (agent) {\r\n let agentInfo = `${agent.MemberFullName ?? agent.MemberMlsId} (${agent.MemberMlsId})`;\r\n const searchTerms = that.agentSearch.split(/[ ]+/),\r\n regex = new RegExp(`(${searchTerms.join('|')})`, 'gi'),\r\n highlightedResult = agentInfo.replace(regex, match => `
${match} `);\r\n\r\n if (agent.OfficeMlsId)\r\n agentInfo += `,
Office ID: ${agent.OfficeMlsId} `;\r\n\r\n return highlightedResult;\r\n };\r\n\r\n // TODO: delete this if no hidden behavior here\r\n that.highlightsSearchHitsUNUSED = function (agent) {\r\n\r\n var s = `${agent.MemberFullName} (${agent.MemberMlsId}) - ${agent.OfficeMlsId}`,\r\n words = new Set( // remove duplicates\r\n that.agentSearch.split(/[ ]+/)\r\n .sort(function (a, b) { // order largest words first\r\n return b.length - a.length;\r\n })),\r\n matches = [],\r\n getAllIndices = function (arr, val) {\r\n var indexes = [],\r\n aUpper = arr.toUpperCase(),\r\n vUpper = val.toUpperCase();\r\n i = -1,\r\n j = 0;\r\n while ((i = aUpper.indexOf(vUpper, j)) != -1) {\r\n if (i > -1) {\r\n indexes.push(i);\r\n j = i + val.length;\r\n }\r\n }\r\n return indexes;\r\n },\r\n indexFree = function (index, matches) {\r\n var result = true;\r\n matches.forEach(match => {\r\n if (index === match[\"index\"] || (index > match[\"index\"] && index < match[\"index\"] + match[\"word\"].length)) {\r\n result = false;\r\n }\r\n });\r\n return result;\r\n };\r\n\r\n words.forEach(word => {\r\n var hits = getAllIndices(s, word);\r\n\r\n if (Array.isArray(hits) && hits.length > 0) {\r\n hits.forEach(index => {\r\n if (indexFree(index, matches)) {\r\n matches.push({ \"index\": index, \"word\": word });\r\n }\r\n });\r\n }\r\n });\r\n\r\n //replace search hits in reverse order\r\n matches = matches.sort(function (a, b) {\r\n return b[\"index\"] - a[\"index\"];\r\n });\r\n matches.forEach(match => {\r\n var index = match[\"index\"],\r\n endStart = match[\"index\"] + match[\"word\"].length,\r\n start = (index === 0) ? \"\" : s.substring(0, index),\r\n middle = `
${match[\"word\"]} `,\r\n end = (endStart > s.length - 1) ? \"\" : s.substring(endStart);\r\n s = start + middle + end;\r\n });\r\n\r\n // this approach falls to pieces when words match with part of the
tag\r\n //words.forEach(word => {\r\n // var reString = `${word}`,\r\n // re = new RegExp(reString, 'gi');\r\n // s = s.replace(re, `${word} `);\r\n //});\r\n\r\n return s;\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.controller('emailModalCtrl', [ '$scope', '$http', function ($scope, $http) {\r\n\r\n $scope.emailModalIsOpen = false;\r\n\r\n $scope.$on('sendEmail', function (event, data) {\r\n\r\n $scope.to = data.to;\r\n\r\n $scope.emailModalIsOpen = true;\r\n });\r\n\r\n $scope.send = function () {\r\n var args = {\r\n url: './Email/Send',\r\n method: 'POST',\r\n data: {\r\n To: $scope.to,\r\n //From: $scope.,\r\n CC: $scope.cc,\r\n Title: $scope.subject,\r\n Body: $scope.body\r\n }\r\n },\r\n success = function (response) {\r\n //todo: setup modals and logging for success and error reponses\r\n },\r\n error = function (response) {\r\n\r\n };\r\n\r\n $http(args).then(success, error);\r\n\r\n $scope.to = '';\r\n $scope.cc = '';\r\n $scope.subject = '';\r\n $scope.body = '';\r\n\r\n $scope.emailModalIsOpen = false;\r\n };\r\n\r\n}]);","app.component('login', {\r\n bindings: {},\r\n templateUrl: './App/Login/Login.html',\r\n controller: ['$http', '$scope', '$rootScope', '$location', '$routeParams', 'sessions', 'configService',\r\n function ($http, $scope, $rootScope, $location, $routeParams, sessions, configService) {\r\n\r\n var that = this;\r\n\r\n that.init = function () {\r\n //redirect to main app if user is already logged in\r\n if (sessions.getCurrent() !== null) {\r\n $location.url('/packages');\r\n }\r\n\r\n configService.getConfig((response) => { that.config = response.data; });\r\n\r\n that.username = '';\r\n that.password = '';\r\n that.isLogingIn = false;\r\n\r\n $scope.$on('EnterKeyPress', function(e) {\r\n console.log('Debug: Enter key pressed @ login page');\r\n that.login();\r\n });\r\n }\r\n\r\n that.login = function () {\r\n var authHash = 'Basic ' + btoa(that.username + \":\" + that.password),\r\n args = {\r\n url: './api/Login',\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': authHash\r\n }\r\n },\r\n success = function (response) { \r\n var session = sessions.create(response.data),\r\n redirectUrl = sessions.getRedirect();\r\n\r\n that.isLogingIn = false;\r\n sessions.deleteRedirect(); \r\n $rootScope.$broadcast('loggedIn', session); //Used by nav bar so that it knows when to offer logout\r\n $location.url(redirectUrl ? redirectUrl : '/packages');\r\n },\r\n error = function (response) {\r\n that.isLogingIn = false;\r\n\r\n if (response.status === 300) {\r\n that.redirectToSso();\r\n } else {\r\n sessions.reportHttpError(response);\r\n }\r\n };\r\n\r\n that.isLogingIn = true;\r\n sessions.end(); //clear out any existing session before login\r\n $http(args).then(success, error);\r\n };\r\n\r\n that.redirectToSso = function () {\r\n var ssoForm = document.getElementById('sso-form');\r\n ssoForm.setAttribute('action', that.config.samlIdpFormPostUrl);\r\n document.getElementById('sso-form-entity-id').setAttribute('value', that.config.samlSpEntityId);\r\n document.getElementById('sso-form-acs-url').setAttribute('value', that.config.samlSpAcs);\r\n ssoForm.submit();\r\n }\r\n\r\n that.logoutConfirm = function () {\r\n that.confirmationText = 'Are you sure you want to logout?';\r\n that.confirmationCallback = that.logout;\r\n that.confirmationModalIsOpen = true;\r\n that.confirmationOkName = 'Logout';\r\n }\r\n\r\n that.logout = function () {\r\n\r\n $scope.$broadcast('logout');\r\n\r\n //if (that.cancelGetListings && typeof (that.cancelGetListings) === 'function') { that.cancelGetListings(); }\r\n //if (that.cancelGetPhotos && typeof (that.cancelGetPhotos) === 'function') { that.cancelGetPhotos(); }\r\n //if (that.cancelGetTours && typeof (that.cancelGetTours) === 'function') { that.cancelGetTours(); }\r\n //if (that.cancelGetToursMatrix && typeof (that.cancelGetToursMatrix) === 'function') { that.cancelGetToursMatrix(); }\r\n\r\n sessions.end();\r\n that.initalize();\r\n }\r\n\r\n that.requestPassReset = function () {\r\n $location.url('/password-reset');\r\n }\r\n\r\n that.init();\r\n }]\r\n});\r\n\r\n//Legacy SSO methods\r\n\r\n//that.combinedLogin = function () {\r\n// var args = {\r\n// url: `./api/isVendor?name=${that.username}`,\r\n// method: 'GET'\r\n// },\r\n// success = function (response) {\r\n// if (response.data == 'true') {\r\n// that.login();\r\n// } else {\r\n// //that.oidcRedirect();\r\n// that.samlRedirect();\r\n// }\r\n// },\r\n// error = function (response) {\r\n// that.isLogingIn = false;\r\n// sessions.reportHttpError(response);\r\n// };\r\n//\r\n// that.isLogingIn = true;\r\n// sessions.end(); //clear out any existing session before login\r\n// $http(args).then(success, error);\r\n//};\r\n\r\n//that.oidcRedirect = function () {\r\n// $window.location.href = '/oidc_login';\r\n//}\r\n\r\n//that.samlRedirect = function () {\r\n// var form = document.getElementById(\"form_login\");\r\n// form.action = that.config.samlIdpFormPostUrl;\r\n// form.submit();\r\n//}\r\n\r\n//that.checkForSsoHandoff = function () {\r\n// var sessionId = $cookies.get('sessionId');\r\n// var ssoUser = $cookies.get('ssoUser');\r\n// var ssoToken = $cookies.get('ssoToken');\r\n//\r\n// if (sessionId && ssoToken && ssoUser) {\r\n// $cookies.remove('sessionId');\r\n// $cookies.remove('ssoUser');\r\n// $cookies.remove('ssoToken');\r\n//\r\n// //get full account/session info\r\n// $http({ url: './api/VerifySession' }).then(\r\n// that.finishiSsoLogin,\r\n// function (response) {\r\n// sessions.reportHttpError(response);\r\n// });\r\n// }\r\n//}\r\n\r\n//that.finishiSsoLogin = function (response) {\r\n// var newSession = sessions.create(response.data),\r\n// ssoRedirect = sessions.getRedirect();\r\n//\r\n// $rootScope.$broadcast('loggedIn', newSession); //Used by nav bar so that it knows when to offer logout\r\n//}","app.component('listingInfo', {\r\n bindings: {\r\n package: '<',\r\n alternateAddress: '<',\r\n agentName: '<',\r\n agentEmail: '<'\r\n },\r\n templateUrl: './App/Listings/ListingInfo.html',\r\n controller: ['$scope', '$location', 'growl', 'sessions', 'packageService', function ($scope, $location, growl, sessions, packageService) {\r\n var that = this;\r\n\r\n that.selectedListing = null;\r\n that.selectedListingId = null;\r\n that.session = sessions.getCurrent();\r\n that.deleteReason = null;\r\n that.showDownloadLink = false;\r\n\r\n that.packageChanges = {\r\n MediaPackageId = that.package?.MediaPackageId,\r\n ListingId = null,\r\n ListingAddressHint = null,\r\n DownloadPhotosUrl = null,\r\n };\r\n\r\n that.resetChanges = function () {\r\n if (!that.package)\r\n return;\r\n\r\n that.packageChanges = {\r\n MediaPackageId = that.package.MediaPackageId,\r\n ListingId = that.package.ListingId,\r\n ListingAddressHint = that.package.ListingAddressHint,\r\n DownloadPhotosUrl = that.package.DownloadPhotosUrl\r\n };\r\n\r\n that.handleDownloadLink();\r\n }\r\n\r\n that.handleDownloadLink = function () {\r\n that.showDownloadLink = that.package?.DownloadPhotosUrl\r\n && (that.package?.PublishedTimestamp || that.package?.MediaStatus == 'Published');\r\n }\r\n\r\n that.init = function () {\r\n that.session = sessions.getCurrent();\r\n that.resetDeleteState();\r\n that.resetChanges();\r\n that.handleDownloadLink();\r\n that.sendPackageDeleteNotification = false;\r\n }\r\n\r\n that.$onChanges = function (changes) {\r\n if (changes.package?.currentValue)\r\n that.resetChanges();\r\n };\r\n\r\n // Copy Url\r\n that.copyPackageUrl = function () {\r\n const tempInput = document.createElement('input');\r\n tempInput.value = that.package.MediaURL;\r\n document.body.appendChild(tempInput);\r\n tempInput.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(tempInput);\r\n growl.success('Package link copied to clipboard');\r\n }\r\n\r\n // Update Package\r\n that.showListingSelect = false;\r\n that.showEdit = false;\r\n that.savePackageEdit = function (includeListingId) {\r\n that.showEdit = false;\r\n that.showListingSelect = false;\r\n if (includeListingId && that.selectedListingId)\r\n that.packageChanges.ListingId = that.selectedListingId;\r\n\r\n packageService.updatePackage({\r\n package: that.packageChanges,\r\n onSuccess: _ => {\r\n // TODO: get to the heart of shared databinding to avoid $emit/$broadcast\r\n $scope.$emit('packageUpdated');\r\n growl.success(`Package updated`);\r\n }\r\n });\r\n }\r\n\r\n that.cancelPackageEdit = function () {\r\n that.showEdit = false;\r\n that.showListingSelect = false;\r\n that.resetChanges();\r\n }\r\n\r\n // Delete Package\r\n that.resetDeleteState = function () {\r\n that.isDeleting = false;\r\n that.showModalDelete = false;\r\n that.isProcessingPackageDelete = false;\r\n };\r\n\r\n that.deletePackage = function () {\r\n that.isDeleting = true;\r\n packageService.deletePackage({\r\n packageId: that.package.MediaPackageId,\r\n reason: that.deleteReason,\r\n sendNotifcation: that.sendPackageDeleteNotification,\r\n onSuccess: _ => {\r\n growl.success(`Package deleted`);\r\n $location.url('/packages');\r\n },\r\n onComplete: _ => {\r\n that.resetDeleteState();\r\n }\r\n });\r\n };\r\n\r\n that.showPackageHistory = function() {\r\n $location.url($location.url() + '/history');\r\n };\r\n\r\n that.init();\r\n }]\r\n});","app.component('listingSearchForm', {\r\n bindings: {\r\n search: '<',\r\n onResultsFound: '&',\r\n onCancel: '&',\r\n nextListingLink: '='\r\n },\r\n templateUrl: './App/Listings/ListingSearchForm.html',\r\n controller: ['listings', '$scope', 'sessions', function (listings, $scope, sessions) {\r\n\r\n var that = this;\r\n that.stopSearchFunc = null;\r\n\r\n that.isSearching = false;\r\n\r\n that.searchForListing = function () {\r\n\r\n if ((that.search.listingId === '' || that.search.listingId === null) &&\r\n (that.search.agentMls === '' || that.search.agentMls === null) && \r\n (that.search.coAgentMls === '' || that.search.coAgentMls === null) && \r\n (that.search.officeId === '' || that.search.officeId === null) && \r\n (that.search.coOfficeId === '' || that.search.coOfficeId === null) && \r\n (that.search.streetNumber === '' || that.search.streetNumber === null) && \r\n (that.search.streetPrefix === '' || that.search.streetPrefix === null) && \r\n (that.search.streetName === '' || that.search.streetName === null) && \r\n (that.search.streetSuffix === '' || that.search.streetSuffix === null) && \r\n (that.search.unitNumber === '' || that.search.unitNumber === null) && \r\n (that.search.city === '' || that.search.city === null) && \r\n (that.search.state === '' || that.search.state === null) && \r\n (that.search.zip === '' || that.search.zip === null)) {\r\n\r\n that.onError({value: 'Please fill out at least one field to search on'});\r\n return;\r\n }\r\n\r\n var session = sessions.getCurrent(),\r\n search = {\r\n ListingId: that.search.listingId,\r\n AgentMlsNumber: that.search.agentMls,\r\n CoAgentMlsNumber: that.search.coAgentMls,\r\n OfficeId: that.search.officeId,\r\n CoOfficeId: that.search.coOfficeId,\r\n StreetNumber: that.search.streetNumber,\r\n StreetPrefix: that.search.streetPrefix,\r\n StreetName: that.search.streetName,\r\n StreetSuffix: that.search.streetSuffix,\r\n UnitNumber: that.search.unitNumber,\r\n City: that.search.city,\r\n State: that.search.state,\r\n Zip: that.search.zip\r\n },\r\n success = function (response) {\r\n\r\n that.isSearching = false;\r\n that.stopSearchFunc = null\r\n that.nextListingLink = null;\r\n\r\n if (response === null || response.data === null) {\r\n that.onResultsFound({ value: [] });\r\n that.onError({value: 'There was an internal error'});\r\n } else {\r\n that.onResultsFound({ value: response.data.value });\r\n if (response.data.hasOwnProperty(\"@odata.nextLink\")) {\r\n that.nextListingLink = response.data[\"@odata.nextLink\"];\r\n }\r\n } \r\n },\r\n error = function (response) {\r\n that.isSearching = false;\r\n that.stopSearchFunc = null;\r\n sessions.reportHttpError(response);\r\n };\r\n\r\n that.isSearching = true;\r\n that.stopSearchFunc = listings.getListings(session, search, success, error);\r\n };\r\n\r\n that.cancelSearch = function () {\r\n that.isSearching = false;\r\n\r\n if (that.stopSearchFunc && typeof that.stopSearchFunc === 'function') {\r\n that.stopSearchFunc();\r\n } \r\n that.stopSearchFunc = null;\r\n\r\n that.onCancel();\r\n }\r\n }]\r\n});","app.component('listingSearch', {\r\n bindings: {\r\n hidePhotoCount: '<',\r\n hideVtCount: '<',\r\n hideOffice: '<'\r\n },\r\n templateUrl: './App/Listings/ListingSearchResults.html',\r\n controller: ['$location', 'listings', 'sessions', 'packageService',\r\n function ($location, listings, sessions, packageService) {\r\n\r\n var that = this;\r\n\r\n that.init = function () {\r\n that.searchMode = true;\r\n that.results = null;\r\n that.nextListingLink = null;\r\n that.sortValue = 'PhotoExpirationInDays';\r\n that.session = sessions.getCurrent();\r\n\r\n if (that.session.listings !== null && that.session.listings.length > 0) {\r\n that.results = that.session.listings;\r\n }\r\n //else {\r\n // that.results = null;\r\n that.newSearch();\r\n //}\r\n };\r\n\r\n that.listingsFound = function (value) {\r\n that.session.listings = value;\r\n sessions.update(that.session);\r\n that.results = value;\r\n that.searchMode = false;\r\n };\r\n\r\n that.resort = function (field) {\r\n\r\n if (field === that.sortValue) {\r\n that.sortValue = '-' + field;\r\n } else {\r\n that.sortValue = field;\r\n }\r\n }\r\n\r\n that.loadMoreResults = function () {\r\n var session = sessions.getCurrent(),\r\n success = function (response) {\r\n that.isSearching = false;\r\n that.cancelFunc = null\r\n\r\n if (response === null || response.data === null) {\r\n sessions.reportError('There was an internal error');\r\n } else {\r\n that.results = that.results.concat(response.data.value);\r\n var session = sessions.getCurrent();\r\n session.listings = that.results;\r\n sessions.update(session);\r\n\r\n if (response.data.hasOwnProperty(\"@odata.nextLink\")) {\r\n that.nextListingLink = response.data[\"@odata.nextLink\"];\r\n } else {\r\n that.nextListingLink = null;\r\n }\r\n }\r\n },\r\n error = function (response) {\r\n sessions.reportHttpError(response);\r\n };\r\n\r\n that.isSearching = true;\r\n that.cancelFunc = listings.getMoreListings(session, that.nextListingLink, success, error);\r\n };\r\n\r\n that.listingSelected = function (listing) {\r\n var selectedListing = listing;\r\n selectedListing.isProcessing = true;\r\n that.disableSelect = true;\r\n packageService.createPackage({\r\n listingId: listing.ListingId,\r\n onSuccess: _ => {\r\n $location.url(`/packages/${package.MediaPackageId}`);\r\n },\r\n onComplete: _ => {\r\n that.disableSelect = false;\r\n selectedListing.isProcessing = false;\r\n }\r\n });\r\n };\r\n\r\n that.newSearch = function () {\r\n that.search = listings.newSearch();\r\n that.openSearchModal = true;\r\n }\r\n\r\n that.close = function () {\r\n $location.url('/packages');\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.service('listings', ['httpWithCancel', 'resoWebApiUrl', 'sessions', function (httpWithCancel, resoWebApiUrl, sessions) {\r\n\r\n var that = this;\r\n\r\n that.getListings = function (session, search, success, error) {\r\n\r\n var searchParameters = [],\r\n args = {\r\n method: 'GET'\r\n },\r\n statusQuery = \"(MlsStatus eq 'Active' or MlsStatus eq 'Incomplete' or MlsStatus eq 'Coming Soon' or MlsStatus eq 'Pending')\"; //or (MlsStatus eq WTH and WithdrawnDate eq 2013-01-01-TODAY)\r\n\r\n if (search.ListingId) {\r\n searchParameters.push(`ListingId eq ${that.escapeSpecialChars(search.ListingId)}`);\r\n }\r\n if (search.AgentMlsNumber) {\r\n searchParameters.push(`ListAgentMlsId eq ${that.escapeSpecialChars(search.AgentMlsNumber)}`);\r\n }\r\n if (search.CoAgentMlsNumber) {\r\n searchParameters.push(`CoListAgentMlsId eq ${that.escapeSpecialChars(search.CoAgentMlsNumber)}`);\r\n }\r\n if (search.OfficeId) {\r\n searchParameters.push(`ListOfficeMlsId eq ${that.escapeSpecialChars(search.OfficeId)}`);\r\n }\r\n if (search.CoOfficeId) {\r\n searchParameters.push(`CoListOfficeMlsId eq ${that.escapeSpecialChars(search.CoOfficeId)}`);\r\n }\r\n if (search.StreetNumber) {\r\n searchParameters.push(`StreetNumber eq ${that.escapeSpecialChars(search.StreetNumber)}`);\r\n }\r\n if (search.StreetPrefix) {\r\n searchParameters.push(`StreetDirPrefix eq ${that.escapeSpecialChars(search.StreetPrefix)}`);\r\n }\r\n if (search.StreetName) {\r\n searchParameters.push(`StreetName eq ${that.escapeSpecialChars(search.StreetName)}`);\r\n }\r\n if (search.StreetSuffix) {\r\n searchParameters.push(`StreetSuffix eq ${that.escapeSpecialChars(search.StreetSuffix)}`);\r\n }\r\n if (search.UnitNumber) {\r\n searchParameters.push(`UnitNumber eq ${that.escapeSpecialChars(search.UnitNumber)}`);\r\n }\r\n if (search.City) {\r\n searchParameters.push(`City eq ${that.escapeSpecialChars(search.City)}`);\r\n }\r\n if (search.State) {\r\n searchParameters.push(`StateOrProvince eq ${that.escapeSpecialChars(search.State)}`);\r\n }\r\n if (search.Zip) {\r\n searchParameters.push(`PostalCode eq ${that.escapeSpecialChars(search.Zip)}`);\r\n } \r\n\r\n args.url = `./api/odata/listings?$filter=${searchParameters.join(' and ')} and ${statusQuery}&$top=15`;\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.getMoreListings = function (session, nextListingLink, success, error) {\r\n var args = {\r\n url: nextListingLink,\r\n method: 'GET'\r\n };\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.newSearch = function () {\r\n return {\r\n listingId: null,\r\n agentMls: null,\r\n coAgentMls: null,\r\n officeId: null,\r\n coOfficeId: null,\r\n streetNumber: null,\r\n streetPrefix: null,\r\n streetName: null,\r\n streetSuffix: null,\r\n unitNumber: null,\r\n city: null,\r\n state: null,\r\n zip: null,\r\n streetPrefixes: ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW'],\r\n streetSuffixes: ['ALY', 'ANX', 'ARC', 'AVE', 'AVECT', 'AVEDR', 'AVEPKWY', 'AVEPL', 'AVERD', 'AVEWAY', 'BLF', 'BLVD', 'BRG', 'BRK', 'BYP', 'CIR', 'CIRDR', 'CLB', 'CLF', 'CRK', 'CRST', 'CT', 'CTR', 'CV', 'CYN', 'DM', 'DR', 'ESTS', 'EXPY', 'FLD', 'FRD', 'FRK', 'FRST', 'GDNS', 'GLN', 'GRV', 'HL', 'HLS', 'HOLW', 'HTS', 'HWY', 'ISLE', 'JCT', 'KNL', 'LAND', 'LK', 'LKS', 'LN', 'LNDG', 'LOOP', 'MDWS', 'ML', 'MT', 'MTN', 'PARK', 'PASS', 'PATH', 'PIKE', 'PKWY', 'PL', 'PLCT', 'PLZ', 'PNE', 'PNES', 'PT', 'RD', 'RDG', 'RDS', 'RIV', 'RNCH', 'ROW', 'RUN', 'SMT', 'SPG', 'SPGS', 'SPUR', 'SQ', 'ST', 'STCIR', 'STCT', 'STDR', 'STLN', 'STPL', 'STRD', 'STWAY', 'TER', 'TRCE', 'TRL', 'UN', 'VIS', 'VLG', 'VLY', 'VW', 'WALK', 'WAY', 'WLS', 'XING'],\r\n states: ['AK', 'AL', 'AR', 'AZ', 'CA', 'CO', 'CT', 'DC', 'DE', 'FL', 'GA', 'GU', 'HI', 'IA', 'ID', 'IL', 'IN', 'KS', 'KY', 'LA', 'MA', 'MD', 'ME', 'MH', 'MI', 'MN', 'MO', 'MS', 'MT', 'NC', 'ND', 'NE', 'NH', 'NJ', 'NM', 'NV', 'NY', 'OH', 'OK', 'OR', 'PA', 'PR', 'PW', 'RI', 'SC', 'SD', 'TN', 'TX', 'UT', 'VA', 'VI', 'VT', 'WA', 'WI', 'WV', 'WY']\r\n };\r\n }\r\n\r\n that.escapeSpecialChars = function (item) {\r\n return item.replace('%', '%25')\r\n .replace('#', '%23')\r\n .replace('$', '%24')\r\n .replace('&', '%26')\r\n .replace('(', '%28')\r\n .replace(')', '%29')\r\n .replace('@', '%40');\r\n }\r\n}]);","app.component('ptuNavBar', {\r\n bindings: { },\r\n templateUrl: './App/NavBar/NavBar.html',\r\n controller: ['configService', 'sessions', '$location', '$http', '$scope', '$rootScope', function (configService, sessions, $location, $http, $scope, $rootScope) {\r\n\r\n var that = this;\r\n that.showAccountSettings = false;\r\n\r\n that.init = function () {\r\n that.username = null;\r\n that.fullname = null;\r\n that.openLogoutModal = false;\r\n that.logoutProcessing = false;\r\n that.showNavMenu = false;\r\n that.showEnv = false;\r\n\r\n configService.getConfig(\r\n function (response) {\r\n that.ptuConfig = response.data;\r\n let env = that.ptuConfig.envLable ?? '';\r\n that.showEnv = env.toLowerCase().indexOf('prod') < 0;\r\n },\r\n function (response) { console.log('Error retrieving config values'); }\r\n );\r\n\r\n that.session = sessions.getCurrent();\r\n if (that.session) {\r\n that.username = that.session.username;\r\n that.showAccountSettings = that.session.isVendor; \r\n }\r\n\r\n that.hideBrand = $location.url().startsWith('/password-reset');\r\n }\r\n\r\n that.showPublishPermissions = function () {\r\n return that.ptuConfig && that.ptuConfig.autoPublishEnabled\r\n && that.session && !that.session.isVendor;\r\n }\r\n \r\n that.closeAllNavDropdowns = function () {\r\n const navDropdowns = Array.prototype.slice.call(document.querySelectorAll('.navbar-menu, .navbar-dropdown, .navbar-burger'), 0);\r\n navDropdowns.forEach(el => el.classList.remove('is-active'));\r\n }\r\n\r\n that.closeAllNavDropdownsByKey = function (evt) {\r\n const e = evt || window.event;\r\n if (e.key === 'Esc' || e.key === 'Escape')\r\n that.closeAllNavDropdowns();\r\n }\r\n\r\n that.toggleNavMenu = function () {\r\n that.showNavMenu = !that.showNavMenu;\r\n\r\n if (that.showNavMenu) {\r\n //document.removeEventListener('click', that.closeAllNavDropdowns);\r\n //document.addEventListener('click', that.closeAllNavDropdowns);\r\n document.removeEventListener('keydown', that.closeAllNavDropdownsByKey);\r\n document.addEventListener('keydown', that.closeAllNavDropdownsByKey);\r\n }\r\n\r\n return that.showNavMenu;\r\n }\r\n\r\n that.confirmLogout = function () {\r\n that.openLogoutModal = true;\r\n that.logoutProcessing = false;\r\n }\r\n\r\n that.logout = function () {\r\n that.logoutProcessing = true;\r\n sessions.end();\r\n that.username = null;\r\n that.openLogoutModal = false;\r\n that.closeAllNavDropdowns();\r\n that.logoutProcessing = false;\r\n $location.url('/Login');\r\n }\r\n\r\n $rootScope.$on('loggedIn', function (evt, session) {\r\n that.username = session.username;\r\n });\r\n\r\n $rootScope.$on('loggedOut', function (evt, session) {\r\n that.username = null;\r\n });\r\n\r\n that.showFeedback = false;\r\n that.isProcessingShowFeedback = false;\r\n that.feedbackMessage = '';\r\n that.sendFeedback = function () {\r\n that.isProcessingShowFeedback = true;\r\n $http.post(`./api/v1/MediaPackages/Feedback`, {\r\n Username: that.username,\r\n Url: window.location.href,\r\n Feedback: that.feedbackMessage\r\n }).then(() => { //todo: auto close?\r\n that.isProcessingShowFeedback = false;\r\n that.showFeedback = false;\r\n that.feedbackMessage = '';\r\n });\r\n };\r\n\r\n //ensures that session gets reloaded on log out / log in.\r\n $scope.$on('$routeChangeStart', function ($event, next, current) {\r\n that.init();\r\n });\r\n\r\n //Admin Impersonate Feature\r\n that.impersonateModal = false;\r\n that.isProcessingImpersonate = false;\r\n that.impersonateName = '';\r\n that.showImpersonate = function () {\r\n return that.ptuConfig && that.session && that.session.isAdmin && !that.session.isImpersonated;\r\n }\r\n that.impersonate = function () {\r\n let success = function () {\r\n that.isProcessingImpersonate = false;\r\n that.impersonateModal = false;\r\n that.impersonateName = '';\r\n that.session = sessions.getCurrent();\r\n that.username = that.session.username;\r\n $location.url('/login'); //redirecting to login will force a content refresh on packages page\r\n },\r\n error = function () { \r\n that.isProcessingImpersonate = false;\r\n };\r\n\r\n that.isProcessingImpersonate = true;\r\n sessions.impersonateUser(that.impersonateName, success, error);\r\n }\r\n\r\n that.isProcessingUnpersonate = false;\r\n that.unpersonate = function () {\r\n let success = function () {\r\n that.isProcessingUnpersonate = false;\r\n that.session = sessions.getCurrent();\r\n that.username = that.session.username;\r\n $location.url('/login'); //redirecting to login will force a content refresh on packages page\r\n },\r\n error = function () {\r\n that.isProcessingUnpersonate = false;\r\n };\r\n\r\n that.isProcessingUnpersonate = true;\r\n sessions.unpersonate(success, error);\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.component('packageCreate', {\r\n bindings: {\r\n show: '=',\r\n packages: '<'\r\n },\r\n templateUrl: './App/Packages/PackageCreate.html',\r\n controller: ['$scope', 'sessions', 'growl', '$location', 'packageService',\r\n function ($scope, sessions, growl, $location, packageService) {\r\n var that = this;\r\n\r\n that.init = function () {\r\n that.session = sessions.getCurrent();\r\n that.mode = 'agent-search';\r\n that.confirmCreateIsOpen = false;\r\n that.confirmCreateMessage = false;\r\n that.confirmCreateIsProcessing = false;\r\n that.isCreatingPackage = false;\r\n that.importExistingPhotos = false;\r\n that.showAddressOnlyOption = false;\r\n };\r\n\r\n that.back = function () {\r\n switch (that.mode) {\r\n case 'listing-search':\r\n that.mode = 'agent-search';\r\n break;\r\n case 'confirm':\r\n that.mode = 'listing-search';\r\n break;\r\n case 'agent-search':\r\n default:\r\n that.show = false;\r\n break;\r\n }\r\n }\r\n\r\n that.selectAgent = function (agent) {\r\n that.selectedAgent = agent;\r\n that.mode = 'listing-search';\r\n }\r\n\r\n that.searchFinished = function () {\r\n that.showAddressOnlyOption = true;\r\n }\r\n\r\n that.createPackage = function () {\r\n that.isCreatingPackage = true;\r\n\r\n packageService.createPackage({\r\n listingId: that.selectedListing?.ListingId,\r\n memberMlsId: that.selectedAgent?.MemberMlsId,\r\n address: that.listingAddress,\r\n //importExistingPhotos: that.importExistingPhotos,\r\n onSuccess: pkg => {\r\n if (that.importExistingPhotos) {\r\n if (!pkg.isNew) {\r\n growl.success('Package already exists. Photos not imported', { ttl: 10000 });\r\n that.createFinished(pkg.MediaPackageId);\r\n } else {\r\n packageService.importMlsPhotos({\r\n package: pkg,\r\n onSuccess: importPkg => {\r\n growl.success(`Package created, ${importPkg.Photos.length} MLS photos imported`, { ttl: 10000 });\r\n that.createFinished(importPkg.MediaPackageId);\r\n }\r\n });\r\n }\r\n } else {\r\n that.createFinished(pkg.MediaPackageId);\r\n growl.success(pkg.isNew ? 'Package created' : 'Package already exists');\r\n }\r\n },\r\n onError: _ => {\r\n that.createFinished();\r\n }\r\n });\r\n }\r\n\r\n that.createFinished = function (navigateToPackageId) {\r\n that.isCreatingPackage = false;\r\n that.confirmCreateIsOpen = false;\r\n that.confirmCreateIsProcessing = false;\r\n if (that.selectedListing)\r\n that.selectedListing.isProcessing = false;\r\n\r\n if (navigateToPackageId) {\r\n $scope.$emit('packageUpdated');\r\n that.viewPackage(navigateToPackageId);\r\n }\r\n };\r\n\r\n that.viewPackage = function (packageId) {\r\n $location.url(`/packages/${packageId}`);\r\n }\r\n\r\n that.confirmCreatePackage = function (listing) {\r\n that.selectedListing = listing;\r\n that.mode = 'confirm';\r\n }\r\n\r\n that.onPackageCreateSuccess = function (response) {\r\n var package = response.data;\r\n that.session = sessions.updatePackage(package);\r\n that.isCreatingPackage = false;\r\n $location.url(`/packages/${package.MediaPackageId}`);\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.component('packageEdit', {\r\n bindings: {},\r\n templateUrl: './App/Packages/PackageEdit.html',\r\n controller: ['$scope', '$location', '$routeParams', 'sessions', 'packageService', 'configService', 'textFormatService', 'photoService', 'growl',\r\n function ($scope, $location, $routeParams, sessions, packageService, configService, textFormatService, photoService, growl) {\r\n var that = this;\r\n\r\n that.softLimit = that.config ? that.config.softLimit : 40;\r\n\r\n that.loadPackage = function (id) {\r\n that.loadingPackage = true;\r\n packageService.getPackage({\r\n packageId: $routeParams.packageId,\r\n onSuccess: pkg => {\r\n that.package = pkg;\r\n that.updateDelta();\r\n },\r\n onComplete: _ => {\r\n that.loadingPackage = false;\r\n }\r\n });\r\n }\r\n\r\n $scope.$on('packageUpdated', function () {\r\n that.loadPackage();\r\n });\r\n\r\n that.back = function () {\r\n $location.url('/packages');\r\n };\r\n\r\n that.photoCount = function () {\r\n return 0;\r\n return that.package && that.package.Photos\r\n ? that.package.Photos.length - that.deletedPhotoCount()\r\n : 0;\r\n }\r\n\r\n that.photoCountExceedsSoftLimit = function () {\r\n return that.config && that.config.softLimit && that.package && that.package.Photos\r\n && that.photoCount() > that.config.softLimit;\r\n }\r\n\r\n that.deletedPhotoCount = function () {\r\n return that.package && that.package.Photos\r\n ? that.package.Photos.filter(x => x.MarkedForDeletion === true).length\r\n : 0;\r\n }\r\n\r\n that.tourCount = function () {\r\n return that.package && that.package.Tours\r\n ? that.package.Tours.filter(x => x.markedForDeletion !== true).length\r\n : 0;\r\n }\r\n\r\n that.tourCountExceedsLimit = function () {\r\n return that.package && that.package.Tours && that.config && that.config.tourLimit\r\n && that.package.Tours.length > that.config.tourLimit;\r\n }\r\n\r\n that.tourDeletionCount = function () {\r\n return that.package && that.package.Tours\r\n ? that.package.Tours.filter(x => x.markedForDeletion === true).length\r\n : 0;\r\n }\r\n\r\n that.href = function (url) { // TODO: breaks almost every valid https url\r\n if (url && url.toLowerCase().startsWith(\"http://\")) {\r\n return url;\r\n } else {\r\n return \"http://\" + url;\r\n }\r\n }\r\n\r\n that.redirect = function () {\r\n $location.url('/packages?_dgt=' + new Date().getTime()); // TODO: all navigation to this page should look for server updates\r\n }\r\n\r\n that.packageShared = function () {\r\n return that.package.MediaStatus != 'Draft';\r\n }\r\n\r\n that.isDisabled = function () {\r\n return (that.package && that.package.MediaStatus == 'Draft')\r\n || that.isPublishing\r\n || that.isSaving\r\n || that.isNotifying\r\n || that.isDeleting\r\n || that.isProcessingNotify\r\n || that.isProcessingPackageDelete\r\n || that.isProcessingContact\r\n || that.package.IsRetryingPublishAfterError;\r\n }\r\n\r\n that.updateDelta = function () {\r\n packageService.packageDelta({\r\n package: that.package,\r\n onSuccess: delta => {\r\n $scope.$apply(() => { that.delta = delta; });\r\n }\r\n });\r\n };\r\n\r\n // send package\r\n that.toggleModalPropose = function () {\r\n that.updateDelta();\r\n that.isProposeVisible = !that.isProposeVisible;\r\n };\r\n\r\n that.isProposeVisible = false;\r\n that.isProcessingNotify = false;\r\n that.notifyMember = function () {\r\n that.isProcessingNotify = true;\r\n\r\n packageService.notify(\r\n that.packageId,\r\n !that.emailPackageOwners,\r\n onSuccess => {\r\n growl.success('Package Shared');\r\n that.isProcessingNotify = false;\r\n that.isProposeVisible = false;\r\n that.session = sessions.updatePackage(onSuccess.data);\r\n $location.url('/packages');\r\n },\r\n onError => {\r\n that.isProcessingNotify = false;\r\n sessions.reportHttpError(onError);\r\n }\r\n );\r\n }\r\n\r\n //delete packages\r\n that.canDeletePackage = function () {\r\n return that.package && (that.package.MediaStatus === 'Draft' || that.session.isAgent);\r\n }\r\n\r\n that.showModalDelete = false;\r\n that.isProcessingPackageDelete = false;\r\n that.deletePackage = function () { // TODO: all Delete stuff from this module should be unused now\r\n var cleanResponse = that.deleteResponse ? textFormatService.sanatize(that.deleteResponse) : null;\r\n\r\n that.isDeleting = true;\r\n packageService.deletePackage({\r\n packageId: that.packageId,\r\n reason: cleanResponse,\r\n sendNotifcation: that.sendPackageDeleteNotification,\r\n onSuccess: _ => {\r\n that.redirect();\r\n },\r\n onComplete: _ => {\r\n that.isProcessingPackageDelete = false;\r\n that.isDeleting = false;\r\n that.showModalDelete = false;\r\n },\r\n });\r\n }\r\n\r\n that.confirmDeletePackage = function () {\r\n that.openDeleteModal = true;\r\n }\r\n\r\n //publish package\r\n that.startPublish = function () {\r\n that.updateDelta();\r\n that.showModalPublish = true;\r\n }\r\n\r\n that.getPrePublishErrors = function () {\r\n var photoError = that.photoCountExceedsSoftLimit()\r\n ? `There is a limit of ${that.config.softLimit} photos that can be published to Matrix. Please reduce the number of photos and try again. `\r\n : null,\r\n tourError = that.tourCountExceedsLimit()\r\n ? `There is a limit of ${that.config.tourLimit} tours that can be published to Matrix. Please reduce the number of tours and try again.`\r\n : null,\r\n linkError = that.package.Listing === null\r\n ? 'This media package can not be published until it has been linked with a listing.'\r\n : null;\r\n\r\n return photoError || tourError || linkError\r\n ? (photoError ? photoError : '') + (tourError ? tourError : '') + (linkError ? linkError : '')\r\n : null;\r\n }\r\n\r\n that.openLegalDisclaimer = function () {\r\n var errorMessage = that.getPrePublishErrors();\r\n\r\n if (errorMessage) {\r\n sessions.reportError(errorMessage);\r\n } else {\r\n that.updateDelta();\r\n that.legalDisclaimerModal = true;\r\n }\r\n }\r\n\r\n that.publish = function () {\r\n if (that.package.MediaStatus == 'Draft') // TODO: error messages are all serverside so they can use consistent text\r\n return;\r\n\r\n var errorMessage = that.getPrePublishErrors();\r\n if (errorMessage) {\r\n sessions.reportError(errorMessage);\r\n return;\r\n }\r\n\r\n that.legalDisclaimerModal = false;\r\n that.isPublishing = true;\r\n that.completePublish();\r\n //that.deletePhotos(that.completePublish);\r\n };\r\n\r\n that.cancelPublish = function () {\r\n that.isCancelingPublish = true;\r\n packageService.cancelPublish(\r\n that.package.MediaPackageId,\r\n function (response) {\r\n that.isCancelingPublish = false;\r\n growl.success('Cancel Publish Request Sent');\r\n that.back();\r\n }, function (response) {\r\n that.isCancelingPublish = false;\r\n sessions.reportHttpError(response);\r\n }\r\n );\r\n }\r\n\r\n that.deletePhotos = function (onComplete) { // TODO: the server needs to do this\r\n var photosToDelete = that.package.Photos.filter(photo => photo.markedForDeletion === true),\r\n photosAfter = that.package.Photos.filter(photo => photo.markedForDeletion !== true),\r\n updatePackage = function () {\r\n that.package.Photos = photosAfter;\r\n that.package.Photos.PhotoCount = photosAfter.length;\r\n },\r\n toDeleteCount = photosToDelete.length,\r\n success = function (response) {\r\n toDeleteCount--;\r\n\r\n if (toDeleteCount === 0) {\r\n updatePackage();\r\n onComplete();\r\n }\r\n },\r\n error = function (response) {\r\n that.isPublishing = false;\r\n sessions.reportHttpError(response);\r\n\r\n };\r\n\r\n photosToDelete.forEach(photo => {\r\n photoService.deletePhoto(that.session, that.packageId, photo.MediaKey, success, error)\r\n });\r\n\r\n if (toDeleteCount === 0) {\r\n onComplete();\r\n }\r\n }\r\n\r\n that.completePublish = function () {\r\n packageService.approve(\r\n that.session,\r\n that.package.MediaPackageId,\r\n function (response) {\r\n that.session = sessions.updatePackage(response.data);\r\n that.showModalPublished = true;\r\n that.isPublishing = false;\r\n }, function (response) {\r\n that.isPublishing = false;\r\n sessions.reportHttpError(response);\r\n }\r\n );\r\n }\r\n\r\n //send feedback\r\n that.sendFeedback = function () {\r\n that.notifyIsFeedback = true;\r\n that.notifyTitle = 'Send Feedback';\r\n that.notifyMessage = `Tell us what you think.`;;\r\n that.openNotifyModal = true;\r\n }\r\n\r\n //link package\r\n that.updatePackage = function (package) {\r\n that.package = package;\r\n }\r\n\r\n // v2\r\n that.showModalContact = false;\r\n that.contactMessage = '';\r\n that.isProcessingContact = false;\r\n that.contactCreator = function () {\r\n that.isProcessingContact = true;\r\n\r\n packageService.contactCreator(\r\n sessions.getCurrent(),\r\n that.package.MediaPackageId,\r\n textFormatService.sanatize(that.contactMessage),\r\n response => {\r\n that.showModalContact = false;\r\n that.isProcessingContact = false;\r\n }, // onSuccess\r\n sessions.reportHttpError // onError\r\n );\r\n };\r\n\r\n that.historyUrl = function () {\r\n return `${$location.url()}/history`;\r\n }\r\n\r\n that.retryExpirationTime = function (package) {\r\n var expirationDate = new Date(package.FirstPublishFail);\r\n expirationDate.setMinutes(expirationDate.getMinutes() + that.config.failureRetryMinutes);\r\n return expirationDate;\r\n }\r\n\r\n that.init = function () {\r\n that.session = sessions.getCurrent();\r\n that.packageId = parseInt($routeParams.packageId, 10);\r\n\r\n //Fetch most up to date package from server\r\n that.loadPackage(that.packageId);\r\n\r\n configService.getConfig(\r\n function (response) { that.config = response.data; },\r\n function (response) { console.log('Error retrieving config values'); }\r\n );\r\n\r\n that.isPublishing = false;\r\n that.isSaving = false;\r\n that.isDeleting = false;\r\n that.legalDisclaimerModal = false;\r\n\r\n // v2\r\n that.isReady = true; // block processing during async actions\r\n that.showModalNotified = false;\r\n that.showModalPublish = false;\r\n that.showModalPublished = false;\r\n\r\n that.emailPackageOwners = true;\r\n that.sendPackageDeleteNotification = false;\r\n\r\n that.rootPath = $location.protocol() + '://' + $location.host();\r\n if ($location.port()) {\r\n that.rootPath += ':' + $location.port();\r\n }\r\n };\r\n\r\n that.init();\r\n }]\r\n});","app.service('packageService',\r\n ['httpWithCancel', '$location', 'growl', 'sessions',\r\n function (httpWithCancel, $location, growl, sessions) {\r\n var that = this;\r\n\r\n // TODO: make this an external generic cache for all heavy assets?\r\n class PackageCache {\r\n constructor() {\r\n this._cache = [];\r\n }\r\n\r\n update(package) {\r\n var index = this._cache.findIndex(p => p.MediaPackageId === package.MediaPackageId);\r\n if (index < 0) {\r\n this._cache.unshift(package);\r\n } else {\r\n this._cache[index] = package;\r\n }\r\n sessions.updatePackage(package); // TODO: keep both caches in sync to minimize transition\r\n }\r\n\r\n updateAll(packageList) {\r\n this._cache = packageList ?? [];\r\n }\r\n\r\n get(mediaPackageId) {\r\n return this._cache.find(p => p.MediaPackageId === mediaPackageId) ?? null;\r\n }\r\n\r\n getAll() {\r\n return this._cache;\r\n }\r\n\r\n exists(mediaPackageId) {\r\n return this.get(mediaPackageId) !== null;\r\n }\r\n\r\n remove(mediaPackageId) {\r\n const index = this._cache.findIndex(p => p.MediaPackageId === mediaPackageId);\r\n if (index !== -1)\r\n this._cache.splice(index, 1);\r\n }\r\n\r\n count() {\r\n return this._cache.length;\r\n }\r\n\r\n clear() {\r\n this._cache = [];\r\n }\r\n }\r\n\r\n that.cache = new PackageCache();\r\n\r\n that.callback = function (response, func) {\r\n if (typeof func == 'function')\r\n return func(response);\r\n return func;\r\n }\r\n\r\n that.handleCallbacks = function (data, onSuccess, onComplete) {\r\n that.callback(data, onSuccess);\r\n that.callback(data, onComplete);\r\n };\r\n\r\n // handle results where ODataError is expected, fallback on json/text\r\n that.errorHandler = function (response, onError, onComplete) {\r\n let handled = false;\r\n var errMsg = response?.data?.Message ?? response?.data ?? response;\r\n if (!errMsg || errMsg.startsWith('<'))\r\n errMsg = response.statusText;\r\n\r\n that.callback(onError, errMsg);\r\n that.callback(onComplete, response);\r\n\r\n if (response.status == 401) {\r\n //growl.error(`Not authorized to view package`);\r\n $location.url('/packages');\r\n }\r\n\r\n if (response.status == 403\r\n || response.status == 410\r\n || response.status == 440) {\r\n sessions.reportHttpError(response);\r\n return true;\r\n }\r\n\r\n growl.error(`Error: ${errMsg}`);\r\n return true;\r\n }\r\n\r\n that.getPackages = function (request) {\r\n if (that.cache.count() > 0)\r\n that.handleCallbacks(that.cache.getAll(), request.onSuccess, request.onComplete);\r\n\r\n return httpWithCancel.http(\r\n {\r\n method: 'GET',\r\n url: `./api/v1/MediaPackages?$Expand=Listing,Photos,Tours`\r\n },\r\n res => {\r\n that.cache.updateAll(res.data?.value);\r\n that.handleCallbacks(that.cache.getAll(), request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError, request.onComplete)\r\n );\r\n }\r\n\r\n that.getPackage = function (request) {\r\n if (that.cache.exists(request.packageId))\r\n that.handleCallbacks(that.cache.get(request.packageId), request.onSuccess, request.onComplete);\r\n\r\n return httpWithCancel.http(\r\n {\r\n method: 'GET',\r\n url: `./api/v1/MediaPackages(${request.packageId})?$Expand=Listing,Photos,Tours`\r\n },\r\n res => {\r\n that.cache.update(res.data);\r\n that.handleCallbacks(res.data, request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError, request.onComplete)\r\n );\r\n }\r\n\r\n that.createPackage = function (request) {\r\n const params = request.importExistingMedia ? '&importExistingMedia=true' : '';\r\n return httpWithCancel.http(\r\n {\r\n method: 'POST',\r\n url: `./api/v1/MediaPackages?$Expand=Listing,Photos,Tours${params}`,\r\n data: {\r\n \"ListingId\": request.listingId,\r\n \"MemberMlsId\": request.memberMlsId,\r\n \"ListingAddressHint\": request.address\r\n }\r\n },\r\n res => {\r\n var pkg = res.data;\r\n pkg.isNew = res.status == 201;\r\n that.cache.update(pkg);\r\n that.handleCallbacks(pkg, request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError, request.onComplete)\r\n );\r\n }\r\n\r\n that.postPackage = function (session, listingId, onSuccess, onError, onComplete) {\r\n return httpWithCancel.http(\r\n {\r\n method: 'POST',\r\n url: `./api/v1/MediaPackages?$Expand=Listing,Photos,Tours`,\r\n data: {\r\n \"ListingId\": listingId\r\n }\r\n },\r\n res => {\r\n var pkg = res.data;\r\n pkg.isNew = res.status == 201;\r\n that.cache.update(pkg);\r\n that.handleCallbacks(pkg, onSuccess, onComplete);\r\n },\r\n err => that.errorHandler(err, onError, onComplete)\r\n );\r\n }\r\n\r\n that.postPackageWoListing = function (session, address, memberMlsId, onSuccess, onError, onComplete) {\r\n return httpWithCancel.http(\r\n {\r\n method: 'POST',\r\n url: `./api/v1/MediaPackages?$Expand=Listing,Photos,Tours`,\r\n data: {\r\n \"MemberMlsId\": memberMlsId,\r\n \"ListingAddressHint\": address\r\n }\r\n },\r\n res => {\r\n that.cache.update(res.data);\r\n that.handleCallbacks(res.data, onSuccess, onComplete);\r\n },\r\n err => that.errorHandler(err, onError)\r\n );\r\n }\r\n\r\n that.updatePackage = function (request) {\r\n return httpWithCancel.http(\r\n {\r\n method: 'PATCH',\r\n url: `./api/v1/MediaPackages(${request.package.MediaPackageId})?$Expand=Listing,Photos,Tours`,\r\n data: request.package\r\n },\r\n res => {\r\n that.cache.update(res.data);\r\n that.handleCallbacks(res.data, request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError)\r\n );\r\n }\r\n\r\n that.deletePackage = function (request) {\r\n var args = {\r\n method: 'DELETE',\r\n url: `./api/v1/MediaPackages(${request.packageId})?suppressEmailNotification=${!request.sendNotifcation}`\r\n };\r\n\r\n if (request.reason)\r\n args['data'] = request.reason;\r\n\r\n return httpWithCancel.http(\r\n args,\r\n res => {\r\n that.cache.remove(res.data);\r\n that.handleCallbacks(res.data, request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError, request.onComplete)\r\n );\r\n }\r\n\r\n that.importMlsPhotos = function (request) {\r\n return httpWithCancel.http(\r\n {\r\n method: 'POST',\r\n url: `./api/v1/ImportMlsPhotos(${request.package.MediaPackageId})?$Expand=Listing,Photos,Tours`,\r\n data: request.package\r\n },\r\n res => {\r\n that.cache.update(res.data);\r\n that.handleCallbacks(res.data, request.onSuccess, request.onComplete);\r\n },\r\n err => that.errorHandler(err, request.onError)\r\n );\r\n }\r\n\r\n that.packageDelta = function (request) {\r\n if (!request.package || !request.package.ListingId)\r\n return;\r\n\r\n fetch(`/api/v1/PackageDelta(${request.package.MediaPackageId})`)\r\n .then(response => response.json())\r\n .then(data => {\r\n that.callback(data, request.onSuccess);\r\n that.callback(data, request.onComplete);\r\n })\r\n .catch(err => {\r\n that.callback(err, request.onError);\r\n that.callback(err, request.onComplete);\r\n });\r\n }\r\n\r\n that.notify = function (packageId, suppressEmail, success, error) {\r\n\r\n var args = {\r\n url: `./api/v1/MediaPackages(${packageId})/MarkReady`,\r\n method: 'POST'\r\n };\r\n\r\n if (suppressEmail)\r\n args.url += '?suppressEmailNotification=true';\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.contactCreator = function (session, packageId, message, success, error) {\r\n\r\n var args = {\r\n url: `./api/v1/MediaPackages(${packageId})/ContactCreator`,\r\n method: 'POST',\r\n data: '=' + message\r\n };\r\n\r\n args.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.feedback = function (session, message, success, error) {\r\n\r\n var args = {\r\n url: `./api/v1/MediaPackages/Feedback`,\r\n method: 'POST',\r\n data: '=' + message\r\n };\r\n\r\n args.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.approve = function (session, packageId, success, error) {\r\n var args = {\r\n url: `./api/v1/MediaPackages(${packageId})/Publish`,\r\n method: 'POST'\r\n };\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.cancelPublish = function (packageId, success, error) {\r\n var args = {\r\n url: `./api/v1/MediaPackages(${packageId})/CancelPublish`,\r\n method: 'POST'\r\n };\r\n\r\n return httpWithCancel.http(args, success, error);\r\n }\r\n\r\n that.getHistory = function (packageId, onSucess, onError) {\r\n\r\n return httpWithCancel.http(\r\n {\r\n method: 'GET',\r\n url: `./api/v1/MediaPackages(${packageId})/History`\r\n },\r\n onSucess,\r\n error => { that.errorHandler(error, onError) }\r\n );\r\n }\r\n }]);","app.component('packageView', {\r\n bindings: {},\r\n templateUrl: './App/Packages/PackageView.html',\r\n controller: ['$scope', 'growl', 'sessions', 'packageService', '$location',\r\n function ($scope, growl, sessions, packageService, $location) {\r\n\r\n var that = this;\r\n that.packages = that.packages ?? [];\r\n that.vendorSignupLink = 'https://www.recolorado.com/pros/media-provider-sign-up';\r\n\r\n that.copySignupLink = function () {\r\n navigator.clipboard.writeText(that.vendorSignupLink);\r\n growl.success('Sign-up link copied to clipboard');\r\n };\r\n\r\n that.init = function () {\r\n that.resort(null, null, true);\r\n sessions.initDropdowns();\r\n that.packages = that.getMyPackages();\r\n that.session = sessions.getCurrent();\r\n sessions.verifyCurrentSession(); //make sure that current session is still valid\r\n that.isVendor = that.session.isVendor;\r\n }\r\n\r\n that.needsAction = function (package) {\r\n return package &&\r\n (package.MediaStatus == 'Draft'\r\n || (that.session.isAgent && package.MediaStatus == 'Ready'));\r\n };\r\n\r\n that.isShared = function (package) {\r\n return package && package.MediaStatus != 'Draft';\r\n };\r\n\r\n that.packageStatus = function (package, showLongStatus) {\r\n let status = showLongStatus ? package.MediaStatusLong : package.MediaStatus;\r\n if (package.MediaStatus == 'Ready' && that.session.isVendor)\r\n status = showLongStatus ? 'Shared with Agent' : 'Shared';\r\n if (package.IsRetryingPublishAfterError)\r\n status = showLongStatus ? \"Retrying Publish...\" : \"Retrying\";\r\n return status;\r\n }\r\n\r\n that.ExpirationInDays = function (expirationDate) {\r\n var time = (new Date(expirationDate)).getTime() - Date.now();\r\n var days = time / (1000 * 3600 * 24);\r\n return Math.round(days);\r\n };\r\n\r\n that.showExpiration = function (package) {\r\n return false; // (package.MediaStatus == 'Draft' || package.MediaStatus == 'Ready') && package.ExpirationTimestamp != null;\r\n }\r\n\r\n that.resort = function (field, label, setDefaults) {\r\n if (setDefaults) {\r\n that.sortLabel = 'Date';\r\n that.sortAsc = false;\r\n that.sortValue = '-ModificationTimestamp';\r\n }\r\n else {\r\n that.sortLabel = label;\r\n if (field === that.sortValue) {\r\n that.sortAsc = false;\r\n that.sortValue = '-' + field;\r\n } else {\r\n that.sortAsc = true;\r\n that.sortValue = field;\r\n }\r\n }\r\n };\r\n\r\n that.toggleSortDir = function () {\r\n that.sortAsc = that.sortValue.startsWith('-');\r\n that.sortValue = that.sortAsc ? that.sortValue.substr(1) : '-' + that.sortValue;\r\n };\r\n\r\n that.getMyPackages = function () {\r\n that.loadingPackages = true;\r\n packageService.getPackages({\r\n onSuccess: packages => {\r\n that.packages = packages;\r\n that.resort(that.sortValue, that.sortLabel, true);\r\n },\r\n onComplete: _ => {\r\n that.loadingPackages = false\r\n }\r\n });\r\n };\r\n\r\n that.getMyPackagesOld = function () {\r\n var success = function (response) {\r\n if (response === null || response.data === null) {\r\n that.packages = that.session.packages = [];\r\n that.errorMessage = 'There was an internal error';\r\n that.openErrorModal = true;\r\n } else {\r\n that.packages = that.session.packages = response.data.value;\r\n that.packages.forEach(p => {\r\n p.statusLabel = \"Resume\";\r\n });\r\n }\r\n sessions.update(that.session);\r\n that.loadingPackages = false;\r\n that.resort(that.sortValue, that.sortLabel, true);\r\n },\r\n error = function (response) {\r\n that.packages = that.session.packages = [];\r\n that.loadingPackages = false;\r\n sessions.reportHttpError(response);\r\n };\r\n\r\n that.loadingPackages = true;\r\n that.cancelGetListings = packageService.getPackages(success, error);\r\n }\r\n\r\n that.selectPackage = function (package) {\r\n if (package.IsUnavailable) {\r\n package.isHighlighted = true;\r\n setTimeout(() => {\r\n $scope.$apply(() => { package.isHighlighted = false; });\r\n }, 3000);\r\n } else {\r\n $location.url(`/packages/${package.MediaPackageId}`);\r\n }\r\n }\r\n\r\n that.searchListings = function () {\r\n $location.url('/listings');\r\n }\r\n\r\n //send feedback\r\n that.sendFeedback = function () {\r\n that.notifyIsFeedback = true;\r\n that.notifyTitle = 'Send Feedback';\r\n that.notifyMessage = `Tell us what you think.`;;\r\n that.openNotifyModal = true;\r\n }\r\n\r\n //Listing Link Button\r\n that.linkPackage = function (packageId) {\r\n $location.url(`/packages/${packageId}/linklisting`)\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.service('imgHelperService',\r\n ['$rootScope', 'growl', 'photoService', 'sessions', 'configService',\r\n function ($rootScope, growl, photoService, sessions, configService) {\r\n\r\n var that = this;\r\n that.validMimeTypes = 'image/jpeg';\r\n configService.getConfig(function (response) {\r\n that.config = response.data;\r\n }, function (response) {\r\n console.log('test');\r\n });\r\n\r\n that.isTypeValid = function (file) {\r\n if ((that.validMimeTypes === (void 0) || that.validMimeTypes === '') || that.validMimeTypes.indexOf(file.type) > -1) {\r\n return true;\r\n } else {\r\n growl.error(`Only JPEG photos are accepted`); //File must be one of following types: ${that.validMimeTypes}`);\r\n return false;\r\n }\r\n };\r\n\r\n that.queueFileUpload = function (files, session, scope) {\r\n var uploadQueue = []; // Queue to manage uploads\r\n var activeUploads = 0; // Number of active uploads\r\n var startTime, endTime; // Variables to track time\r\n var filesToUpload = files.length; // Total number of files to upload\r\n\r\n function startTimer() {\r\n if (startTime === undefined) {\r\n startTime = new Date();\r\n }\r\n }\r\n\r\n function endTimer() {\r\n if (--filesToUpload === 0) {\r\n endTime = new Date();\r\n var totalTime = (endTime - startTime) / 1000; // Convert to seconds\r\n var minutes = Math.floor(totalTime / 60);\r\n var seconds = Math.round(totalTime % 60);\r\n console.log(\"Total upload time: \" + minutes + \" minutes and \" + seconds + \" seconds\");\r\n }\r\n }\r\n\r\n function enqueueUpload(photo, file) {\r\n if (activeUploads < that.config.maxConcurrentUploads) {\r\n uploadFile(photo, file);\r\n } else {\r\n uploadQueue.push({ photo, file });\r\n }\r\n }\r\n\r\n function uploadFile(photo, file) {\r\n startTimer(); // Start the timer when the first upload starts\r\n\r\n var success = function (response) {\r\n var photoIndex = scope.package.Photos.indexOf(photo);\r\n scope.package.Photos[photoIndex] = response.data;\r\n uploadNext();\r\n endTimer(); // End the timer when a file upload completes\r\n };\r\n var error = function (response) {\r\n var photoIndex = scope.package.Photos.indexOf(photo);\r\n scope.package.Photos.splice(photoIndex, 1);\r\n sessions.reportHttpError(response);\r\n uploadNext();\r\n endTimer(); // End the timer when a file upload completes\r\n };\r\n\r\n photoService.postPhoto(session, scope.package.MediaPackageId, photo, file, success, error);\r\n activeUploads++;\r\n }\r\n\r\n function uploadNext() {\r\n activeUploads--;\r\n if (uploadQueue.length > 0 && activeUploads < that.config.maxConcurrentUploads) {\r\n var nextUpload = uploadQueue.shift();\r\n uploadFile(nextUpload.photo, nextUpload.file);\r\n }\r\n }\r\n\r\n for (var i = 0; i < files.length; i++) {\r\n var file = files[i];\r\n\r\n if (!that.alreadyAdded(file, scope.package.Photos) && that.isTypeValid(file)) {\r\n var photo = new PtuPhoto(null, file.type, file.name, file.size, null, scope.package.Photos.length);\r\n photo.state = photoStateEnum.uploading;\r\n scope.package.Photos.push(photo);\r\n\r\n enqueueUpload(photo, file);\r\n }\r\n }\r\n }\r\n\r\n that.alreadyAdded = function (file, photos) {\r\n var preExisting = photos.find(x => file.name.includes(`thumbnail-${x.MediaKey}`));\r\n return preExisting !== null && preExisting !== undefined;\r\n }\r\n\r\n that.atMaxPhotos = function (photos) {\r\n const hardLimit = that.config ? that.config['hardLimit'] : $rootScope.ptuConfig['hardLimit'],\r\n atPhotoLimit = photos?.length >= hardLimit;\r\n\r\n if (atPhotoLimit)\r\n growl.error(`The limit of ${hardLimit} photos has been reached`);\r\n return atPhotoLimit;\r\n }\r\n }]\r\n);\r\n\r\napp.directive('fileDropZone', ['imgHelperService', 'sessions', function (imgHelperService, sessions) {\r\n return {\r\n restrict: 'A',\r\n scope: {\r\n package: \"=\",\r\n photos: \"=\"\r\n },\r\n link: function (scope, element, attrs) {\r\n var checkSize,\r\n isTypeValid,\r\n processDragOverOrEnter,\r\n validMimeTypes;\r\n\r\n processDragOverOrEnter = function (event) {\r\n if (event != null) {\r\n if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1 ||\r\n navigator.userAgent.toLowerCase().indexOf('msie') > -1) {\r\n // Firefox requires a getData call before preventDefault() is called \r\n // to maintain the dataTrasfer Object. This call is done argument free\r\n // which will generate a console error, but allowes the dt object to be accessile\r\n event.dataTransfer.getData();\r\n }\r\n event.dataTransfer.effectAllowed = 'copy';\r\n event.preventDefault();\r\n }\r\n\r\n return false;\r\n };\r\n\r\n element.bind('dragover', processDragOverOrEnter);\r\n element.bind('dragenter', processDragOverOrEnter);\r\n\r\n return element.bind('drop', function (event) {\r\n\r\n var files = event.dataTransfer.files,\r\n session = sessions.getCurrent();\r\n\r\n if (event != null) {\r\n event.preventDefault();\r\n }\r\n\r\n imgHelperService.queueFileUpload(files, session, scope);\r\n\r\n return false;\r\n });\r\n }\r\n };\r\n}]);\r\n\r\napp.directive('fileRead', ['imgHelperService', 'sessions', function (imgHelperService, sessions) {\r\n return {\r\n restrict: 'A',\r\n scope: {\r\n package: \"=\",\r\n photos: \"=\"\r\n },\r\n link: function (scope, element, attributes) {\r\n element.bind(\"change\", function (changeEvent) {\r\n var files = changeEvent.target.files,\r\n session = sessions.getCurrent();\r\n\r\n imgHelperService.queueFileUpload(files, session, scope);\r\n\r\n });\r\n }\r\n }\r\n}]);\r\n","app.component('photoManager', {\r\n bindings: {\r\n package: '=',\r\n session: '=',\r\n config: '<',\r\n minImageHeight: '<',\r\n minImageWidth: '<',\r\n softLimit: '<',\r\n delta: '<'\r\n },\r\n templateUrl: './App/Photos/PhotoManager.html',\r\n controllerAs: 'pm',\r\n controller: ['$scope', '$http', '$routeParams', 'growl', 'sessions', 'photoService', 'packageService',\r\n function ($scope, $http, $routeParams, growl, sessions, photoService, packageService) {\r\n var that = this;\r\n\r\n that.stateEnum = photoStateEnum;\r\n that.showExcluded = false;\r\n that.excludedCount = 0;\r\n that.session = sessions.getCurrent();\r\n\r\n that.$onInit = function () {\r\n that.packageId = parseInt($routeParams.packageId, 10);\r\n that.softLimit = that.config ? that.config.softLimit : 40; // TODO: config is an async request in the parent and not always available... softLimit should be a build-time constant\r\n\r\n that.refreshDerived();\r\n that.toggleZoom(0);\r\n sessions.initDropdowns();\r\n };\r\n\r\n that.photoCount = function (includeExcluded = false) {\r\n if (!(that.package && that.package.Photos)) { return 0; }\r\n\r\n var photos = includeExcluded ? that.package.Photos : that.package.Photos.filter(p => !p.MarkedForDeletion);\r\n return photos.length;\r\n }\r\n\r\n that.displayedPhotoCount = function (includeExcluded) {\r\n var photoCount = that.photoCount();\r\n return photoCount > that.softLimit ? that.softLimit : photoCount;\r\n }\r\n\r\n that.zoomLevels = ['zoom-small', 'zoom-medium', 'zoom-large'];\r\n that.zoomLevel = 0;\r\n that.toggleZoom = function (override) {\r\n that.zoomLevel = (that.zoomLevel + (override ?? 1)) % that.zoomLevels.length;\r\n }\r\n\r\n that.hasWarnings = function (photo) {\r\n return photo && ((photo.Errors && photo.Errors.length) || (photo.Warnings && photo.Warnings.length));\r\n }\r\n\r\n that.printWarnings = function (photo) {\r\n if (!photo) return;\r\n\r\n var warnings = [];\r\n if (photo.Errors && photo.Errors.length)\r\n warnings = warnings.concat(photo.Errors);\r\n if (photo.Warnings && photo.Warnings.length)\r\n warnings = warnings.concat(photo.Warnings);\r\n\r\n return warnings.join('. ');\r\n }\r\n\r\n // Photo Modes\r\n that.photoMode = '';\r\n that.isModeEdit = false;\r\n that.isModeArrange = false;\r\n that.isModeHide = false;\r\n that.isModeDelete = false;\r\n\r\n that.outsideClickHandler = function (e) {\r\n let evt = e || window.event;\r\n if (!evt.target ||\r\n (!evt.target.classList.contains('textarea')\r\n && !evt.target.classList.contains('photo-grid-zoom')\r\n && !evt.target.closest('.photo-control')\r\n && !evt.target.closest('.quick-edit'))) {\r\n\r\n $scope.$apply(function () { that.setPhotoMode(''); });\r\n document.removeEventListener('click', that.outsideClickHandler);\r\n evt.preventDefault();\r\n return false;\r\n }\r\n };\r\n\r\n that.bindCloseOnOutsideClick = function () {\r\n document.addEventListener('click', that.outsideClickHandler);\r\n };\r\n\r\n that.setPhotoMode = function (photoMode) {\r\n that.previousMode = that.photoMode;\r\n that.photoMode = photoMode;\r\n that.isModeEdit = false;\r\n that.isModeArrange = false;\r\n that.isModeHide = false;\r\n that.isModeDelete = false; \r\n\r\n switch (that.photoMode) { // labels must match the dropdown#photo-mode\r\n case 'Arrange':\r\n that.isModeArrange = true;\r\n that.selectedPhoto = null;\r\n break;\r\n case 'Filter':\r\n that.isModeHide = true;\r\n that.selectedPhoto = null;\r\n break;\r\n case 'Delete':\r\n that.isModeDelete = true;\r\n that.selectedPhoto = null;\r\n break;\r\n case 'Edit':\r\n //default:\r\n that.isModeEdit = true;\r\n that.bindCloseOnOutsideClick();\r\n break;\r\n default:\r\n that.selectedPhoto = null;\r\n break;\r\n }\r\n };\r\n\r\n that.handlePhotoClick = function (photo) {\r\n if (that.isModeHide)\r\n that.toggleExcludePhoto(photo, true);\r\n else if (that.isModeDelete)\r\n that.toggleDeletePhoto(photo);\r\n else if (that.isModeEdit) {\r\n that.selectedPhoto = angular.copy(photo);\r\n }\r\n }\r\n\r\n // Mode: Bulk Delete\r\n that.toggleDeletePhoto = function (photo) {\r\n photo.isHardDelete = !photo.isHardDelete;\r\n };\r\n\r\n that.hasPublishedPhotos = function () {\r\n return that.package && that.package.Photos ? that.package.Photos.filter(p => p.IsPublished).length : 0;\r\n }\r\n\r\n that.photosToDelete = function () {\r\n return that.package && that.package.Photos ? that.package.Photos.filter(p => p.isHardDelete) : [];\r\n }\r\n\r\n that.selectAllDelete = function (markDelete, onlyPublished, onlyAboveLimit) {\r\n return that.package && that.package.Photos && that.package.Photos.forEach((p, idx) => {\r\n if (onlyPublished) {\r\n p.isHardDelete = p.IsPublished;\r\n } else if (onlyAboveLimit) {\r\n p.isHardDelete = idx > (that.softLimit - 1);\r\n } else {\r\n p.isHardDelete = markDelete;\r\n } \r\n });\r\n }\r\n\r\n that.showBulkDeleteConfirm = false;\r\n that.isProcessingBulkDeletePhoto = false;\r\n that.exitDeleteMode = function (performDeletions) {\r\n that.isModeDelete = false; \r\n that.showExcluded = false;\r\n\r\n if (performDeletions) {\r\n that.isProcessingBulkDeletePhoto = true;\r\n var mediaKeys = [];\r\n that.photosToDelete().forEach(p => {\r\n mediaKeys.push(p.MediaKey);\r\n });\r\n\r\n photoService.deletePhoto(\r\n that.session,\r\n that.package.MediaPackageId,\r\n mediaKeys.join(','),\r\n onSuccess => {\r\n mediaKeys.forEach(mediaKey => {\r\n var photo = that.package.Photos.find(p => p.MediaKey.toString() == mediaKey);\r\n if (photo) {\r\n that.package.Photos.splice(that.package.Photos.indexOf(photo), 1);\r\n }\r\n });\r\n growl.success('Photo deleted');\r\n\r\n that.selectedPhoto = null;\r\n that.selectedForDelete = null;\r\n that.isProcessingBulkDeletePhoto = false;\r\n that.showBulkDeleteConfirm = false;\r\n that.sortExcluded();\r\n that.refreshDerived();\r\n that.updatePhotoSession();\r\n that.setPhotoMode(that.previousMode);\r\n },\r\n onError => {\r\n that.selectedPhoto = null;\r\n that.selectedForDelete = null;\r\n that.isProcessingBulkDeletePhoto = false;\r\n that.showBulkDeleteConfirm = false;\r\n that.sortExcluded();\r\n that.refreshDerived();\r\n that.updatePhotoSession();\r\n sessions.reportHttpError(onError);\r\n that.setPhotoMode(that.previousMode);\r\n }\r\n );\r\n } else {\r\n that.photosToDelete().forEach(p => {\r\n p.isHardDelete = false;\r\n });\r\n that.setPhotoMode(that.previousMode);\r\n }\r\n }\r\n\r\n that.isProcessingDeletePhoto = false;\r\n that.deletePhoto = function (photoToDelete) {\r\n if (!photoToDelete)\r\n return;\r\n\r\n var photoMediaKey = photoToDelete.MediaKey.toString();\r\n photoToDelete.state = that.stateEnum.saving;\r\n that.isProcessingDeletePhoto = true;\r\n\r\n photoService.deletePhoto(\r\n that.session,\r\n that.package.MediaPackageId,\r\n photoToDelete.MediaKey,\r\n onSuccess => {\r\n var photo = that.package.Photos.find(p => p.MediaKey.toString() == photoMediaKey);\r\n if (photo) {\r\n that.package.Photos.splice(that.package.Photos.indexOf(photo), 1);\r\n }\r\n growl.success('Photo deleted');\r\n //console.log('onDelete', photo, onSuccess);\r\n\r\n that.selectedPhoto = null;\r\n that.selectedForDelete = null;\r\n that.isProcessingDeletePhoto = false;\r\n that.updatePhotoSession();\r\n },\r\n onError => {\r\n that.selectedPhoto = null;\r\n that.selectedForDelete = null;\r\n that.isProcessingDeletePhoto = false;\r\n sessions.reportHttpError(onError);\r\n }\r\n );\r\n }\r\n\r\n that.sortExcluded = function (suppressNotification) {\r\n const pad = val => val.toString().padStart(3, '0');\r\n that.package.Photos.sort((p1, p2) => {\r\n const p1str = `${p1.MarkedForDeletion}${pad(p1.Order)}`,\r\n p2str = `${p2.MarkedForDeletion}${pad(p2.Order)}`;\r\n\r\n return p1str < p2str ? -1 : 1;\r\n });\r\n\r\n that.reSortFinished();\r\n }\r\n\r\n that.photoLimitIndex = function () {\r\n return Math.max(that.lastIncludedIndex, that.softLimit - 1);\r\n }\r\n\r\n that.refreshDerived = function () { // TODO: a more angular approach here...\r\n if (!(that.package && that.package.Photos)) { return; }\r\n\r\n that.excludedCount = that.package.Photos.filter(p => p.MarkedForDeletion).length;\r\n that.lastIncludedIndex = -1;\r\n that.includedCount = 0;\r\n\r\n that.package.Photos.forEach((p, idx) => {\r\n if (p.MarkedForDeletion)\r\n that.hasExcluded = true;\r\n else if (that.includedCount < that.softLimit) {\r\n that.includedCount++;\r\n that.lastIncludedIndex = idx;\r\n }\r\n });\r\n }\r\n\r\n // Per-Photo methods\r\n\r\n that.allowDelete = function (photo) {\r\n return photo && !photo.IsPublished && photo.MarkedForDeletion && !that.session.isVendor;\r\n }\r\n\r\n that.allowRotate = function (photo) {\r\n return photo;\r\n }\r\n\r\n that.promptDelete = function (photo) {\r\n that.selectedForDelete = photo;\r\n //that.selectedPhoto = null;\r\n }\r\n\r\n that.updatePhotoSession = function () {\r\n that.refreshDerived();\r\n that.session = sessions.updatePackage(that.package);\r\n }\r\n\r\n // TODO: resorting should be serverside with a callback to update local order\r\n // see if sending single reOrdered photo with serverside handling improves this\r\n that.reSortFinished = function (response) {\r\n that.package.Photos.forEach((photo, index) => {\r\n if (photo.Order == index)\r\n return;\r\n\r\n photo.Order = index;\r\n var success = function (response) {\r\n photo.state = that.stateEnum.loaded;\r\n that.updatePhotoSession();\r\n //response will only be null with a mass delete triggers resort\r\n if (response) { growl.success('Photo moved'); } \r\n },\r\n error = function (response) {\r\n photo.state = that.stateEnum.loaded;\r\n sessions.reportHttpError(response);\r\n };\r\n\r\n photo.state = that.stateEnum.saving;\r\n\r\n photoService.patchPhoto( // TODO: check if changed...\r\n that.session,\r\n that.package.MediaPackageId,\r\n photo.MediaKey,\r\n \"Order\",\r\n photo.Order,\r\n success,\r\n error\r\n );\r\n });\r\n }\r\n\r\n that.toggleExcludePhoto = function (photo, immediateChange) {\r\n photo.MarkedForDeletion = !photo.MarkedForDeletion;\r\n if (immediateChange)\r\n that.markPhotoDeleted(photo);\r\n else if (that.showExcluded) {\r\n var idx = that.photosToDelete.indexOf(photo);\r\n if (idx >= 0)\r\n that.photosToDelete.splice(idx, 1);\r\n else\r\n that.photosToDelete.push(photo);\r\n }\r\n };\r\n\r\n that.markPhotoDeleted = function (photo) {\r\n photo.state = that.stateEnum.saving;\r\n\r\n photoService.patchPhoto(\r\n that.session,\r\n that.package.MediaPackageId,\r\n photo.MediaKey,\r\n \"MarkedForDeletion\",\r\n photo.MarkedForDeletion,\r\n onSuccess => {\r\n photo.state = that.stateEnum.loaded;\r\n that.updatePhotoSession();\r\n },\r\n onError => {\r\n photo.state = that.stateEnum.loaded;\r\n //sessions.reportHttpError(onError);\r\n }\r\n );\r\n }\r\n\r\n that.selectedPhoto = null;\r\n that.selectPhoto = function (photo) {\r\n if (that.isModeDelete)\r\n return false;\r\n\r\n that.selectedPhoto = angular.copy(photo);\r\n that.setPhotoMode('Edit');\r\n\r\n return true;\r\n };\r\n\r\n that.handleScrollToElem = function ($elem) {\r\n if ($elem /*&& window.innerWidth <= 1024*/)\r\n $elem.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n };\r\n\r\n that.handleCaptionModal = function (photo) {\r\n if (!photo)\r\n return true;\r\n\r\n const index = that.package.Photos.indexOf(that.package.Photos.find(p => p.MediaKey == photo.MediaKey)),\r\n getRekt = (cssSel) => document.querySelector(cssSel)?.getBoundingClientRect(),\r\n photoRect = getRekt(`.photobox-${index}`),\r\n $modal = document.querySelector('.quick-edit'),\r\n modalRect = $modal.getBoundingClientRect(),\r\n leftOffset = window.scrollX + photoRect.left,\r\n topOffset = window.scrollY + photoRect.top,\r\n widthOffset = (modalRect.width - photoRect.width) * 0.5,\r\n heightOffset = (modalRect.height - photoRect.height) * 0.5;\r\n\r\n if (!modalRect.top)\r\n return true;\r\n\r\n $modal.style.left = `${leftOffset - widthOffset}px`;\r\n $modal.style.top = `${topOffset - heightOffset}px`;\r\n\r\n const $textbox = $modal.querySelector('textarea');\r\n if (!document.activeElement == $textbox) {\r\n $textbox.focus();\r\n that.handleScrollToElem($textbox);\r\n }\r\n return true;\r\n };\r\n\r\n that.handlePhotoCaptionKeyHandler = function (evt, photo) {\r\n const keyCode = evt.keyCode || evt.which;\r\n if (keyCode == 27) { // Escape\r\n evt.preventDefault();\r\n that.setPhotoMode('');\r\n return;\r\n }\r\n \r\n if (keyCode != 13 && keyCode != 9) { // Enter or Tab\r\n photo.hasChanges = true;\r\n return;\r\n }\r\n\r\n evt.preventDefault();\r\n let index = that.package.Photos.indexOf(that.package.Photos.find(p => p.MediaKey == photo.MediaKey));\r\n \r\n var nextIndex = evt.shiftKey ? index - 1 : index + 1;\r\n if (nextIndex < 0)\r\n nextIndex = that.package.Photos.length - 1; // that.package.Photos[that.package.Photos.length - 1].Order;\r\n if (nextIndex > that.package.Photos.length - 1)\r\n nextIndex = nextIndex % (that.package.Photos.length);\r\n\r\n if (photo.hasChanges)\r\n that.savePhoto(photo, true, true);\r\n\r\n const $photoElem = document.querySelector(`.photobox-${nextIndex} .photo-control`);\r\n $photoElem?.click();\r\n that.handleScrollToElem($photoElem);\r\n };\r\n\r\n that.rotatePhoto = function (photo) {\r\n photo.MarkedForRotation = (photo.MarkedForRotation + 90) % 360;\r\n return photo;\r\n };\r\n\r\n that.savePhoto = function (photoToSave, keepSelectedPhoto, forceUpdate) {\r\n console.log('savePhoto', photoToSave)\r\n if (!photoToSave)\r\n return;\r\n\r\n var photo = that.package.Photos.find(p => p.MediaKey == photoToSave.MediaKey);\r\n if (!photo)\r\n return;\r\n\r\n var data = {};\r\n ['LongDescription', 'MarkedForRotation', 'Order', 'MarkedForDeletion'].forEach(prop => {\r\n if (photo[prop] != photoToSave[prop])\r\n data[prop] = photo[prop] = photoToSave[prop];\r\n });\r\n\r\n if (!forceUpdate && !Object.keys(data).length) {\r\n if (!keepSelectedPhoto)\r\n that.selectedPhoto = null;\r\n that.isProcessingSelectedPhoto = false;\r\n // no changes\r\n return;\r\n }\r\n\r\n photo.state = that.stateEnum.saving;\r\n that.isProcessingSelectedPhoto = true;\r\n\r\n $http.patch(\r\n `./api/v1/MediaPackages(${that.package.MediaPackageId})/Photos(${photo.MediaKey})`,\r\n data,\r\n { headers: { 'DisableAutoResort': !data.Order } }\r\n ).then(res => {\r\n photo.state = that.stateEnum.loaded;\r\n if (!keepSelectedPhoto)\r\n that.selectedPhoto = null;\r\n that.isProcessingSelectedPhoto = false;\r\n growl.success('Photo updated');\r\n })\r\n .catch(err => { sessions.reportHttpError(err); }); \r\n }\r\n\r\n that.hasImportablePhotos = function () {\r\n return that.delta && that.delta.HasWarning === true;\r\n }\r\n\r\n that.disableImportPhotos = function () {\r\n return that.isImportingMlsPhotos === true;\r\n }\r\n\r\n that.importExistingPhotos = function () {\r\n that.isImportingMlsPhotos = true;\r\n packageService.importMlsPhotos({\r\n package: that.package,\r\n onSuccess: pkg => {\r\n growl.success(`${pkg.Photos.length} photos imported`);\r\n }\r\n });\r\n }\r\n }] \r\n});\r\n","app.service('photoService', ['httpWithCancel', 'sessions', '$http', '$q', function (httpWithCancel, sessions, $http, $q) {\r\n\r\n var that = this;\r\n\r\n that.postPhoto = function (session, packageId, photo, file, success, error, doReorder) {\r\n var url = `./api/v1/MediaPackages(${packageId})/Photos`,\r\n fd = new FormData(),\r\n defer = $q.defer(),\r\n p = photo;\r\n\r\n fd.append(\"Content\", file);\r\n fd.append(\"LongDescription\", p.LongDescription || \"\");\r\n fd.append(\"Order\", p.Order);\r\n //fd.append(\"MarkedForRotation\", doReorder ? -1 : p.RotateInstructions); // TODO: not black magic\r\n\r\n p.downloadPercent = 0;\r\n\r\n $http.post(url, fd, {\r\n headers: {\r\n 'Content-Type': undefined,\r\n 'SessionId': session.id,\r\n 'FromUI': true\r\n },\r\n uploadEventHandlers: {\r\n progress: function (e) {\r\n var percent = e.loaded * 100 / e.total;\r\n p.downloadPercent = (percent === 0) ? 0 : Math.round(percent);\r\n defer.notify(p.downloadPercent);\r\n }\r\n }\r\n }).then(success, error);\r\n }\r\n\r\n that.patchPhoto = function (session, packageId, mediaKey, propertyName, value, success, error) {\r\n var url = `./api/v1/MediaPackages(${packageId})/Photos(${mediaKey})`,\r\n data = {};\r\n\r\n data[propertyName] = value;\r\n\r\n $http.patch(url, data, {\r\n headers: { 'DisableAutoResort': true }\r\n }).then(success, error);\r\n }\r\n \r\n that.deletePhoto = function (session, packageId, mediaKey, success, error) {\r\n var url = `./api/v1/MediaPackages(${packageId})/Photos`;\r\n\r\n $http.delete(url, {\r\n headers: {\r\n 'DisableAutoResort': true,\r\n 'Content-Type': 'text/plain'\r\n },\r\n data: mediaKey\r\n }).then(success, error);\r\n }\r\n\r\n that.getPublishedPhotos = function (session, listingId, success, error) {\r\n\r\n var args = { \r\n url: `./api/odata/listings(${listingId})/publishedphotos`,\r\n method: 'GET'\r\n };\r\n\r\n return httpWithCancel.http(args, success, error);\r\n };\r\n\r\n\r\n}]);","const photoStateEnum = Object.freeze({\r\n loading: 0,\r\n loaded: 1,\r\n uploading: 2,\r\n saving: 3\r\n});\r\n\r\nclass PtuPhoto {\r\n constructor(id, fileType, fileName, fileSize, content, order) {\r\n this.MediaKey = null;\r\n this.MediaURL = null;\r\n this.UrlThumbnail = null;\r\n this.Content = content;\r\n this.LongDescription = '';\r\n this.Order = order || 0;\r\n this.MarkedForRotation = 0;\r\n\r\n this.FileType = fileType;\r\n this.FileName = fileName;\r\n this.FileSize = fileSize;\r\n\r\n this.width = null;\r\n this.height = null;\r\n this.resolutionValid = true;\r\n\r\n this.IsPublished = false;\r\n this.PublishId = null;\r\n this.PublishedOrder = null;\r\n\r\n this.state = photoStateEnum.loaded;\r\n }\r\n\r\n setResolution(height, width) {\r\n //todo: should height always be the larger?\r\n this.height = Math.min(width, height);\r\n this.width = Math.max(width, height);\r\n }\r\n}","const authTypeEnum = Object.freeze({\r\n sso: 0,\r\n basic: 1\r\n});\r\n\r\nclass PtuSession {\r\n constructor(username, userType, authType) {\r\n this.username = username;\r\n this.userType = userType;\r\n this.authType = authType;\r\n }\r\n}","app.component('sessionManager', {\r\n bindings: {},\r\n templateUrl: './App/Session/SessionManager.html',\r\n controller: ['$location', '$document', '$rootScope', '$scope', 'growl', 'sessions', 'configService',\r\n function ($location, $document, $rootScope, $scope, growl, sessions, configService) {\r\n\r\n var that = this;\r\n\r\n that.errorHandler = function (message, callback) {\r\n that.errorMessage = message;\r\n that.onErrorClose = typeof callback === 'function'\r\n ? function () { that.openErrorModal = false; callback(); }\r\n : function () { that.openErrorModal = false; };\r\n\r\n console.log(`Error: ${that.errorMessage}`);\r\n that.openErrorModal = true;\r\n }\r\n\r\n that.showError = function (message, redirect) {\r\n growl.error(message);\r\n if (redirect)\r\n $location.url(redirect);\r\n }\r\n\r\n that.loginRedirect = function (isTimeout) {\r\n // that.errorHandler('Your session has expired. Please login again.', function () { $location.url('/login'); });\r\n $location.url('/login');\r\n if (isTimeout)\r\n growl.info('Your session has expired, please login.');\r\n };\r\n\r\n that.timeoutHandler = function (destination) {\r\n sessions.saveRedirect(destination);\r\n if (sessions.getCurrent()) {\r\n sessions.end(); // prevents multiple error modals when async operations trigger many timeout calls\r\n that.loginRedirect(true);\r\n } else {\r\n that.loginRedirect(false);\r\n }\r\n }\r\n\r\n $rootScope.$on(\"error\", function (event, data) {\r\n that.errorHandler(data.message, data.callback);\r\n });\r\n\r\n $rootScope.$on(\"httpError\", function (event, httpResponse) {\r\n console.log(`Debug: HTTP Error Response - Status:${httpResponse.status} StatusText:${httpResponse.statusText} Message:${httpResponse.data.Message}`);\r\n\r\n var message = httpResponse.data.Message ?? httpResponse.data ?? httpResponse.statusText,\r\n callback = null;\r\n\r\n switch (httpResponse.status) {\r\n case 401: //Unauthorized\r\n message = httpResponse.data ?? 'Incorrect Username or Password';\r\n callback = function () {\r\n var session = sessions.getCurrent();\r\n if (session) {\r\n sessions.end();\r\n }\r\n $location.path('/login');\r\n };\r\n break;\r\n case 403: // Forbidden\r\n callback = function () {\r\n $location.url('/packages');\r\n };\r\n break;\r\n case 410: // Unavailable\r\n return that.showError(httpResponse.data, '/packages');\r\n break;\r\n case 413: //Request Entity Too Large\r\n var fileSize = that.config['maxFileSize'];\r\n message = `Photo is too large. Please submit photos under ${fileSize}.`;\r\n break;\r\n case 440: //Session Timeout\r\n that.timeoutHandler($location.path());\r\n return;\r\n //400 Bad Request\r\n //404 Not Found\r\n //500 Internal Server Error\r\n default:\r\n break;\r\n }\r\n that.errorHandler(message, callback);\r\n });\r\n\r\n $rootScope.$on(\"sessionTimeout\", function (event, redirect) {\r\n that.timeoutHandler(redirect);\r\n });\r\n\r\n that.init = function () {\r\n var pathIsLogin = $location.path() === '/login',\r\n pathIsAllAccess = $location.path().startsWith('/password-reset')\r\n || $location.path().startsWith('/email-subscription/link')\r\n || $location.path().startsWith('/saml'),\r\n session = sessions.getCurrent(),\r\n destination = $location.path()\r\n deeplink = sessions.getRedirect();\r\n\r\n that.openErrorModal = false;\r\n\r\n configService.getConfig(function (response) { that.config = response.data; });\r\n\r\n if (!session && !pathIsLogin && !pathIsAllAccess) {\r\n sessions.reportInvalidSession(destination);\r\n } else if (session !== null && pathIsLogin) {\r\n $location.url('/packages');\r\n } else if (deeplink) {\r\n sessions.deleteRedirect();\r\n $location.url(deeplink);\r\n }\r\n\r\n //broadcast any enter key presses\r\n $document.bind('keyup', function (e) {\r\n if (e.keyCode === 13) {\r\n $rootScope.$broadcast('EnterKeyPress');\r\n }\r\n })\r\n\r\n //close any open error modals on enter keypress\r\n //$scope.$on('EnterKeyPress', function (e) {\r\n // that.openErrorModal = false;\r\n //});\r\n }\r\n\r\n that.init();\r\n }]\r\n});","app.service('sessions', ['$cookies', 'localStorageService', '$rootScope', '$http', '$location',\r\n function ($cookies, localStorage, $rootScope, $http, $location) {\r\n\r\n var that = this;\r\n\r\n const SESSION_KEY = 'X-XSRF-TOKEN';\r\n const LOCAL_KEY = 'PtuSessionData';\r\n const REDIRECT_KEY = 'ptuRedirectDestination';\r\n const REDIRECT_IGNORE_LIST = ['/login'];\r\n const SSO_HANDOFF_KEY = 'ssoHandoff';\r\n\r\n\r\n //Session CRUD operations\r\n that.getCurrent = function () {\r\n var authToken = $cookies.get(SESSION_KEY);\r\n var sessionData = localStorage.get(LOCAL_KEY);\r\n\r\n if (!authToken) {\r\n return null;\r\n }\r\n\r\n if (!sessionData) {\r\n var handoff = $cookies.get(SSO_HANDOFF_KEY);\r\n\r\n if (handoff) {\r\n $cookies.remove(SSO_HANDOFF_KEY);\r\n return that.create(JSON.parse(handoff));\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n authToken = JSON.parse(authToken);\r\n sessionData = JSON.parse(sessionData)\r\n\r\n sessionData.expiration = authToken.experation;\r\n return sessionData;\r\n } \r\n\r\n that.update = function (session) {\r\n localStorage.set(LOCAL_KEY, JSON.stringify(session));\r\n }\r\n\r\n that.end = function (username) {\r\n $cookies.remove(SESSION_KEY);\r\n $cookies.remove(SESSION_KEY, { path: '/api' }); //bug fix for when auth cookie was incorrectly not set to root path \r\n localStorage.remove(LOCAL_KEY);\r\n }\r\n\r\n that.create = function (value) {\r\n var session = {\r\n id: value.SessionId,\r\n username: value.Account.UserId,\r\n fullname: value.Account.FullName,\r\n email: value.Account.Email, \r\n isVendor: value.Account.IsVendor,\r\n isAgent: value.Account.IsMember,\r\n isAdmin: value.Account.IsAdmin,\r\n isImpersonated: value.Account.IsImpersonated,\r\n impersonatorSessionId: value.Account.ImpersonatorSessionId,\r\n userOffices: value.Account.Offices,\r\n expiration: value.Expiration\r\n };\r\n\r\n if (value.Account.IsAdmin) {\r\n session.userType = 'Admin';\r\n } else if (value.Account.IsMember) {\r\n session.userType = 'Agent';\r\n } else {\r\n session.userType = 'Vendor';\r\n }\r\n\r\n localStorage.set(LOCAL_KEY, JSON.stringify(session));\r\n\r\n return session;\r\n };\r\n\r\n //error handlers\r\n that.reportHttpError = function (httpResponse) {\r\n $rootScope.$broadcast(\"httpError\", httpResponse);\r\n }\r\n\r\n that.reportError = function (message, callback) {\r\n var data = {\r\n message: message,\r\n callback: callback\r\n };\r\n $rootScope.$broadcast(\"error\", data);\r\n };\r\n\r\n that.reportInvalidSession = function (destination) {\r\n $rootScope.$broadcast(\"sessionTimeout\", destination);\r\n }\r\n\r\n // bulma dropdown lists\r\n that.initDropdowns = () => {\r\n const getAllElements = selectorQuery => {\r\n return Array.prototype.slice.call(document.querySelectorAll(selectorQuery), 0);\r\n },\r\n dropdowns = getAllElements('.dropdown:not(.is-hoverable)'),\r\n toggleIsActive = function (e) {\r\n e.stopPropagation();\r\n (e.target || e.currentTarget).closest('.dropdown').classList.toggle('is-active');\r\n },\r\n closeAllDropdowns = function () {\r\n dropdowns.forEach(el => el.classList.remove('is-active'));\r\n },\r\n closeAllDropdownsByKey = function (evt) {\r\n const e = evt || window.event;\r\n if (e.key === 'Esc' || e.key === 'Escape') //|| e.key == 'Enter'\r\n closeAllDropdowns();\r\n };\r\n\r\n dropdowns.forEach(el => {\r\n let $trigger = el.querySelector('.dropdown-trigger');\r\n if ($trigger) {\r\n $trigger.removeEventListener('click', toggleIsActive);\r\n $trigger.addEventListener('click', toggleIsActive);\r\n }\r\n });\r\n\r\n document.removeEventListener('click', closeAllDropdowns);\r\n document.addEventListener('click', closeAllDropdowns);\r\n\r\n document.removeEventListener('keydown', closeAllDropdownsByKey);\r\n document.addEventListener('keydown', closeAllDropdownsByKey); \r\n };\r\n\r\n // verify current session\r\n that.verifyCurrentSession = function () {\r\n var session = that.getCurrent(),\r\n success = function (response) {\r\n session.expiration = response.data.expiration;\r\n that.update(session);\r\n },\r\n error = function (response) {\r\n that.reportHttpError(response);\r\n };\r\n\r\n if (session) {\r\n $http.get('./api/VerifySession').then(success, error);\r\n }\r\n }\r\n\r\n //session related redirects\r\n that.saveRedirect = function (redirect) {\r\n if (!REDIRECT_IGNORE_LIST.includes(redirect)) {\r\n console.log(\"Debug: redirect saved \" + redirect);\r\n $cookies.put(REDIRECT_KEY, redirect);\r\n }\r\n }\r\n\r\n that.getRedirect = function (redirect) {\r\n var redirect = $cookies.get(REDIRECT_KEY);\r\n console.log(\"Debug: redirect read \" + redirect);\r\n return redirect;\r\n }\r\n\r\n that.deleteRedirect = function () {\r\n console.log(\"Debug: redirect removed\");\r\n $cookies.remove(REDIRECT_KEY);\r\n }\r\n\r\n //package header\r\n that.updatePackage = function (package) {\r\n var session = that.getCurrent();\r\n\r\n if (!package || !session.packages)\r\n return session;\r\n\r\n var index = session.packages.findIndex(p => p.MediaPackageId === package.MediaPackageId);\r\n\r\n if (index < 0)\r\n session.packages.unshift(package);\r\n else\r\n session.packages[index] = package;\r\n\r\n that.update(session);\r\n\r\n return session\r\n }\r\n\r\n that.impersonateUser = function (username, onSuccess, onError) {\r\n var session = that.getCurrent(),\r\n success = function (response) {\r\n that.end(session.username);\r\n that.create(response.data);\r\n $cookies.put(SESSION_KEY, response.data.SessionId);\r\n onSuccess();\r\n },\r\n error = function (response) {\r\n that.reportHttpError(response);\r\n onError();\r\n };\r\n\r\n if (session) {\r\n $http.get(`./api/Impersonate/${username}`).then(success, error);\r\n }\r\n }\r\n that.unpersonate = function (onSuccess, onError) {\r\n var session = that.getCurrent(),\r\n success = function (response) {\r\n that.end(session.username);\r\n that.create(response.data);\r\n $cookies.put(SESSION_KEY, response.data.SessionId);\r\n onSuccess();\r\n },\r\n error = function (response) {\r\n that.reportHttpError(response);\r\n onError();\r\n };\r\n\r\n if (session) {\r\n $http.get(`./api/unpersonate/${session.impersonatorSessionId}`).then(success, error);\r\n }\r\n }\r\n}]);","app.service('configService', ['$http', '$rootScope', '$q', function ($http, $rootScope, $q) {\r\n\r\n var that = this;\r\n\r\n that.getConfig = function (success, error) {\r\n\r\n if ($rootScope.ptuConfig === null || $rootScope.ptuConfig === undefined) {\r\n var innerSuccess = function (response) {\r\n $rootScope.ptuConfig = response.data;\r\n success(response);\r\n },\r\n innerError = function (response) {\r\n error(response);\r\n };\r\n\r\n $http.get(`./api/PtuConfig`).then(innerSuccess, innerError);\r\n } else {\r\n success({ \"data\": $rootScope.ptuConfig });\r\n }\r\n };\r\n}]);","app.service('errorMessageService', [function () {\r\n\r\n var that = this;\r\n\r\n that.formatError = function (httpResponse) {\r\n var errorMessage = `ERROR: ${httpResponse.status}`;\r\n\r\n if (httpResponse.statusText && httpResponse.statusText !== \"\") {\r\n errorMessage += ` - ${httpResponse.statusText}`\r\n }\r\n\r\n if (httpResponse.data !== null && httpResponse.data !== undefined && httpResponse.data !== '' && httpResponse.data.length < that.extendedErrorMessageMax) {\r\n errorMessage += ` - ${httpResponse.data}`;\r\n }\r\n\r\n return errorMessage;\r\n }\r\n}]);","app.component('passwordInput', {\r\n require: {\r\n ngModelCtrl: 'ngModel'\r\n },\r\n bindings: {\r\n ngModel: '=',\r\n tabIndex: '<',\r\n onChange: '&'\r\n },\r\n template: ` ![](\"https://cdn.recolorado.com/img/logos/logo.recolorado.connect.horz.547x90.png\"){kind=logo}
\\r\\n