The roster for the selected week hasn’t been published yet. Please check back soon or reach out to your manager.
{{ leave.type }}
\");\r\n}]);\r\n","angular.module('app_publicroster.modules.roster')\n.config([\"$stateProvider\", \"$urlRouterProvider\", function($stateProvider, $urlRouterProvider) {\n $stateProvider.state('PublicRoster', {\n url: '/roster/:companyId/:token?:report',\n templateUrl: 'modules/roster/view.tpl.html',\n controller: 'TimePublicRosterViewCtrl'\n });\n\n $stateProvider.state('PublicRosterError', {\n url: '/error',\n templateUrl: 'modules/roster/error.tpl.html'\n });\n\n $urlRouterProvider.otherwise('/error');\n}]);\n","/**\n * @ngdoc controllers\n * @memberof app_publicroster\n * @name TimePublicRosterViewCtrl\n * @description A read only view of the roster which can be accessed by users without an authentication.\n */\nangular.module('app_publicroster.modules.roster')\n.controller('TimePublicRosterViewCtrl', [\"$filter\", \"$http\", \"reporttime\", \"$scope\", \"$state\", \"$stateParams\", \"settings\", function($filter, $http, reporttime, $scope, $state, $stateParams, settings) {\n var REPORT_TYPE = 'week';\n reporttime.defaultType = REPORT_TYPE;\n reporttime.setAllowedTypes([REPORT_TYPE]);\n\n $scope.sortCol = 'name';\n $scope.filter = null;\n $scope.public = true;\n\n /**\n * Helper to get the day index (Sunday = 0) of a moment.\n */\n function getDayIndex(aMoment) {\n var index = null;\n for (const dayIndex in $scope.days) {\n var day = $scope.days[dayIndex];\n if (\n aMoment.isSame(day.startTime) ||\n aMoment.isBetween(day.startTime, day.endTime)\n ) {\n index = dayIndex;\n }\n }\n return index;\n }\n \n var updateMemberTotals = function() {\n $scope.memberTotals = {};\n\n angular.forEach($scope.rosteredShifts, function(rosteredShift) {\n //Only add the hours that match the filter exactly. If the staff matches the filter but this shift\n //doesn't, don't add this to the totals.\n if ($scope.isRoleShown(rosteredShift.roleId)) {\n $scope.memberTotals[rosteredShift.staffMemberId] = true;\n }\n });\n\n angular.forEach($scope.staff, function(member) {\n if ($scope.isRoleShown(member.defaultMemberRoleRoleId) && !$scope.memberTotals[member.id] && $scope.isStaffShown(member)) {\n $scope.memberTotals[member.id] = true;\n }\n });\n };\n\n $scope.loading = $http.get(settings.mercHost + '/time-roster-public/preferences', {\n params: {\n token: $stateParams.token,\n companyId: $stateParams.companyId\n }\n });\n\n $scope.loading.then(function(response) {\n reporttime.weekStart = response.data.weekStart;\n reporttime.dayStart = response.data.dayStart;\n\n moment.locale(response.data.locale);\n moment.tz.setDefault(response.data.localeTimeZone);\n\n // We need to set the view start and end times here because we need to use the \n // company preferences to calculate the start and end times that we need to display\n $scope.viewStartDateTime = reporttime.start('week');\n $scope.viewEndDateTime = reporttime.end('week');\n\n $scope.companyName = response.data.companyName;\n $scope.loading = $http.get(settings.mercHost + '/time-roster-public', {\n params: {\n token: $stateParams.token,\n companyId: $stateParams.companyId,\n startTime: $scope.viewStartDateTime,\n endTime: $scope.viewEndDateTime\n }\n });\n\n /**\n * Helper to get the appropriate day details object from the $scope.days array\n * for the given moment.\n */\n function getDayDetails(startMoment) {\n return $scope.days.find(day => moment(day.startTime).format('YYYY-MM-DD') === startMoment.format('YYYY-MM-DD'));\n }\n\n /**\n * Helper that given two moments representing the start and end points of\n * a range, will return records from $scope.days that run from the start\n * of the requested range up until the end time, or the end of the week\n * that is being displayed in the UI.\n */\n function getAllDayDetailsWithinRange(startMoment, endMoment) {\n var dayDetails = [];\n var currentDay = startMoment.clone();\n\n let currentDayDetails = getDayDetails(currentDay)\n\n while (\n // days are only included if they're in the range specified (exclusive),\n // we only check the day because the current day is started from the\n // startMoment and this may have a different time than the end moment.\n currentDay.isSameOrBefore(endMoment, 'day') &&\n // the last day on the UI has the day index 6, we don't want any days\n // beyond that\n (!currentDayDetails || currentDayDetails.dayIndex < 7) &&\n // we don't want more than a complete week's worth of days\n dayDetails.length < 8\n ) {\n if (currentDayDetails) {\n // a day we care about, add it to the list\n dayDetails.push(currentDayDetails);\n }\n\n // bump for the next loop iteration\n currentDay.add(1, 'day');\n currentDayDetails = getDayDetails(currentDay)\n }\n\n return dayDetails;\n }\n\n /**\n * This function sets the time boundaries for a OneOff unavailability record and leave request tiles\n * @param {*} startMoment - the start moment of the leave or unavailability record\n * @param {*} endMoment - the end moment of the leave or unavailability record\n * @param {*} id - the id of the leave or unavailability time in case of a one off unavailability record\n * @param {*} type - OneOff in case of a one off unavailability record and leave type in case of a leave request\n * @param {*} reason - the reason for the leave request or the reason for the unavailability\n * @param {*} status - the status of the leave or unavailability record\n * @param {*} staffMemberId - the staff member id of the leave or unavailability record\n * @param {*} propertyName - the property name of the unavailability or leave request array\n */\n var setRecordTimeBoundaries = function(startMoment, endMoment, id, type, reason, status, staffMemberId, propertyName) {\n // Only show the unavailability if the date is within the view\n // time range we're displaying.\n // \n // | |<- range ->| |\n // │ │ │ │ \n // │ ┌───┐ ┌─┴─┐ ┌───┐ ┌─┴─┐ ┌───┐ │ \n // │ │ ✕ │ │ ✓ │ │ ✓ │ │ ✓ │ │ ✕ │ │ \n // │ └───┘ └─┬─┘ └───┘ └─┬─┘ └───┘ │ \n // │ ┌─┴─────────────┴─┐ │ \n // │ │ ✓ │ │ \n // │ └─┬─────────────┬─┘ │ \n // │ │ │ │ \n //\n if (\n // start is within the period\n startMoment.isBetween($scope.viewStartDateTime, $scope.viewEndDateTime, '[]') ||\n // end is within the period\n endMoment.isBetween($scope.viewStartDateTime, $scope.viewEndDateTime, '[]') ||\n // start is before the period, end is after the period\n (startMoment.isBefore($scope.viewStartDateTime) && endMoment.isAfter($scope.viewEndDateTime))\n ) {\n\n // Get the day details for when this unavailability starts. Note that\n // this only returns days up until the end of the current roster\n // window, e.g. if an unavailability starts on a Saturday\n // and runs until Tuesday, and the company start day is a Monday,\n // the roster for the week this unavailability starts would show it\n // on Saturday, Sunday only. The following weeks roster then shows\n // the Monday and Tuesday portion.\n const allDayDetails = getAllDayDetailsWithinRange(startMoment, endMoment);\n\n const midnightText = '12:00am';\n\n const startDate = startMoment.format('YYYY-MM-DD');\n const endDate = endMoment.format('YYYY-MM-DD');\n\n allDayDetails.forEach(dayDetails => {\n let dayStartTime = startMoment.format('h:mma');\n let dayEndTime = endMoment.format('h:mma');\n\n // Is this the first day in a multi-day unavailability?\n // If so then the start time stays as-is, but the end time needs\n // to be updated to midnight.\n if (dayDetails.startDate == startDate && endDate != startDate) {\n dayEndTime = midnightText;\n }\n\n // Is this the last day in a multi-day unavailability?\n // If so then the end time stays as-is, but the start time needs\n // to be updated to midnight.\n if (dayDetails.startDate == endDate && endDate != startDate) {\n dayStartTime = midnightText;\n }\n\n // If this is a multi-day unavailability, and the current\n // day is neither the start or end day, then the start and end\n // times should both be midnight.\n if (dayDetails.startDate != startDate && dayDetails.startDate != endDate) {\n dayStartTime = midnightText;\n dayEndTime = midnightText;\n }\n\n // Finally, add the unavailability to the right staff member / day cell.\n $scope.rosterCells[staffMemberId][dayDetails.dayIndex][propertyName].push({\n id: id,\n type: type,\n reason: reason,\n status: status,\n startTime: dayStartTime,\n endTime: dayEndTime,\n });\n })\n }\n }\n\n $scope.loading.then(function(result) {\n $scope.rosteredShifts = result.data.rosteredShifts;\n $scope.roles = result.data.roles;\n $scope.staff = result.data.staff;\n\n const approvedAndRequestedLeave = result.data.leaveRequests\n .filter(leave => ['Approved'].includes(leave.status))\n\n //Build the days list for the week view.\n $scope.days = [];\n for (var i = 0; i < 7; i++) {\n var day = moment($scope.viewStartDateTime).clone().add(i, 'days');\n var startTime = day.format();\n var endTime = day.add(1, 'day').format();\n\n $scope.days.push({\n startTime: startTime,\n startDate: day.format('YYYY-MM-DD'),\n endTime: endTime,\n link: JSON.stringify({time: startTime, type: 'day'}),\n name: day.format('dddd'),\n // note this index is _not_ the usual Sunday = 0 index, it is a column\n // position in the ui, and changes based on what the company start day is\n dayIndex: i,\n });\n }\n\n // Establish a list of cells to display on the weekview, each staff member\n // has one for each day of the week, and it'll contain a list of shifts\n // they are rostered for on that day.\n $scope.rosterCells = {};\n angular.forEach($scope.staff, function(member) {\n $scope.rosterCells[member.id] = [];\n\n angular.forEach($scope.days, function() {\n $scope.rosterCells[member.id].push({\n shifts: [],\n leaveRequests: [],\n })\n });\n });\n\n // // Build the list of leave blocks to be displayed on the\n // // weekview UI.\n approvedAndRequestedLeave.forEach(leave => {\n // Check if the leave belongs to a deactivated staff member\n // If the staff member is deactivated, their leave should not be displayed\n if (!$scope.rosterCells[leave.staffMemberId]) {\n return;\n } \n \n // Moments are by default in the company timezone, so we can construct\n // these moments and compare them with other zoned moments safely.\n const startMoment = moment(leave.startDateTime);\n const endMoment = moment(leave.endDateTime);\n \n setRecordTimeBoundaries(\n startMoment, \n endMoment, \n leave.id, \n \"On leave\", \n leave.reason, \n leave.status, \n leave.staffMemberId, \n 'leaveRequests'\n );\n });\n\n angular.forEach($scope.rosteredShifts, function(rosteredShift) {\n var dayIndex = getDayIndex(moment(rosteredShift.clockinTime));\n if (dayIndex === null) {\n return;\n }\n\n $scope.rosterCells[rosteredShift.staffMemberId][dayIndex].shifts.push(rosteredShift);\n\n $scope.rosterCells[rosteredShift.staffMemberId][dayIndex].shifts = $filter('orderBy')(\n $scope.rosterCells[rosteredShift.staffMemberId][dayIndex].shifts,\n function(shift) {\n return moment(shift.clockinTime).unix();\n });\n\n // Check if 'breaks' data exists for the roster\n rosteredShift.hasBreaks = rosteredShift.breaks && rosteredShift.breaks.length > 0;\n\n });\n\n updateMemberTotals();\n }, function() {\n $state.go('PublicRosterError');\n });\n }, function() {\n $state.go('PublicRosterError');\n });\n\n /**\n * Is a role to be displayed based on the role filter.\n *\n * @returns {Boolean} true if is shown else false\n */\n $scope.isRoleShown = function(roleId) {\n return $scope.filter === null || typeof $scope.filter[roleId] != 'undefined';\n };\n\n $scope.isStaffShown = function(staff) {\n return staff.showInRoster && (staff.datestampDeleted === null || moment(staff.datestampDeleted).isAfter(reporttime.end()));\n };\n\n $scope.filterUpdated = function(newFilter) {\n $scope.filter = newFilter;\n\n updateMemberTotals();\n };\n}]);\n","angular.module('mercury.startup', []);\n","/**\n * @ngdoc run\n * @memberof mercury.startup\n * @name MomentFunctions\n * @description Define special functions for moment objects\n */\nangular.module('mercury.startup')\n.run([\"reporttime\", function(reporttime) {\n moment.fn.mResetToStartOfDay = function() {\n\n var origDate = this.clone();\n var daystart = reporttime.dayStart;\n var hourOffset = daystart.split(':')[0];\n var minuteOffset = daystart.split(':')[1];\n\n this.hour(hourOffset).minute(minuteOffset).second(0).millisecond(0);\n\n if (this.isAfter(origDate)) {\n return this.subtract(1, 'day');\n } else {\n return this;\n }\n };\n\n moment.fn.mResetDayToStartOfWeek = function() {\n var weekStart = reporttime.weekStart;\n if (this.day() < weekStart) {\n this.subtract(7, 'days');\n }\n return this.day(weekStart);\n };\n\n moment.fn.mStartOf = function(periodType) {\n if (periodType) {\n switch (periodType.toLowerCase()) {\n case 'week':\n return this.mResetToStartOfDay().mResetDayToStartOfWeek();\n case 'month':\n return this.mResetToStartOfDay().date(1);\n case 'halfhour':\n if (this.minutes() < 30) {\n return this.startOf('hour');\n } else {\n return this.startOf('hour').add(30, 'minutes');\n }\n break;\n case 'year':\n return this.mResetToStartOfDay().dayOfYear(1);\n case 'yesterday':\n return this.mResetToStartOfDay().subtract(1, 'day');\n }\n }\n return this.mResetToStartOfDay();\n };\n\n moment.fn.mEndOf = function(periodType) {\n if (periodType == 'yesterday') {\n return this.mStartOf(periodType).add(1, 'day');\n } else {\n return this.mStartOf(periodType).add(1, periodType);\n }\n };\n\n moment.fn.mNextIteration = function(periodType) {\n if (periodType.toLowerCase() == 'day') {\n return this.add(30, 'minutes');\n } else {\n return this.add(1, 'day');\n }\n };\n\n moment.fn.mUtcFormat = function() {\n return this.utc().format('YYYY-MM-DDTHH:mm:ss.SSSS[Z]');\n };\n\n moment.fn.mFormat = function(format) {\n switch (format) {\n case 'fullDate':\n return this.format('dddd, MMMM Do YYYY');\n case 'croppedDate':\n return this.format('ddd Do MMM. YYYY');\n case 'mediumDate':\n return this.format('ll');\n case 'shortDate':\n return this.format('D/M/YYYY');\n case 'shortTime':\n return this.format('LT');\n case 'medium':\n return this.format('ddd Do MMM, LT');\n case 'fullDateTime':\n return this.format('D MMM YYYY, h:mm A');\n case 'mediumDateTime':\n return this.format('ddd. Do MMMM YYYY, LT');\n\n default:\n return this.format(format);\n }\n };\n}]);\n","angular.module('mercury.services.reporttime', []);\n","angular.module('mercury.services.reporttime')\n.factory('comparetime', [\"reporttime\", \"$rootScope\", \"$state\", \"$stateParams\", function(reporttime, $rootScope, $state, $stateParams) {\n // returns the current report type. One of 'day', 'week', 'month', 'custom'\n var stateParams = function() {\n if ($stateParams.compare) {\n return JSON.parse($stateParams.compare);\n } else {\n return null;\n }\n };\n\n var comparetimeService = {\n start: function() {\n if (stateParams() === null) {\n return null;\n } else if (reporttime.reportType() == 'custom') {\n return stateParams().start;\n } else {\n return moment(this.time()).mStartOf(reporttime.reportType()).format();\n }\n },\n end: function() {\n if (stateParams() === null) {\n return null;\n } else if (reporttime.reportType() == 'custom') {\n return stateParams().end;\n } else {\n return moment(this.time()).mEndOf(reporttime.reportType()).format();\n }\n\n },\n time: function() {\n if (stateParams() === null) {\n return null;\n } else if (stateParams().hasOwnProperty('time')) {\n return stateParams().time;\n } else {\n // default time pointer\n return moment(reporttime.time()).subtract(1, reporttime.reportType()).format();\n }\n },\n params: function(fields) {\n if (stateParams() === null) {\n return null;\n }\n\n var _this = this;\n if (!angular.isObject(fields)) {\n fields = ['start', 'end'];\n }\n rtn = {};\n angular.forEach(fields, function(field) {\n switch (field) {\n case 'start': rtn.start = _this.start(); break;\n case 'end': rtn.end = _this.end(); break;\n case 'time': rtn.time = _this.time(); break;\n }\n });\n return rtn;\n }\n };\n\n return comparetimeService;\n}]);\n","/**\n * @ngdoc services\n * @memberof mercury.services\n * @name reporttime\n * @description Service for accessing the selected reporting period\n */\nangular.module('mercury.services.reporttime')\n.factory('reporttime', [\"$state\", \"$stateParams\", function($state, $stateParams) {\n // returns the current report type. One of 'day', 'week', 'month', 'custom'\n var stateParams = function() {\n if ($stateParams.report) {\n return JSON.parse($stateParams.report);\n } else {\n return {};\n }\n };\n\n var companyStateInformation = [];\n\n var setCompanyStateInformation = function(reports) {\n companyStateInformation = reports;\n };\n\n /**\n * Allows setting a custom format string\n *\n * @memberof reporttime\n */\n var formatString = false;\n\n /**\n * Report types allowed. By default, all are allowed ['day', 'week', 'month', 'custom']\n *\n * @memberof reporttime\n */\n var allowedTypes = ['day', 'week', 'month', 'custom'];\n\n /**\n * Set report types allowed.\n * @param {*} types\n */\n var setAllowedTypes = function(types) {\n allowedTypes = types;\n };\n\n /**\n * Get report types allowed, based on an earlier call to setAllowedTypes() or the defaults.\n * @returns\n */\n var getAllowedTypes = function() {\n return allowedTypes.filter(function(reportType) {\n var relevantStateInformation = companyStateInformation[$state.current.name];\n\n if (!relevantStateInformation) {\n // when there isn't a direct match with the current state name and the menu items\n // stored in the companyStateInformation we check if there is linked back to a\n // parent menu item, if it is we take the allowed types from that instead\n if (\n $state.current.data &&\n $state.current.data.menuLinkState &&\n companyStateInformation[$state.current.data.menuLinkState] != undefined\n ) {\n relevantStateInformation = companyStateInformation[$state.current.data.menuLinkState];\n } else {\n // if there still isn't state information available we default to the allowed\n // types, this occurs in areas where there are routes opened that don't have\n // any menu item linking at all - it's safe for these to use whatever the\n // allowed types set by the route controller are\n relevantStateInformation = {reportTimeTypes: allowedTypes};\n }\n }\n return relevantStateInformation && relevantStateInformation.reportTimeTypes.indexOf(reportType) > -1;\n });\n };\n\n /**\n * Default report type. Default: 'day'\n *\n * @memberof reporttime\n */\n var defaultType = 'day';\n\n /**\n * If set to true, time() will always return now.\n *\n * @memberof reporttime\n */\n var restrictToCurrent = false;\n\n /**\n * The day index which each week starts and ends.\n *\n * @memberof reporttime\n */\n var weekStart = 1;\n\n /**\n * The time at which each day starts and ends.\n *\n * @memberof reporttime\n */\n var dayStart = '07:00:00';\n\n /**\n * Get the current report type\n *\n * @param overriddenDefaultType the default type to use if the report type\n * is not specified in the 'report' url parameter\n * @memberof reporttime\n * @return report type\n */\n function reportType(overriddenDefaultType) {\n if (\n stateParams().hasOwnProperty('type') &&\n this.getAllowedTypes().indexOf(stateParams().type) > -1\n ) {\n return stateParams().type;\n } else {\n // When a report is loaded without a specified type parameter in the\n // 'report' url parameter, we default to the default type if this is\n // allowed, otherwise we default to the first allowed type.\n //\n // Note that the default type can be overridden by the caller, and\n // if this has happened we use that as the default instead.\n if (this.getAllowedTypes().indexOf(overriddenDefaultType || this.defaultType) > -1) {\n return overriddenDefaultType || this.defaultType\n } else {\n return getAllowedTypes()[0];\n }\n }\n }\n\n /**\n * Get the current report time\n *\n * @memberof reporttime\n * @return report time\n */\n function reportTime() {\n if (\n stateParams().hasOwnProperty('time')\n ) {\n return stateParams().time;\n }\n return null;\n }\n\n /**\n * Get the current report time\n *\n * @memberof reporttime\n * @return ISO Date\n */\n function time() {\n if (stateParams().hasOwnProperty('time') && this.restrictToCurrent === false) {\n return stateParams().time;\n } else {\n // default time pointer\n return moment().format();\n }\n }\n\n /**\n * Get the start time for the current report type\n *\n * @param overriddenDefaultType the default type to use if the report type\n * is not specified in the 'report' url parameter\n * @memberof reporttime\n * @return ISO date\n */\n function start(overriddenDefaultType) {\n if (this.reportType(overriddenDefaultType) == 'custom') {\n return stateParams().start;\n } else {\n return moment(this.time())\n .mStartOf(this.reportType(overriddenDefaultType))\n .format();\n }\n }\n\n /**\n * Get the end time for the current report type\n *\n * @param overriddenDefaultType the default type to use if the report type\n * is not specified in the 'report' url parameter\n * @memberof reporttime\n * @return ISO Date\n */\n function end(overriddenDefaultType) {\n if (this.reportType(overriddenDefaultType) == 'custom') {\n return stateParams().end;\n } else {\n return moment(this.time())\n .mEndOf(this.reportType(overriddenDefaultType))\n .format();\n }\n }\n\n /**\n * Based on the report type, determine the default data interval grouping.\n *\n * @memberof reporttime\n * @return Interval format\n */\n function interval() {\n if (stateParams().hasOwnProperty('interval')) {\n return stateParams().interval;\n } else {\n switch (this.reportType()) {\n case 'day':\n return '00:30:00';\n case 'week':\n case 'month':\n return '1.00:00:00';\n case 'custom':\n var daysLength = moment(this.end()).diff(this.start(), 'days');\n\n if (daysLength <= 1) {\n return '00:30:00';\n } else {\n return '1.00:00:00';\n }\n\n }\n }\n }\n\n /**\n * Get an object of reporttime parameters\n *\n * @memberof reporttime\n */\n function params(fields) {\n if (!angular.isObject(fields)) {\n fields = ['start', 'end'];\n }\n\n var rtn = {};\n var _this = this;\n\n angular.forEach(fields, function(field) {\n switch (field) {\n case 'start': rtn.start = _this.start(); break;\n case 'end': rtn.end = _this.end(); break;\n case 'interval': rtn.interval = _this.interval(); break;\n case 'type': rtn.type = _this.reportType(); break;\n case 'time': rtn.time = _this.time(); break;\n }\n });\n return rtn;\n }\n\n /**\n * Set a custom format string to override the report settings when getFormatString is called\n * set to false to clear formatString\n *\n * @memberof reporttime\n */\n function setFormatString(string) {\n this.formatString = string;\n }\n\n /**\n * Based on the report type, determine the time format string for formatting a moment object.\n *\n * @memberof reporttime\n */\n function getFormatString() {\n if (this.formatString) {\n return this.formatString;\n }\n switch (this.reportType()) {\n case 'day':\n return 'h:mma';\n case 'week':\n return 'dddd';\n case 'month':\n return 'ddd Do';\n case 'custom':\n var daysLength = moment(this.end()).diff(this.start(), 'days');\n\n if (daysLength <= 1) {\n return 'h:mma';\n } else if (daysLength <= 7) {\n return 'dddd';\n } else {\n return 'ddd Do';\n }\n }\n }\n\n /**\n * Based on the report type, determine the time format string for formatting a JS Date object for google charts.\n *\n * @memberof reporttime\n */\n function getIcuFormatString() {\n if (this.formatString) {\n return this.formatString;\n }\n switch (this.reportType()) {\n case 'day':\n return 'h:mma';\n case 'week':\n return 'EEEE';\n case 'month':\n return 'EEE d';\n case 'custom':\n var daysLength = moment(this.end()).diff(this.start(), 'days');\n\n if (daysLength <= 1) {\n return 'h:mma';\n } else if (daysLength <= 7) {\n return 'EEEE';\n } else {\n return 'EEE d';\n }\n }\n }\n\n return {\n getAllowedTypes: getAllowedTypes,\n setAllowedTypes: setAllowedTypes,\n setCompanyStateInformation: setCompanyStateInformation,\n formatString: formatString,\n defaultType: defaultType,\n restrictToCurrent: restrictToCurrent,\n dayStart: dayStart,\n weekStart: weekStart,\n reportType: reportType,\n start: start,\n end: end,\n time: time,\n interval: interval,\n params: params,\n setFormatString: setFormatString,\n getFormatString: getFormatString,\n getIcuFormatString: getIcuFormatString,\n reportTime: reportTime\n };\n}]);\n","/**\n * @ngdoc services\n * @memberof mercury.services\n * @name dialog\n */\nangular.module('mercury.services.dialog', [])\n.factory('dialog', [\"$rootScope\", \"$uibModal\", function($rootScope, $uibModal) {\n var modalInstances = [];\n\n // An alert modal is tracked seperaly from other modals because we only want to show one at a time.\n var alertInstance = null;\n\n /**\n * Open a new dialog window\n *\n * @memberof dialog\n * @param {Object} opts An object of options to pass to the uibModal object\n */\n function open(opts) {\n var newInstance = $uibModal.open(opts);\n\n modalInstances.push(newInstance);\n\n return newInstance.result;\n }\n\n /**\n * Close the most recent dialog\n *\n * @memberof dialog\n * @param {Object} result Result to be passed back to the onClose promise for the dialog\n */\n function close(result) {\n if (modalInstances.length > 0) {\n var topInstance = modalInstances.pop();\n topInstance.close(result);\n }\n }\n\n /**\n * Helper function to open a alert dialog box.\n *\n * @memberof dialog\n * @param {String} message Message to display in the alert box\n * @param {Object} extraButtons Extra buttons to show on the alert. Key of object is button text, value is callback function.\n */\n function alert(message, extraButtons) {\n // If an alert message is already only, don't display another one.\n if (alertInstance !== null) {\n return;\n }\n\n var newScope = $rootScope.$new();\n newScope.message = message;\n newScope.buttons = extraButtons;\n\n alertInstance = $uibModal.open({\n template: '
' + message + '
' +\n '',\n scope: newScope,\n size: 'sm'\n });\n\n alertInstance.result.finally(function() {\n alertInstance = null;\n });\n\n return alertInstance.result;\n }\n\n /**\n * Helper function for opening a Yes/No confirmation box\n *\n * @memberof dialog\n * @param {String} message Message to display in the alert box\n */\n function confirm(message) {\n var newScope = $rootScope.$new();\n newScope.__dialog = this;\n newScope.message = message;\n\n return open({\n template: '' +\n '',\n scope: newScope,\n size: 'sm',\n backdrop: 'static'\n });\n }\n\n return {\n open: open,\n close: close,\n alert: alert,\n confirm: confirm\n };\n}]);\n","/**\n * @ngdoc directives\n * @memberof mercury.directives\n * @name inputdate\n * @description Wrapper for JQuery datapicker.\n * @attr {String} week-picker If defined, the datepicker becomes a weekPicker\n * @attr {String} inputdate-min Defines the lower limit of selectable dates\n * @attr {String} inputdate-max Defines the upper limit of selectable dates\n */\nangular.module('mercury.directives.inputdate', [])\n.directive('inputdate', [\"$parse\", \"$timeout\", \"reporttime\", function($parse, $timeout, reporttime) {\n return {\n restrict: 'A',\n require: 'ngModel',\n link: function(scope, element, attrs, modelCtrl) {\n modelCtrl.$formatters.push(function(value) {\n if (value) {\n return moment(value).format('DD MMM YYYY');\n } else {\n return '';\n }\n });\n\n var isWeekPicker = false;\n if (attrs.weekPicker) {\n scope.$watch(attrs.weekPicker, function(value) {\n isWeekPicker = value;\n });\n }\n\n modelCtrl.$parsers.push(function(value) {\n var newDate = moment(value, 'DD MMM YYYY');\n\n if (modelCtrl.$modelValue) {\n var existingDate = moment(modelCtrl.$modelValue);\n newDate.hours(existingDate.hours()).minutes(existingDate.minutes()).seconds(existingDate.seconds());\n }\n\n if (isWeekPicker) {\n newDate.add(1, 'second').mStartOf('week');\n }\n\n return newDate.format();\n });\n\n /**\n * Helper function to add a class to the datepicker day that matches the input date\n *\n * @param {String} date - the date to add the class to within the datepicker\n * @param {String} dayClass - The class to add. If undefined will defaut to ui-state-active\n */\n var addDayClass = function(date, dayClass) {\n var momentObj = moment(date);\n findday = momentObj.date();\n findmonth = momentObj.month();\n findyear = momentObj.year();\n element.find('[data-year=\"' + findyear + '\"][data-month=\"' + findmonth + '\"]:contains(\\'' + findday + '\\')').each(function() {\n if ($(this).find('a').html() == findday) {\n $(this).find('a').addClass(dayClass);\n }\n });\n };\n\n /**\n * Function to update the UI to hightlight the correct dates on the datepicker to show report and compare times\n */\n var highlightDates = function() {\n if (!isWeekPicker) {\n return;\n }\n\n element.find('.ui-state-active').removeClass('ui-state-active');\n\n element.find('.dp-active').removeClass('dp-active');\n element.find('.dp-inactive').removeClass('dp-inactive');\n\n if (modelCtrl.$modelValue) {\n var weekStart = moment(modelCtrl.$modelValue).add(1, 'second').mStartOf('week');\n for (var iter = weekStart.clone(); iter.isBefore(weekStart.clone().add(1, 'week')); iter.add(1, 'days')) {\n addDayClass(iter, 'dp-active');\n }\n }\n\n element.find('.ui-datepicker-calendar tr').on('mousemove', function() {\n $(this).find('a:not(.ui-state-active)').addClass('ui-state-hover');\n });\n\n element.find('.ui-datepicker-calendar tr').on('mouseleave', function() {\n $(this).find('a:not(.ui-state-active)').removeClass('ui-state-hover');\n });\n };\n\n // presentation format, this requires setDate to be called with a Date object,\n // if you call it with a string it will interpret the date string as an offset\n // number of days and display incorrect dates\n var defaultDateFormat = 'dd M yy';\n\n var datepickerOptions = {\n firstDay: reporttime.weekStart,\n dateFormat: defaultDateFormat,\n showOtherMonths: true,\n selectOtherMonths: true,\n onChangeMonthYear: function() {\n $timeout(highlightDates);\n }\n };\n\n //A minimum date is specified\n if (attrs.inputdateMin) {\n //Set the inital options for the datepicker\n var minDate = $parse(attrs.inputdateMin)(scope);\n if (minDate) {\n datepickerOptions.minDate = moment(minDate).toDate();\n }\n\n //Add a watch to update the datepicker when the min date changes\n scope.$watch(attrs.inputdateMin, function(newVal, oldVal) {\n if (typeof newVal != 'undefined' && newVal != oldVal) {\n element.datepicker('option', 'minDate', moment(newVal).toDate());\n }\n });\n }\n\n //A maximum date is specified\n if (attrs.inputdateMax) {\n //Set the inital options for the datepicker\n var maxDate = $parse(attrs.inputdateMax)(scope);\n if (maxDate) {\n datepickerOptions.maxDate = moment(maxDate).toDate();\n }\n\n //Add a watch to update the datepicker when the min date changes\n scope.$watch(attrs.inputdateMax, function(newVal, oldVal) {\n if (typeof newVal != 'undefined' && newVal != oldVal) {\n element.datepicker('option', 'maxDate', moment(newVal).toDate());\n }\n });\n }\n\n //The element shouldn't allow text input. Only date selection\n element.attr('readonly', 'readonly');\n\n datepickerOptions.onSelect = function(date) {\n $timeout(function() {\n modelCtrl.$viewValue = date;\n modelCtrl.$commitViewValue();\n });\n\n $timeout(highlightDates);\n };\n\n //Initialise the date picker with the specified options.\n element.datepicker(datepickerOptions);\n\n //Watch the model and update the datepicker if there is a change\n scope.$watch(attrs.ngModel, function(value) {\n var setDate = value ? new Date(value) : null;\n\n element.datepicker('setDate', setDate);\n });\n\n $timeout(highlightDates);\n }\n };\n}]);\n","/**\n * @ngdoc directives\n * @memberof mercury.directives\n * @name popoverHtml\n * @description Provides a similar interface as the bootstrapUI popover but allows HTML in the contents\n * @attr {Boolean} position-top If set, position the popover above the trigger element\n * @attr {Boolean} position-right If set, right align the popover element\n * @attr {Boolean} is-open Specifies if the popover is open or not.\n */\nangular.module('mercury.directives.popoverhtml', [])\n.directive('popoverHtml', [\"$document\", \"$parse\", \"$templateCache\", \"$timeout\", function($document, $parse, $templateCache, $timeout) {\n return {\n restrict: 'A',\n link: function(scope, element, attrs) {\n var isOpen = false;\n\n var popoverElement = $(element).find('.popover');\n var popoverTrigger = $(element).find('.popover-trigger');\n\n popoverElement.hide();\n\n var updatePosition = function() {\n var topPos = popoverTrigger.outerHeight();\n var leftPos = 0;\n var width = $(window).width();\n\n if (angular.isDefined(attrs.positionTop)) {\n topPos -= popoverElement.outerHeight();\n\n //Get the element that the popover was appended to.\n topPos -= popoverTrigger.outerHeight();\n }\n\n if (angular.isDefined(attrs.positionRight)) {\n leftPos -= popoverElement.outerWidth() - $(element).outerWidth();\n }\n\n //Apply any position changes.\n if (width <= 992) {\n popoverElement.css('right', '0px');\n popoverElement.css('left', 'auto');\n popoverElement.css('top', '30px');\n\n } else {\n if (angular.isDefined(attrs.topPosition)) {\n topPos = attrs.topPosition;\n }\n\n if (angular.isDefined(attrs.leftPosition)) {\n leftPos = attrs.leftPosition;\n }\n\n popoverElement.css('top', topPos + 'px');\n popoverElement.css('left', leftPos + 'px');\n\n if (angular.isDefined(attrs.rightPosition)) {\n popoverElement.css('right', attrs.rightPosition + 'px');\n }\n }\n };\n\n var close = function() {\n if (isOpen) {\n isOpen = false;\n if (attrs.isOpen) {\n $parse(attrs.isOpen).assign(scope, false);\n }\n\n //Remove the document events added for this popup.\n $($document).off('mousedown.loadedPopover');\n\n popoverElement.hide();\n }\n };\n\n var open = function() {\n if (!isOpen) {\n isOpen = true;\n\n if (attrs.isOpen) {\n $parse(attrs.isOpen).assign(scope, true);\n }\n\n updatePosition();\n\n //Give the date and time pickers to initialize then show the popover.\n $timeout(function() {\n popoverElement.show();\n }, 1);\n\n /**\n * If there is a click anywhere outside of this directive, close the popup\n */\n $($document).on('mousedown.loadedPopover', function(e) {\n var targetNotInput = $(e.target).get(0) != popoverTrigger.get(0);\n var targetNotPopup = e.target != popoverElement.get(0) && popoverElement.find(e.target).length === 0;\n\n if (targetNotInput && targetNotPopup) {\n close();\n }\n });\n }\n };\n\n if (attrs.isOpen) {\n scope.$watch(attrs.isOpen, function(isOpen) {\n if (isOpen) {\n open();\n } else {\n close();\n }\n });\n }\n\n popoverTrigger.on('click', function() {\n $timeout(function() {\n open();\n });\n });\n\n scope.$on('popoverResize', function() {\n if (isOpen) {\n updatePosition();\n }\n });\n }\n };\n}]);\n","/**\n * @ngdoc directives\n * @memberof mercury.directives\n * @name loader\n * @description Display as loader on a div or button until the input promise resolves\n * @attr {Object} loader The input promise\n */\nangular.module('mercury.directives.loader', [])\n.directive('loader', [\"$rootScope\", \"$q\", \"$parse\", function($rootScope, $q, $parse) {\n return {\n restrict: 'A',\n scope: {\n loader: '='\n },\n link: function(scope, element, attrs) {\n var loaderElement = null;\n var showLoadingMessage = $parse(attrs.showLoadingMessage)(scope);\n var loaderMessage = 'That\\'s a pretty large amount of data for Loaded to crunch, ' +\n 'keep this tab open and check back in a few minutes and it should all be loaded up for you.';\n var customLoaderMessage = $parse(attrs.loadingMessage)(scope);\n if (customLoaderMessage) {\n loaderMessage = customLoaderMessage;\n }\n\n var addLoader = function() {\n element.addClass('loading-container');\n\n if (element.prop('tagName').toLowerCase() == 'button') {\n element.attr('disabled', 'disabled');\n loaderElement = angular.element('');\n element.append(loaderElement);\n } else {\n var loaderHtml = '
' +\n '
' +\n '' +\n '' +\n '' +\n '
';\n\n if (showLoadingMessage) {\n loaderHtml += '
' + loaderMessage + '
';\n }\n\n loaderHtml += '
';\n\n loaderElement = angular.element(loaderHtml);\n element.append(loaderElement);\n }\n };\n\n var removeLoader = function() {\n element.removeClass('loading-container');\n\n if (element.prop('tagName').toLowerCase() == 'button') {\n element.removeAttr('disabled');\n }\n\n loaderElement.remove();\n loaderElement = null;\n\n $rootScope.$broadcast('loading-placeholder-removed');\n };\n\n scope.$watch('loader', function(promise) {\n if (!promise || loaderElement !== null) {\n return;\n }\n\n //If the loader is an array or promises, group them into a single one.\n if (angular.isArray(promise)) {\n promise = $q.all(promise);\n }\n\n if (!angular.isFunction(promise.then)) {\n return;\n }\n\n addLoader();\n\n promise.then(function() {\n removeLoader();\n }, function() {\n removeLoader();\n });\n });\n }\n };\n}]);\n","/**\n * @ngdoc filters\n * @memberof mercury.filters\n * @name avgof\n */\nangular.module('mercury.filters.reporttimeformat', [])\n.filter('reporttimeformat', [\"reporttime\", function(reporttime) {\n return function(time, format, defaultText) {\n if (time === null) {\n return defaultText || '';\n }\n\n return moment(time).mFormat(format || reporttime.getFormatString());\n };\n}]);\n","angular.module('mercury.modules.time.roster', []);\n","/**\n * @ngdoc directives\n * @memberof mercury.modules.time\n * @name editorbody\n */\nangular.module('mercury.modules.time.roster')\n.directive('editorbody', [\"$parse\", \"$window\", \"$timeout\", function($parse, $window, $timeout) {\n return {\n link: function(scope, element, attrs) {\n var footerHeight = 57;\n\n var updateHeight = function() {\n $timeout(function() {\n var elementTop = element[0].getBoundingClientRect().top;\n var windowHeigth = (typeof $window.innerHeight != 'undefined') ? $window.innerHeight : document.documentElement.clientHeight;\n\n var avaliableHeight = windowHeigth - elementTop - footerHeight;\n\n if (angular.isDefined(attrs.maxHeight)) {\n var maxHeight = $parse(attrs.maxHeight)(scope);\n element.css('height', Math.min(maxHeight, (avaliableHeight - 20)));\n } else {\n element.css('height', (avaliableHeight - 20));\n }\n });\n };\n\n updateHeight();\n\n document.body.onresize = updateHeight;\n $(window).resize(updateHeight);\n\n if (angular.isDefined(attrs.maxHeight)) {\n scope.$watch(attrs.maxHeight, function(newVal, oldVal) {\n if (newVal != oldVal) {\n updateHeight();\n }\n });\n }\n }\n };\n}]);\n","/**\n * @ngdoc directives\n * @memberof mercury.modules.time\n * @name shiftformat\n */\nangular.module('mercury.modules.time.roster')\n.directive('shiftformat', [\"$filter\", \"$parse\", function($filter, $parse) {\n return {\n restrict: 'A',\n scope: true,\n link: function(scope, element) {\n var roles = $parse('roles')(scope);\n\n var timeUpdated = function() {\n var clockinMoment = moment(scope.shift.clockinTime);\n var clockoutMoment = moment(scope.shift.clockoutTime);\n\n // Set the label\n element.find('.shift-label').html(clockinMoment.mFormat('h:mma') + ' → ' + clockoutMoment.mFormat('h:mma'));\n\n // Set the title attribute.\n element.attr('uib-tooltip-html', `'${scope.shift.roleName} - ${clockinMoment.mFormat('h:mma')} → ${clockoutMoment.mFormat('h:mma')}'`);\n element.attr('tooltip-enable', 'true');\n element.attr('tooltip-placement', 'top');\n element.attr('tooltip-append-to-body', 'true');\n element.attr('tooltip-popup-delay', '200')\n element.attr('tooltip-popup-close-delay', '200')\n\n // Set the jobs\n if (scope.shift.jobs) {\n // If the jobs are too long, truncate them and display ellipsis\n var jobs = JSON.parse(scope.shift.jobs).join(', ');\n if (jobs.length > 30) {\n element.find('.shift-jobs').addClass('show-div').html(jobs.substring(0, 30) + '...');\n } else {\n element.find('.shift-jobs').addClass('show-div').html(jobs);\n }\n } else {\n element.find('.shift-jobs').removeClass('show-div').html('');\n }\n };\n\n // Watch for a change in the shift time\n scope.$watch('shift.clockinTime', timeUpdated);\n scope.$watch('shift.clockoutTime', timeUpdated);\n scope.$watch('shift.shift.jobs', timeUpdated);\n\n // watch for a change in the shift role\n scope.$watch('shift.roleId', function(roleId) {\n // Set the role class which determines the color of the cell.\n element.removeClass('role-1 role-2 role-3 role-4 role-5 role-6 role-7 role-8 role-9 role-10 role-11 role-12 role-13');\n angular.forEach(roles, function(role, index) {\n if (role.id == roleId) {\n element.addClass('role-' + ((index % 13) + 1));\n }\n });\n });\n\n // When the filter is updated, the shift is greyed out if not matching the filter.\n scope.$watch('filter', function(newFilter) {\n if (newFilter !== null && !newFilter[scope.shift.roleId]) {\n element.addClass('inactive');\n } else {\n element.removeClass('inactive');\n }\n }, true);\n }\n };\n}]);\n","/**\n * @ngdoc directives\n * @memberof mercury.modules.time\n * @name editnav\n */\nangular.module('mercury.modules.time.roster')\n.directive('editnav', [\"reporttime\", \"$state\", \"$stateParams\", function(reporttime, $state, $stateParams) {\n\n // Note this template is inlined instead of being in a separate file as this\n // directive is also sourced by the public roster app (./Mercury/app_publicroster).\n // The build pipeline doesn't handle sharing templates between apps so this\n // is the workaround.\n const template = \n '' +\n '' +\n 'Day' +\n '' +\n '' +\n 'Week' +\n '' +\n '' +\n '' +\n '