', {\n class: 'font-weight-light fs-14 bg-' + this.options.colorClass + ' text-' + (this.options.colorClass === 'warning' ? 'dark' : 'light')\n }).text(this.model.get('percentComplete') + '%'));\n\n this.completionChanged();\n },\n disableCompletedNotificationChanged: function () {\n let $message = this.$('.comp-notify-message-outer');\n if (this.model.get('disableCompletedNotification')) {\n $message.addClass('hidden');\n } else {\n $message.removeClass('hidden');\n }\n },\n completionChanged: function () {\n let percent = this.progressSlider.data('bootstrapSlider').getValue(),\n $slider = this.$('.slider-selection'),\n $text = this.$('.progress-percent');\n $text.text(percent + '%');\n $text.removeClass('text-danger').removeClass('text-warning').removeClass('text-success');\n $slider.removeClass('slider-bg-danger bg-danger').removeClass('slider-bg-warning bg-warning')\n .removeClass('slider-bg-success bg-success');\n if (percent < 60) {\n $text.addClass('text-danger');\n $slider.addClass('slider-bg-danger bg-danger');\n } else if (percent >= 60 && percent < 100) {\n $text.addClass('text-warning');\n $slider.addClass('slider-bg-warning bg-warning');\n } else {\n $text.addClass('text-success');\n $slider.addClass('slider-bg-success bg-success');\n }\n if (this.model.get('percentComplete') !== percent) {\n this.model.set('percentComplete', percent);\n }\n },\n viewTask: function (e) {\n this.model = this.model.collection.get($(e.currentTarget).data('cid'));\n this.model.fetch({\n success: _.bind(function () {\n this.render();\n this.modal.scrollTop(0);\n }, this)\n })\n },\n addRequestedChange: function () {\n new PJQ.views.schedule.AddRequestedChangeModal({\n task: this.model,\n isSuccessor: this.options.isSuccessor,\n onSave: _.bind(function (requestedChange) {\n this.model.requestedChanges.add(requestedChange);\n if (this.options.schedule != null) {\n this.options.schedule.pendingRequestedChanges.add(requestedChange);\n }\n this.renderRequestedChanges();\n }, this)\n });\n },\n deleteRequestedChange: function (e) {\n let target = $(e.currentTarget),\n cid = target.closest('.card').data('cid'),\n requestedChange = this.model.requestedChanges.get(cid);\n new PJQ.views.modals.DeleteCancel({\n header: \"Confirm Deletion\",\n body: \"Are you sure you want to delete this requested change?\",\n onDelete: _.bind(function () {\n requestedChange.set('isDeleted', true);\n this.model.isDirty = true;\n this.renderRequestedChanges();\n }, this)\n });\n },\n approveRequestedChangeClicked: function (e) {\n let target = $(e.currentTarget),\n cid = target.closest('.card').data('cid'),\n requestedChange = this.model.requestedChanges.get(cid),\n newStart = new Date(requestedChange.get('newStart')),\n newFinish = new Date(requestedChange.get('newFinish'));\n if ((newFinish.getDay() === (0 || 6) || newStart.getDay() === (0 || 6)) && !this.model.get('weekendWork')) {\n new PJQ.views.modals.YesNo({\n header: 'Weekend Work',\n body: 'The new start or finish falls on the weekend and approving will enable weekend work. Continue?',\n onYes: _.bind(function () {\n this.$('.btn-weekend-work')[0].checked = true;\n this.model.updateWeekendWork(true);\n this.approveRequestedChange(requestedChange);\n }, this),\n onNo: _.bind(function () {\n this.approveRequestedChange(requestedChange);\n }, this)\n })\n } else {\n this.approveRequestedChange(requestedChange);\n }\n },\n approveRequestedChange: function (change) {\n let requestedChange = change;\n requestedChange.approve(_.bind(function (res) {\n let newStart = new Date(res.requestedChange.newStart),\n newFinish = new Date(res.requestedChange.newFinish);\n this.model.set({\n start: newStart,\n finish: newFinish\n });\n this.startPicker.setValue(newStart);\n this.finishPicker.setValue(newFinish);\n this.renderRequestedChanges();\n }, this));\n },\n rejectRequestedChange: function (e) {\n let target = $(e.currentTarget),\n cid = target.closest('.card').data('cid'),\n requestedChange = this.model.requestedChanges.get(cid);\n requestedChange.reject(_.bind(function (res) {\n this.renderRequestedChanges();\n }, this));\n },\n addComment: function () {\n let val = this.$('.item-new-comment').val().trim();\n if (_.size(val) === 0)\n return;\n\n let comment = new PJQ.models.schedule.TaskComment({\n taskId: this.model.id,\n commentText: val,\n createdOn: new Date()\n });\n if (!this.model.isNew()) {\n comment.save(null, {\n success: _.bind(function () {\n this.model.comments.add(comment);\n this.renderComments();\n }, this)\n });\n } else {\n comment.createdBy = PJQ.app.session.user;\n this.model.comments.add(comment);\n this.renderComments();\n }\n this.$('.item-new-comment').val('');\n },\n validate: function () {\n let isValid = true,\n errorText = \"\";\n // Check if Task Name is filled out\n let nameValid = this.$('.task-name').val().trim().length === 0;\n PJQ.helpers.inputHelpers.setInputError(this.$('.task-name'), !nameValid);\n if (nameValid) {\n errorText += '
Task name cannot be empty. ';\n isValid = false;\n }\n\n if (!isValid) {\n if (this.errorAlert != null) {\n this.errorAlert.destroy();\n }\n this.errorAlert = new PJQ.Alert(this.$('.error-container'), {\n type: 'danger',\n text: errorText\n });\n }\n return isValid;\n },\n save: function () {\n if (!this.validate()) {\n return;\n }\n\n let fnCheck = _.bind(function (noNotifyTaskIds) {\n if (this.fileUploader.isUploading()) {\n new PJQ.views.BaseModal({\n header: \"Files Uploading\",\n body: \"You can't save while files are uploading\"\n });\n } else {\n this.$('.modal-footer>button').prop('disabled', true);\n new PJQ.Loader(this.$('.btn-save'), {\n loadingText: ''\n });\n\n if (this.contextDependency != null) {\n let saved = this.saveDependency();\n if (!saved) {\n return;\n }\n }\n if (this.model.hasChanged() || this.model.isNew()) {\n let fnSave = _.bind(function () {\n this.model.save({\n preventNotifyTaskIds: noNotifyTaskIds\n }, {\n notify: true,\n success: _.bind(function () {\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n this.removeModal();\n }, this)\n });\n }, this);\n\n // this code is designed to just match status names that match \"complete\" exactly\" (not case sensitive)\n // if the task is 100% and the status is not complete (and they have a complete status)\n // ask if they want to set it to complete\n // if the task is complete and not set to 100%, ask if they want to set it to 100%\n let completeStatus = this.options.statuses.find(function (status) {\n return status.get('name').toLowerCase() === 'complete';\n });\n if (completeStatus != null) {\n let isCompleteStatus = this.model.status.id !== completeStatus.id,\n header = null,\n body = null,\n compSpan = '
Complete ';\n if (this.model.get('percentComplete') === 100 && isCompleteStatus) {\n header = 'Mark as Complete?';\n body = 'This task is marked as 100% complete. Would you like to change the status to ' + compSpan + '?';\n } else if (this.model.get('percentComplete') < 100 && !isCompleteStatus) {\n header = 'Mark as Complete?';\n body = 'This task is marked as ' + compSpan + '. Would you like to change the progress to 100%?';\n }\n\n if (header != null && body != null) {\n new PJQ.views.modals.YesNo({\n header: header,\n body: body,\n onYes: _.bind(function () {\n this.model.set('percentComplete', 100);\n this.model.status = completeStatus;\n fnSave();\n }, this),\n onNo: _.bind(function () {\n fnSave();\n }, this)\n });\n } else {\n fnSave();\n }\n } else {\n fnSave();\n }\n } else {\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n this.removeModal();\n }\n }\n }, this);\n if (this.model.get('projectId') > 0 && this.settings.get('notificationsEnabled') && this.settings.get('dateChangeNotificationsMode') === 1) {\n let changedTasks = this.model.determineChangedTasks();\n if (_.size(changedTasks) > 0) {\n new PJQ.views.schedule.TaskChangeNotifications({\n changedTasks: changedTasks,\n onSave: _.bind(function (res) {\n fnCheck(res.noNotify);\n }, this)\n });\n } else {\n fnCheck();\n }\n } else {\n fnCheck();\n }\n },\n close: function () {\n if (this.options.canEdit && this.model.hasChanged()) {\n new PJQ.views.modals.SaveDontSave({\n header: \"Unsaved Changes\",\n body: \"Do you want to save changes?\",\n onSave: _.bind(function () {\n this.save();\n }, this),\n onDontSave: _.bind(function () {\n this.model.restore();\n this.onClose(this.model);\n this.removeModal();\n }, this)\n });\n } else {\n this.onClose(this.model);\n this.removeModal();\n }\n },\n delete: function () {\n new PJQ.views.modals.DeleteCancel({\n header: \"Confirm Deletion\",\n body: \"Are you sure you want to delete this task?\",\n onDelete: _.bind(function () {\n if (this.options.onDelete) {\n this.options.onDelete(this.model);\n }\n this.removeModal();\n }, this)\n });\n }\n});\n\nPJQ.views.schedule.AddRequestedChangeModal = PJQ.views.BaseModal.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Add-Requested-Change'),\n maxWidth: 500,\n onSave: null\n },\n events: {\n 'click .btn-save': 'save'\n },\n beforeModalCreated: function () {\n this.model = new PJQ.models.schedule.RequestedChange({\n taskId: this.options.task.id,\n oldStart: this.options.task.get('start'),\n oldFinish: this.options.task.get('finish'),\n newStart: this.options.task.get('start'),\n newFinish: this.options.task.get('finish')\n });\n },\n renderData: function () {\n return {\n model: this.model,\n isSuccessor: this.options.isSuccessor\n };\n },\n afterRender: function () {\n this.startPicker = new PJQ.inputs.Datepicker({\n el: this.$('.input-new-start'),\n datepickerOptions: {\n format: PJQ.helpers.dateHelpers.dateFormats.datePicker.DATE,\n defaultDate: this.model.get('newStart'),\n minDate: this.options.task.getMinStart()\n },\n onChange: _.bind(function (newDate) {\n this.model.set('newStart', newDate);\n }, this)\n });\n\n this.finishPicker = new PJQ.inputs.Datepicker({\n el: this.$('.input-new-finish'),\n datepickerOptions: {\n format: PJQ.helpers.dateHelpers.dateFormats.datePicker.DATE,\n defaultDate: this.model.get('newFinish')\n },\n onChange: _.bind(function (newDate) {\n this.model.set('newFinish', newDate);\n }, this)\n });\n },\n save: function () {\n let $reason = this.$('.input-reason'),\n reason = $reason.val();\n\n let isValid = true;\n if (this.model.get('newStart') == null) {\n this.startPicker.showError();\n isValid = false;\n } else {\n this.startPicker.hideError();\n }\n\n if (this.model.get('newFinish') == null) {\n this.finishPicker.showError();\n isValid = false;\n } else {\n this.finishPicker.hideError();\n }\n\n if (_.size(reason) === 0) {\n PJQ.helpers.inputHelpers.setInputError($reason, false);\n isValid = false;\n } else {\n PJQ.helpers.inputHelpers.setInputError($reason, true);\n }\n\n if (isValid) {\n this.model.save({\n reason: reason\n }, {\n success: _.bind(function () {\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n\n this.removeModal();\n PJQ.notifications.notify.successNotify({\n message: 'Change request submitted'\n });\n }, this)\n });\n }\n }\n});\n\nPJQ.views.schedule.TaskChangeNotifications = PJQ.views.BaseModal.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Change-Notifications'),\n maxWidth: 500,\n onSave: null\n },\n events: {\n 'change .cb-notify-task': 'changeNotifyTask',\n 'change .cb-notify-none': 'changeNotifyNone',\n 'click .btn-save': 'save'\n },\n renderData: function () {\n return {\n changedTasks: this.options.changedTasks\n };\n },\n changeNotifyTask: function () {\n this.$('.cb-notify-none').prop('checked', _.size(this.$('.cb-notify-task:checked')) === 0);\n },\n changeNotifyNone: function () {\n if (this.$('.cb-notify-none').prop('checked')) {\n this.$('.cb-notify-task').prop('checked', false);\n }\n },\n save: function () {\n let notify = [],\n noNotify = [];\n this.$('.cb-notify-task').each(function () {\n if ($(this).is(':checked')) {\n notify.push($(this).data('id'));\n } else {\n noNotify.push($(this).data('id'));\n }\n });\n if (typeof this.options.onSave === 'function') {\n this.options.onSave({\n notify: notify,\n noNotify: noNotify\n });\n }\n this.removeModal();\n }\n});\n","PJQ.views.schedule.NewLookAheadModal = PJQ.views.BaseModal.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'modal-edit-lookahead'),\n maxWidth: 600\n },\n events: {\n 'click .btn-save': 'save'\n },\n beforeModalCreated: async function () {\n if (this.model == null) {\n this.model = new PJQ.models.schedule.LookAhead({\n projectId: this.options.projectId\n });\n }\n\n this.render();\n },\n renderData: function () {\n return {\n model: this.model,\n lookAheads: this.options.lookAheads\n };\n },\n afterRender: function () {\n new PJQ.Binder(this.$el, this.model, {\n watchElements: [\n 'input',\n 'select'\n ]\n });\n\n let minStart = null;\n if (this.options.lookAheads != null && _.size(this.options.lookAheads.models) > 0) {\n minStart = _.max(_.map(this.options.lookAheads.models, (lookAhead) => {\n return new Date(PJQ.helpers.dateHelpers.getNewDateAddDays(new Date(lookAhead.get('start')), lookAhead.get('duration')));\n }));\n }\n\n if (minStart == null) {\n minStart = new Date();\n }\n\n if (this.model.get('start') == null) {\n this.model.set('start', minStart);\n }\n this.dueDatePicker = new PJQ.inputs.Datepicker({\n el: this.$('.input-start-date'),\n datepickerOptions: {\n format: PJQ.helpers.dateHelpers.dateFormats.datePicker.DATE,\n defaultDate: PJQ.helpers.dateHelpers.getDateString(minStart, PJQ.helpers.dateHelpers.dateFormats.DATE, true)\n },\n onChange: (newDate) => {\n this.model.set('start', newDate);\n }\n });\n\n if (this.model.get('duration') == null) {\n this.model.set('duration', 14);\n }\n new PJQ.inputs.Selectpicker({\n el: this.$('.select-duration'),\n isIntChoices: true,\n isMultiple: false,\n defaultValue: this.model.get('duration')\n });\n\n if (this.options.lookAheads != null && _.size(this.options.lookAheads.models) > 0) {\n new PJQ.inputs.Selectpicker({\n el: this.$('.select-use-look-ahead'),\n isIntChoices: true,\n isMultiple: false,\n defaultValue: 2,\n choices: _.map(this.options.lookAheads.models, (lookAhead) => {\n return {\n name: lookAhead.getDisplayName(),\n value: lookAhead.id\n };\n })\n // onChange: (value) => {\n // this.model.set('')\n // }\n });\n }\n },\n validate: function () {\n if (this.validationAlert != null) {\n this.validationAlert.destroy();\n }\n\n if (this.options.schedule != null) {\n let lookAheadStart = new Date(this.model.get('start')),\n lookAheadFinish = PJQ.helpers.dateHelpers.getNewDateAddDays(lookAheadStart, this.model.get('duration'));\n if (null == _.find(this.options.schedule.tasks.models, (task) => {\n return PJQ.helpers.dateHelpers.checkDateRangesOverlap(task.get('start'), task.get('finish'), lookAheadStart, lookAheadFinish);\n })) {\n this.validationAlert = new PJQ.Alert(this.$('.modal-body'), {\n text: \"The Look Ahead date range does not contain with any tasks in the schedule. Please select a different date range.\",\n isPrepend: true,\n type: 'warning'\n });\n return false;\n }\n }\n return true;\n },\n save: function () {\n if (!this.validate()) {\n return;\n }\n\n this.model.save(null, {\n success: _.bind(function () {\n this.removeModal();\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n }, this),\n error: _.bind(function (model, response) {\n // this.showErrors(response.responseJSON);\n }, this)\n });\n },\n // deleteTemplate: function () {\n // \tnew PJQ.views.modals.DeleteCancel({\n // \t\theader: \"Confirm Deletion\",\n // \t\tbody: \"Are you sure you want to delete this template?\",\n // \t\tonDelete: _.bind(function () {\n // \t\t\tif (typeof this.options.onDelete === 'function') {\n // \t\t\t\tthis.options.onDelete(this.model);\n // \t\t\t}\n // \t\t\tthis.removeModal();\n // \t\t}, this)\n // \t});\n // }\n});","// Models\r\nPJQ.models.schedule.Template = PJQ.models.BaseModel.extend({\r\n idAttribute: 'templateId',\r\n notifyName: 'Template',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'templates',\r\n value: this.id\r\n }\r\n ], this.get('projectId') > 0 ? [\r\n {\r\n parameter: 'projectId',\r\n value: this.get('projectId')\r\n },\r\n {\r\n parameter: 'copyAssignees',\r\n value: this.get('copyAssignees')\r\n },\r\n {\r\n parameter: 'copyDependencies',\r\n value: this.get('copyDependencies')\r\n },\r\n {\r\n parameter: 'copyComments',\r\n value: this.get('copyComments')\r\n },\r\n {\r\n parameter: 'copyAttachments',\r\n value: this.get('copyAttachments')\r\n },\r\n {\r\n parameter: 'overwrite',\r\n value: this.get('overwrite')\r\n }\r\n ] : null);\r\n },\r\n parse: function (model) {\r\n if (!model)\r\n return model;\r\n\r\n if (model.project != null) {\r\n this.project = model.project;\r\n } else {\r\n this.user = PJQ.app.session.user;\r\n }\r\n\r\n this.statuses = new PJQ.collections.schedule.TaskStatuses(model.statuses);\r\n PJQ.app.session.scheduleTaskStatuses = this.statuses;\r\n\r\n this.dependencies = new PJQ.collections.schedule.TaskDependencies(model.dependencies);\r\n\r\n this.pendingRequestedChanges = new PJQ.collections.schedule.RequestedChanges(model.requestedChanges);\r\n\r\n this.tasks = new PJQ.collections.schedule.Tasks();\r\n if (model.tasks) {\r\n _.each(model.tasks, function (task) {\r\n this.tasks.add(new this.tasks.model(_.defaults({\r\n status: task.status != null ? task.status : this.statuses.get(task.statusId),\r\n requestedChanges: _.filter(this.pendingRequestedChanges.models, function (dependency) {\r\n return dependency.get('taskId') === task.taskId;\r\n }),\r\n dependencies: _.filter(this.dependencies.models, function (dependency) {\r\n return dependency.get('taskId') === task.taskId || dependency.get('dependTaskId') === task.taskId;\r\n })\r\n }, task)));\r\n }, this);\r\n }\r\n\r\n return model;\r\n }\r\n});\r\n\r\nPJQ.models.schedule.LookAhead = PJQ.models.BaseModel.extend({\r\n idAttribute: 'id',\r\n notifyName: 'Look-Ahead',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.get('projectId')\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'lookaheads',\r\n value: this.id\r\n }\r\n ]);\r\n },\r\n parse: function (model) {\r\n if (!model)\r\n return model;\r\n\r\n if (model.project != null) {\r\n this.project = model.project;\r\n } else {\r\n this.user = PJQ.app.session.user;\r\n }\r\n\r\n this.statuses = new PJQ.collections.schedule.TaskStatuses(model.statuses);\r\n PJQ.app.session.scheduleTaskStatuses = this.statuses;\r\n\r\n this.dependencies = new PJQ.collections.schedule.TaskDependencies(model.dependencies);\r\n\r\n this.pendingRequestedChanges = new PJQ.collections.schedule.RequestedChanges(model.requestedChanges);\r\n\r\n this.tasks = new PJQ.collections.schedule.Tasks();\r\n if (model.tasks) {\r\n _.each(model.tasks, function (task) {\r\n this.tasks.add(new this.tasks.model(_.defaults({\r\n status: task.status != null ? task.status : this.statuses.get(task.statusId),\r\n requestedChanges: _.filter(this.pendingRequestedChanges.models, function (dependency) {\r\n return dependency.get('taskId') === task.taskId;\r\n }),\r\n dependencies: _.filter(this.dependencies.models, function (dependency) {\r\n return dependency.get('taskId') === task.taskId || dependency.get('dependTaskId') === task.taskId;\r\n })\r\n }, task)));\r\n }, this);\r\n }\r\n\r\n return model;\r\n },\r\n getDisplayName: function (actual) {\r\n let start, finish;\r\n if (actual) {\r\n start = new Date(this.get('tasksStart'));\r\n finish = new Date(this.get('tasksFinish'));\r\n if (start == null || finish == null) {\r\n return \"\";\r\n }\r\n } else {\r\n start = new Date(this.get('start'));\r\n finish = PJQ.helpers.dateHelpers.getNewDateAddDays(start, this.get('duration'));\r\n }\r\n\r\n let startStr = PJQ.helpers.dateHelpers.getDateString(start, PJQ.helpers.dateHelpers.dateFormats.DATE, true),\r\n finishStr = PJQ.helpers.dateHelpers.getDateString(finish, PJQ.helpers.dateHelpers.dateFormats.DATE, true);\r\n return startStr + ' - ' + finishStr;\r\n },\r\n share: function (shareData, callback) {\r\n let sh = new PJQ.models.schedule.ScheduleShare(_.defaults(shareData ? shareData : {}, {\r\n projectId: this.get('projectId'),\r\n lookAheadId: this.id\r\n }));\r\n sh.save(null, {\r\n success: function () {\r\n if (typeof callback === 'function') {\r\n callback(sh);\r\n }\r\n }\r\n });\r\n }\r\n});\r\n\r\nPJQ.models.schedule.ScheduleShare = PJQ.models.BaseModel.extend({\r\n idAttribute: 'accessKey',\r\n notifyName: 'Schedule',\r\n endpoint: function () {\r\n if (this.get('projectId') > 0) {\r\n let params = [];\r\n if (this.get('lookAheadId') > 0) {\r\n params.push({\r\n parameter: 'lookAheadId',\r\n value: this.get('lookAheadId')\r\n });\r\n }\r\n\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.get('projectId')\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'share'\r\n }\r\n ], params);\r\n }\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'share',\r\n value: this.id\r\n }\r\n ]);\r\n }\r\n});\r\n\r\nPJQ.models.schedule.Schedule = PJQ.models.schedule.Template.extend({\r\n notifyName: 'Schedule',\r\n endpoint: function () {\r\n let arr;\r\n if (this.get('projectId') != null) {\r\n arr = [\r\n {\r\n endpoint: 'projects',\r\n value: this.get('projectId')\r\n },\r\n {\r\n endpoint: 'schedule'\r\n }\r\n ];\r\n } else {\r\n arr = [\r\n {\r\n endpoint: 'schedule'\r\n }\r\n ];\r\n }\r\n return PJQ.helpers.urlHelpers.generateEndpoint(arr);\r\n },\r\n share: function (shareData, callback) {\r\n let sh = new PJQ.models.schedule.ScheduleShare(_.defaults(shareData ? shareData : {}, {\r\n projectId: this.get('projectId')\r\n }));\r\n sh.save(null, {\r\n success: function () {\r\n if (typeof callback === 'function') {\r\n callback(sh);\r\n }\r\n }\r\n });\r\n }\r\n});\r\n\r\nPJQ.models.schedule.Task = PJQ.models.BaseModel.extend({\r\n notifyName: 'Task',\r\n idAttribute: 'taskId',\r\n endpoint: function (urlOptions) {\r\n let arr;\r\n if (this.isNew() && this.get('projectId') > 0) {\r\n arr = [\r\n {\r\n endpoint: 'projects',\r\n value: this.get('projectId')\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks'\r\n }\r\n ];\r\n } else if (this.isNew() && this.get('templateId') > 0) {\r\n arr = [\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'templates',\r\n value: this.get('templateId')\r\n },\r\n {\r\n endpoint: 'tasks'\r\n }\r\n ];\r\n } else {\r\n arr = [\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.id\r\n }\r\n ]\r\n }\r\n return PJQ.helpers.urlHelpers.generateEndpoint(arr)\r\n },\r\n parse: function (model) {\r\n model = _.defaults(model ? model : {}, {\r\n name: \"\",\r\n duration: 1,\r\n start: null,\r\n finish: null,\r\n weekendWork: false,\r\n isAllDay: true,\r\n isMilestone: false,\r\n percentComplete: 0,\r\n notes: \"\",\r\n lookAheadId: null,\r\n projectId: null,\r\n templateId: null\r\n });\r\n\r\n //if the parsed value is an array, this was a save response that returned multiple tasks\r\n //the multiple tasks are returned because dependency relationships caused other tasks to be modified\r\n if (model.changes != null) {\r\n this.set('taskId', model.task.taskId);\r\n if (this.collection != null) {\r\n _.each(model.changes, function (task) {\r\n let colTask = this.collection.get(task.taskId);\r\n if(colTask == null){\r\n return;\r\n }\r\n\r\n task.start = PJQ.helpers.dateHelpers.parseDateString(task.start, false);\r\n task.finish = PJQ.helpers.dateHelpers.parseDateString(task.finish, false);\r\n colTask.set({\r\n start: task.start,\r\n finish: task.finish\r\n });\r\n }, this);\r\n }\r\n model = model.task;\r\n }\r\n\r\n if (model.subTasks != null) {\r\n this.subTasks = new PJQ.collections.schedule.Tasks(model.subTasks);\r\n }\r\n\r\n if (model.project != null) {\r\n this.project = model.project;\r\n }\r\n\r\n if (model.status != null) {\r\n this.status = model.status;\r\n } else if ((PJQ.app.session.scheduleTaskStatuses != null)) {\r\n if (model.statusId > 0) {\r\n this.status = PJQ.app.session.scheduleTaskStatuses.get(model.statusId);\r\n } else {\r\n this.status = PJQ.app.session.scheduleTaskStatuses.getDefault();\r\n }\r\n }\r\n\r\n if (_.size(model.start) > 0) {\r\n model.start = typeof model.start === 'string' ? PJQ.helpers.dateHelpers.parseDateString(model.start, false) : model.start;\r\n }\r\n\r\n if (_.size(model.finish) > 0) {\r\n model.finish = typeof model.finish === 'string' ? PJQ.helpers.dateHelpers.parseDateString(model.finish, false) : model.finish;\r\n }\r\n\r\n this.assignees = new PJQ.collections.projectContacts.ProjectContacts(model.assignees);\r\n this.groups = new PJQ.collections.groups.Groups(model.groups);\r\n this.comments = new PJQ.collections.schedule.TaskComments(model.comments);\r\n this.attachments = new PJQ.collections.schedule.ScheduleTaskAttachments(model.attachments);\r\n\r\n if (PJQ.helpers.objectHelpers.refinedType(model.requestedChanges, true) === 'backboneCollection') {\r\n this.requestedChanges = model.requestedChanges;\r\n } else {\r\n this.requestedChanges = new PJQ.collections.schedule.RequestedChanges(model.requestedChanges);\r\n }\r\n\r\n if (_.size(model.dependencies) > 0) {\r\n if (PJQ.helpers.objectHelpers.refinedType(model.dependencies, true) === 'backboneCollection') {\r\n this.dependencies = model.dependencies;\r\n } else {\r\n this.dependencies = new PJQ.collections.schedule.TaskDependencies(model.dependencies);\r\n }\r\n } else if (this.dependencies == null) {\r\n this.dependencies = new PJQ.collections.schedule.TaskDependencies();\r\n }\r\n\r\n return model;\r\n },\r\n getSummaryTaskName: function (tasks) {\r\n let summaryTaskId = this.get('summaryTaskId'),\r\n name = '';\r\n if (summaryTaskId > 0) {\r\n let summaryTask = tasks.get(this.get('summaryTaskId'));\r\n if (summaryTask != null) {\r\n name += summaryTask.getSummaryTaskName(tasks) + summaryTask.get('name') + ' > ';\r\n }\r\n }\r\n return name;\r\n },\r\n getMinStart: function () {\r\n if (this.collection == null) {\r\n return null;\r\n }\r\n\r\n let deps = this.getDependencies();\r\n if (_.size(deps) === 0) {\r\n return null;\r\n }\r\n\r\n return _.max(_.map(deps, function (dep) {\r\n let depTask = this.collection.get(dep.get('dependTaskId'));\r\n if (dep.get('type') === PJQ.constants.schedule.dependencyTypes.START_START) {\r\n if (dep.get('offset') !== 0) {\r\n return depTask.get('start');\r\n }\r\n return PJQ.helpers.dateHelpers.getNewDateAddDays(depTask.get('finish'), dep.get('offset'), !this.get('weekendWork'));\r\n } else if (dep.get('type') === PJQ.constants.schedule.dependencyTypes.FINISH_START) {\r\n return PJQ.helpers.dateHelpers.getNewDateAddDays(depTask.get('finish'), 1 + dep.get('offset'), !this.get('weekendWork'));\r\n }\r\n return null;\r\n }, this));\r\n },\r\n getDependencies: function () {\r\n return _.filter(this.dependencies.models, function (dependency) {\r\n return dependency.get('taskId') === this.id && !dependency.get('isDeleted');\r\n }, this);\r\n },\r\n getSuccessors: function () {\r\n return _.filter(this.dependencies.models, function (dependency) {\r\n return dependency.get('dependTaskId') === this.id && !dependency.get('isDeleted');\r\n }, this);\r\n },\r\n updateWeekendWork: function (weekendWork) {\r\n new PJQ.ajax.Request({\r\n endpoint: PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId')\r\n },\r\n {\r\n endpoint: 'updateweekendwork'\r\n },\r\n ], [\r\n {\r\n parameter: 'weekendWork',\r\n value: weekendWork\r\n }\r\n ]),\r\n }).put().done(_.bind(function () {\r\n this.set('weekendWork', weekendWork);\r\n }, this));\r\n },\r\n determineChangedTasks: function (assignedOnly = true) {\r\n let result = [],\r\n resultIds = [],\r\n fnCheckDeps = _.bind(function (taskData) {\r\n _.each(taskData.task.getSuccessors(), function (successor) {\r\n if (resultIds.indexOf(successor.get('taskId')) !== -1) {\r\n return;\r\n }\r\n\r\n let successorTask = this.collection.get(successor.get('taskId')),\r\n cTaskData = null;\r\n if (assignedOnly && _.size(successorTask.assignees) === 0) {\r\n return;\r\n }\r\n\r\n if (successor.get('type') === PJQ.constants.schedule.dependencyTypes.FINISH_START && PJQ.helpers.dateHelpers.getDateDaysDiff(successorTask.get('start'), taskData.newFinish, !successorTask.get('weekendWork')) <= 0) {\r\n let newStart = PJQ.helpers.dateHelpers.getNewDateAddDays(taskData.newFinish, 1, !successorTask.get('weekendWork'));\r\n cTaskData = {\r\n task: successorTask,\r\n newStart: newStart,\r\n newFinish: PJQ.helpers.dateHelpers.getNewDateAddDays(newStart, successorTask.get('duration'), !successorTask.get('weekendWork'), true)\r\n };\r\n } else if (successor.get('type') === PJQ.constants.schedule.dependencyTypes.START_START && PJQ.helpers.dateHelpers.getDateDaysDiff(successorTask.get('start'), taskData.newStart, !successorTask.get('weekendWork')) <= 0) {\r\n cTaskData = {\r\n task: successorTask,\r\n newStart: taskData.newStart,\r\n newFinish: PJQ.helpers.dateHelpers.getNewDateAddDays(taskData.newStart, successorTask.get('duration'), !successorTask.get('weekendWork'), true)\r\n };\r\n }\r\n if (cTaskData != null) {\r\n result.push(cTaskData);\r\n resultIds.push(successor.get('taskId'));\r\n fnCheckDeps(cTaskData);\r\n }\r\n }, this);\r\n }, this);\r\n\r\n if (this.id > 0 && (!assignedOnly || _.size(this.assignees) > 0) && (0 !== PJQ.helpers.dateHelpers.getDateDaysDiff(this.initAttributes.start, this.attributes.start, false) || 0 !== PJQ.helpers.dateHelpers.getDateDaysDiff(this.initAttributes.finish, this.attributes.finish, false))) {\r\n result.push({\r\n task: this,\r\n newStart: this.get('start'),\r\n newFinish: this.get('finish')\r\n });\r\n resultIds.push(this.id);\r\n }\r\n fnCheckDeps({\r\n task: this,\r\n newStart: this.get('start'),\r\n newFinish: this.get('finish')\r\n });\r\n return result;\r\n },\r\n getGanttTask: function () {\r\n return new PJQ.models.charts.GanttTask({\r\n id: this.id,\r\n model: this,\r\n name: this.get('name'),\r\n start: this.get('start'),\r\n end: this.get('finish'),\r\n duration: this.get('duration'),\r\n isMilestone: this.get('isMilestone'),\r\n thumbnail: this.get('isMilestone') ? 'https://app.panteratools.com//assets/libs/svgs/light/flag.svg' : null,\r\n progress: this.get('percentComplete'),\r\n dependencies: _.map(this.getDependencies(), function (dep) {\r\n return dep.get('dependTaskId');\r\n }),\r\n style: this.status != null ? 'fill: ' + this.status.get('color') : 'fill: #6c757d',\r\n textColor: '#4CAF50'\r\n });\r\n },\r\n getCalendarTask: function (tasks) {\r\n return new PJQ.models.calendars.CalendarTask({\r\n id: this.id,\r\n model: this,\r\n title: this.getCalendarTaskTitle(tasks),\r\n isMilestone: this.get('isMilestone'),\r\n start: this.get('start'),\r\n progress: this.get('percentComplete'),\r\n end: PJQ.helpers.dateHelpers.getNewDateAddDays(this.get('finish'), 1),\r\n allDay: this.get('isAllDay'),\r\n backgroundColor: (this.status ? this.status.get('color') : '#6c757d') + ' !important',\r\n borderColor: (this.status ? this.status.get('color') : '#6c757d') + ' !important'\r\n });\r\n },\r\n getCalendarTaskTitle: function (tasks) {\r\n let name = this.getSummaryTaskName(tasks) + this.get('name'),\r\n assigneesArray = [];\r\n _.each(this.assignees.models, function (assignee) {\r\n let cName = _.size(assignee.get('contactName')) > 0 ? assignee.get('contactName') : assignee.get('companyName');\r\n if (_.size(cName) > 0) {\r\n assigneesArray.push(cName);\r\n }\r\n }, this)\r\n\r\n if (_.size(assigneesArray) >= 1) {\r\n return name + \" (\" + assigneesArray.join(', ') + ')';\r\n } else {\r\n return name;\r\n }\r\n },\r\n beforeSave: function () {\r\n this.set('statusId', this.status != null ? this.status.id : 0);\r\n this.set('assignees', this.assignees.toJSON());\r\n this.set('groups', this.groups.toJSON());\r\n this.set('dependencies', this.dependencies.getChangedModels());\r\n this.set('requestedChanges', this.requestedChanges.getChangedModels());\r\n this.set('attachments', this.attachments.getChangedModels());\r\n },\r\n afterSave: function () {\r\n if (this.collection != null) {\r\n _.each(this.dependencies.models, function (dep) {\r\n let relTaskId;\r\n if (dep.get('taskId') !== this.id) {\r\n relTaskId = dep.get('taskId');\r\n } else {\r\n relTaskId = dep.get('dependTaskId');\r\n }\r\n\r\n let relTask = this.collection.get(relTaskId);\r\n if (relTask != null) {\r\n let relDep = relTask.dependencies.where({\r\n taskId: dep.get('taskId'),\r\n dependTaskId: dep.get('dependTaskId')\r\n });\r\n if (relDep == null && !dep.get('isDeleted')) {\r\n relTask.dependencies.add(dep);\r\n } else if (dep.get('isDeleted')) {\r\n relTask.dependencies.remove(dep);\r\n }\r\n }\r\n }, this);\r\n }\r\n },\r\n fetchNotifications: function (callback) {\r\n if (this.notifications == null) {\r\n this.notifications = new PJQ.collections.schedule.Notifications(null, {\r\n taskId: this.id\r\n })\r\n }\r\n\r\n this.notifications.fetch({\r\n success: _.bind(function () {\r\n callback(this.notifications);\r\n }, this)\r\n });\r\n },\r\n newDependencyTask: function () {\r\n let start = PJQ.helpers.dateHelpers.getNewDateAddDays(this.get('start'), -1, !this.get('weekendWork')),\r\n newTask = new PJQ.models.schedule.Task({\r\n projectId: this.get('projectId'),\r\n templateId: this.get('templateId'),\r\n start: start,\r\n finish: start\r\n });\r\n newTask.dependencies.add({\r\n taskId: this.id,\r\n dependTaskId: newTask.id,\r\n type: PJQ.constants.schedule.dependencyTypes.FINISH_START,\r\n offset: 0\r\n });\r\n return newTask;\r\n },\r\n newSuccessorTask: function () {\r\n let start = PJQ.helpers.dateHelpers.getNewDateAddDays(this.get('finish'), 1, !this.get('weekendWork')),\r\n newTask = new PJQ.models.schedule.Task({\r\n projectId: this.get('projectId'),\r\n templateId: this.get('templateId'),\r\n start: start,\r\n finish: start\r\n });\r\n newTask.dependencies.add({\r\n taskId: newTask.id,\r\n dependTaskId: this.id,\r\n type: PJQ.constants.schedule.dependencyTypes.FINISH_START,\r\n offset: 0\r\n });\r\n return newTask;\r\n }\r\n});\r\n\r\nPJQ.models.schedule.TaskDependency = PJQ.models.BaseModel.extend({\r\n notifyName: 'Dependency',\r\n idAttribute: 'dependencyId',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId')\r\n },\r\n {\r\n endpoint: 'dependencies',\r\n value: this.id\r\n }\r\n ]);\r\n },\r\n getTooltip: function (tasks) {\r\n let result,\r\n dependTask = _.find(tasks.models, function (task) {\r\n return this.get('dependTaskId') === task.id;\r\n }, this),\r\n task = _.find(tasks.models, function (task) {\r\n return this.get('taskId') === task.id;\r\n }, this);\r\n if (this.get('offset') > 0 || this.get('offset') < 0) {\r\n result = task.get('name') + ' can start no earlier than ' + (this.get('offset') > 0 ? (this.get('offset') + ' days after ') : (-this.get('offset') + ' days before ')) + dependTask.get('name') + (this.get('type') === PJQ.constants.schedule.dependencyTypes.FINISH_START ? ' finishes' : ' starts');\r\n } else {\r\n result = dependTask.get('name') + ' must ' + (this.get('type') === PJQ.constants.schedule.dependencyTypes.FINISH_START ? 'finish' : 'start') + ' before ' + task.get('name') + ' can start';\r\n }\r\n return result;\r\n }\r\n});\r\n\r\nPJQ.models.schedule.RequestedChange = PJQ.models.BaseModel.extend({\r\n notifyName: 'Requested Change',\r\n idAttribute: 'changeId',\r\n endpoint: function () {\r\n if (this.id > 0) {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'changes',\r\n value: this.id\r\n }\r\n ]);\r\n }\r\n\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId')\r\n },\r\n {\r\n endpoint: 'changes'\r\n }\r\n ]);\r\n },\r\n parse: function (model) {\r\n if (!model) {\r\n return model;\r\n }\r\n\r\n if (model.newStart != null) {\r\n model.newStart = PJQ.helpers.dateHelpers.parseDateString(model.newStart, false);\r\n model.newFinish = PJQ.helpers.dateHelpers.parseDateString(model.newFinish, false);\r\n }\r\n\r\n if (model.oldStart != null) {\r\n model.oldStart = PJQ.helpers.dateHelpers.parseDateString(model.oldStart, false);\r\n model.oldFinish = PJQ.helpers.dateHelpers.parseDateString(model.oldFinish, false);\r\n }\r\n return model;\r\n },\r\n approve: function (callback) {\r\n new PJQ.ajax.Request({\r\n endpoint: this.endpoint() + '/approve',\r\n data: this.toJSON()\r\n }).post().done(_.bind(function (response) {\r\n this.set(response.requestedChange);\r\n if (typeof callback === 'function') {\r\n callback(response);\r\n }\r\n }, this));\r\n },\r\n reject: function (callback) {\r\n new PJQ.ajax.Request({\r\n endpoint: this.endpoint() + '/reject',\r\n data: this.toJSON()\r\n }).post().done(_.bind(function (response) {\r\n this.set(response);\r\n if (typeof callback === 'function') {\r\n callback(response);\r\n }\r\n }, this));\r\n },\r\n});\r\n\r\nPJQ.models.schedule.TaskStatus = PJQ.models.BaseModel.extend({\r\n notifyName: 'Status',\r\n idAttribute: 'statusId',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'statuses',\r\n value: this.id\r\n }\r\n ]);\r\n }\r\n});\r\n\r\nPJQ.models.schedule.ScheduleTaskAttachment = PJQ.models.files.File.extend({\r\n idAttribute: 'attachmentId',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId')\r\n },\r\n {\r\n endpoint: 'attachments',\r\n value: this.id\r\n }\r\n ]);\r\n }\r\n});\r\n\r\nPJQ.models.schedule.TaskComment = PJQ.models.BaseModel.extend({\r\n notifyName: 'Comment',\r\n idAttribute: 'commentId',\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId')\r\n },\r\n {\r\n endpoint: 'comments',\r\n value: this.id\r\n }\r\n ]);\r\n },\r\n parse: function (model) {\r\n if (!model) {\r\n return model;\r\n }\r\n if (model.createdBy != null) {\r\n this.createdBy = new PJQ.models.projectContacts.ProjectContact(model.createdBy);\r\n }\r\n return model;\r\n }\r\n});\r\n\r\nPJQ.models.schedule.Settings = PJQ.models.BaseModel.extend({\r\n notifyName: 'Schedule Settings',\r\n idAttribute: 'userId',\r\n endpoint: function () {\r\n if (this.get('projectId') > 0) {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.get('projectId')\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'settings'\r\n }\r\n ]);\r\n }\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'settings'\r\n }\r\n ]);\r\n },\r\n parse: function(model){\r\n if(!model){\r\n return model;\r\n }\r\n\r\n this.lookAheadManagers = new PJQ.collections.projectContacts.ProjectContacts(model.lookAheadManagers);\r\n return model;\r\n },\r\n beforeSave: function () {\r\n this.set('lookAheadManagers', this.lookAheadManagers.toJSON());\r\n },\r\n});\r\n\r\nPJQ.models.schedule.TaskListItemGroup = PJQ.models.BaseModel.extend({});\r\n\r\n// Collections\r\nPJQ.collections.schedule.Templates = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.Template,\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'templates'\r\n }\r\n ]);\r\n }\r\n});\r\n\r\nPJQ.collections.schedule.LookAheads = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.LookAhead,\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.options.projectId\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'lookaheads'\r\n }\r\n ]);\r\n }\r\n});\r\n\r\nPJQ.collections.schedule.Tasks = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.Task,\r\n getGanttTasks: function () {\r\n let sortedModels = _.sortBy(this.models, function (model) {\r\n if (model.get('start') != null) {\r\n return new Date(model.get('start'));\r\n }\r\n });\r\n let fnGetSubtasks = _.bind(function (task) {\r\n let subTasks = _.filter(sortedModels, function (model) {\r\n return model.get('summaryTaskId') === task.id && model.id !== task.id;\r\n });\r\n _.each(subTasks, function (subTask) {\r\n subTasks.push(...fnGetSubtasks(subTask));\r\n });\r\n return subTasks;\r\n }, this),\r\n tasks = [];\r\n _.each(sortedModels, function (model) {\r\n if (model.get('summaryTaskId') > 0) {\r\n return;\r\n }\r\n\r\n tasks.push(model.getGanttTask());\r\n _.each(fnGetSubtasks(model), function (subTask) {\r\n tasks.push(subTask.getGanttTask());\r\n })\r\n });\r\n return new PJQ.collections.charts.GanttTasks(tasks);\r\n },\r\n getCalendarTasks: function () {\r\n return new PJQ.collections.calendars.CalendarTasks(_.map(_.filter(this.models, function (model) {\r\n return !model.get('isSummaryTask');\r\n }), function (model) {\r\n return model.getCalendarTask(this);\r\n }, this));\r\n },\r\n getValidDependencies: function (task, explicitAllow = null) {\r\n // tasks that cannot be dependencies:\r\n // existing successors (recursively)\r\n // dependencies that already exist\r\n let invalidTaskIds = [],\r\n fnCheck = _.bind(function (deps) {\r\n _.each(deps, function (dep) {\r\n let tId = dep.get('taskId');\r\n invalidTaskIds.push(tId);\r\n fnCheck(this.get(tId).getSuccessors());\r\n }, this);\r\n }, this);\r\n fnCheck(task.getSuccessors());\r\n invalidTaskIds.push(..._.map(task.getDependencies(), function (dep) {\r\n return dep.get('dependTaskId');\r\n }));\r\n return _.filter(this.models, function (checkTask) {\r\n return (explicitAllow != null && explicitAllow === checkTask.id) || (checkTask.id !== task.id && invalidTaskIds.indexOf(checkTask.id) === -1);\r\n });\r\n },\r\n getValidSuccessors: function (task, explicitAllow = null) {\r\n // tasks that cannot be successors:\r\n // existing dependencies (recursively)\r\n // successors that already exist\r\n let invalidTaskIds = [],\r\n fnCheck = _.bind(function (deps) {\r\n _.each(deps, function (dep) {\r\n let tId = dep.get('dependTaskId');\r\n invalidTaskIds.push(tId);\r\n fnCheck(this.get(tId).getDependencies());\r\n }, this);\r\n }, this);\r\n fnCheck(task.getDependencies());\r\n invalidTaskIds.push(..._.map(task.getSuccessors(), function (dep) {\r\n return dep.get('taskId');\r\n }));\r\n return _.filter(this.models, function (checkTask) {\r\n return (explicitAllow != null && explicitAllow === checkTask.id) || checkTask.id !== task.id && invalidTaskIds.indexOf(checkTask.id) === -1;\r\n });\r\n }\r\n});\r\n\r\nPJQ.models.schedule.ScheduleCustomField = PJQ.models.customFields.CustomField.extend({\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'customFields',\r\n value: this.id\r\n }\r\n ])\r\n }\r\n});\r\n\r\nPJQ.models.schedule.Notification = PJQ.models.notifications.Notification.extend({\r\n notificationTypeNames: PJQ.constants.schedule.notificationTypeNames,\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.get('taskId') ? this.get('taskId') : this.collection.options.task.id\r\n },\r\n {\r\n endpoint: 'notifications',\r\n value: this.id\r\n }\r\n ])\r\n }\r\n});\r\n\r\n//Collections\r\nPJQ.collections.schedule.TaskDependencies = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.TaskDependency\r\n});\r\n\r\nPJQ.collections.schedule.RequestedChanges = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.RequestedChange\r\n});\r\n\r\nPJQ.collections.schedule.TaskStatuses = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.TaskStatus,\r\n endpoint: function () {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'statuses'\r\n }\r\n ]);\r\n },\r\n getDefault: function () {\r\n let def = this.findWhere({isDefault: true});\r\n if (def == null && this.length > 0) {\r\n def = this.models[0];\r\n }\r\n return def != null ? def : null;\r\n },\r\n copy: function (callback) {\r\n new PJQ.ajax.Request({\r\n endpoint: PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'statuses'\r\n },\r\n {\r\n endpoint: 'copy'\r\n }\r\n ])\r\n }).post().done(_.bind(function (statuses) {\r\n this.reset(statuses);\r\n callback();\r\n }, this));\r\n\r\n }\r\n});\r\n\r\nPJQ.collections.schedule.TaskComments = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.TaskComment\r\n});\r\n\r\nPJQ.collections.schedule.ScheduleTaskAttachments = PJQ.collections.files.Files.extend({\r\n model: PJQ.models.schedule.ScheduleTaskAttachment\r\n});\r\n\r\nPJQ.collections.schedule.ScheduleCustomFields = PJQ.collections.BaseCollection.extend({\r\n model: PJQ.models.schedule.ScheduleCustomField,\r\n options: {\r\n masterUserId: null\r\n },\r\n endpoint: function () {\r\n let arr;\r\n if (this.get('projectId') != null) {\r\n arr = [\r\n {\r\n endpoint: 'projects',\r\n value: this.options.project ? this.options.project.id : null\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'customFields'\r\n }\r\n ];\r\n } else {\r\n arr = [\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'customFields'\r\n }\r\n ];\r\n }\r\n return PJQ.helpers.urlHelpers.generateEndpoint(arr);\r\n }\r\n});\r\n\r\nPJQ.collections.schedule.Notifications = PJQ.collections.notifications.Notifications.extend({\r\n defaults: {\r\n isAPIv2: true\r\n },\r\n model: PJQ.models.schedule.Notification,\r\n endpoint: function () {\r\n if (this.options.projectId > 0) {\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.options.projectId\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'notifications'\r\n }\r\n ]);\r\n }\r\n\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'tasks',\r\n value: this.options.taskId\r\n },\r\n {\r\n endpoint: 'notifications'\r\n }\r\n ]);\r\n }\r\n});\r\n","PJQ.views.schedule.SettingsModal = PJQ.views.BaseModal.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Settings'),\n maxWidth: 500,\n onSave: null\n },\n events: {\n 'click .btn-save': 'save',\n 'click .btn-delete-tasks': 'deleteTasks'\n },\n beforeModalCreated: function () {\n if (this.model == null) {\n this.model = new PJQ.models.schedule.Settings({\n projectId: this.options.project != null ? this.options.project.id : null\n });\n }\n if (!this.model.isFetched) {\n this.model.fetch({\n success: function () {\n this.render();\n }\n });\n }\n },\n renderData: function () {\n return {\n model: this.model,\n project: this.options.project\n };\n },\n afterRender: function () {\n if (!this.model.isFetched) {\n return;\n }\n\n new PJQ.views.schedule.Settings({\n el: this.$('.settings-outer'),\n model: this.model,\n project: this.options.project\n });\n },\n deleteTasks: function () {\n new PJQ.views.modals.DeleteCancel({\n header: \"Confirm Deletion\",\n body: \"Are you sure you want to delete all tasks on this schedule?\",\n onDelete: _.bind(function () {\n this.options.project.deleteAllScheduleTasks(_.bind(function () {\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n this.removeModal();\n }, this));\n }, this)\n });\n },\n save: function () {\n if (this.model.hasChanged()) {\n this.model.save({}, {\n notify: true,\n success: _.bind(function () {\n if (typeof this.options.onSave === 'function') {\n this.options.onSave(this.model);\n }\n this.removeModal();\n }, this)\n });\n } else {\n this.removeModal();\n }\n }\n});\n\nPJQ.views.schedule.Settings = PJQ.views.BaseView.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Settings'),\n onChange: null\n },\n events: {\n 'click .btn-save': 'save'\n },\n beforeFirstRender: function () {\n if (this.model == null) {\n this.model = new PJQ.models.schedule.Settings({\n projectId: this.options.project != null ? this.options.project.id : null\n });\n }\n this.listenTo(this.model, 'change:notificationsEnabled', function () {\n let $notifications = this.$('.notification-settings');\n if (this.model.get('notificationsEnabled')) {\n $notifications.removeClass('hidden');\n } else {\n $notifications.addClass('hidden');\n }\n });\n\n let listen = _.bind(function () {\n if (typeof this.options.onChange === 'function') {\n this.listenTo(this.model, 'change', function () {\n this.options.onChange(this.model);\n });\n }\n }, this);\n if (!this.model.isFetched) {\n this.model.fetch({\n success: _.bind(function () {\n listen();\n this.render();\n }, this)\n });\n } else {\n listen();\n }\n },\n renderData: function () {\n return {\n model: this.model,\n project: this.options.project\n };\n },\n afterRender: function () {\n if (!this.model.isFetched) {\n return;\n }\n\n new PJQ.Binder(this.$el, this.model, {\n watchElements: [\n 'input',\n 'textarea'\n ]\n });\n\n if (this.options.project != null) {\n new PJQ.views.contacts.ContactsSelectInput({\n el: this.$('.look-ahead-managers'),\n context: PJQ.constants.contacts.contexts.PROJECTCONTACTS,\n selectedContact: this.model.lookAheadManagers.models,\n isSingleChoice: false,\n onChange: _.bind(function (selectedContacts) {\n this.model.lookAheadManagers.reset(selectedContacts);\n this.model.set('isDirty', true);\n }, this)\n });\n }\n\n new PJQ.inputs.Selectpicker({\n el: this.$('.select-default-view'),\n defaultValue: this.model.get('defaultView') ? this.model.get('defaultView') : 'view_group',\n onChange: _.bind(function (value) {\n this.model.set('defaultView', value);\n }, this)\n });\n\n new PJQ.inputs.Selectpicker({\n el: this.$('.select-date-change-notif-mode'),\n defaultValue: this.model.get('dateChangeNotificationsMode'),\n onChange: _.bind(function (value) {\n this.model.set('dateChangeNotificationsMode', value);\n }, this)\n });\n }\n});\n\nPJQ.views.schedule.TaskStatuses = PJQ.views.BaseView.extend({\n defaults: {\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Schedule-Statuses')\n },\n events: {\n 'click .add-task-status': 'addClicked',\n 'click .edit-task-status': 'editClicked',\n 'click .delete-task-status': 'deleteClicked',\n 'click .save-task-status': 'statusSave',\n 'click .cancel-edit-task-status': 'cancelEditStatus',\n 'colorpickerChange': 'setBGColor',\n 'keyup .colorpicker-input-box': 'setBGColor'\n },\n beforeFirstRender: function () {\n this.taskStatusContext = null;\n this.collection = new PJQ.collections.schedule.TaskStatuses();\n this.collection.fetch({\n success: _.bind(function () {\n this.render();\n }, this)\n });\n },\n renderData: function () {\n return {};\n },\n afterRender: function () {\n this.dataTable = new PJQ.views.dataTables.DataTable({\n el: this.$(\".task-status-table\"),\n isHideSearch: true,\n data: this.collection.models,\n rowId: \"cid\",\n order: [0, 'asc'],\n sortableOptions: {\n data: this.collection\n },\n targets: 'no-sort',\n pageLength: 50,\n bSort: false,\n language: {\n zeroRecords: 'Click \"Add\" to create a new Task Status'\n },\n columns: [\n {\n \"data\": \"attributes.sortOrder\",\n \"title\": \"\",\n \"searchable\": false,\n \"orderable\": false,\n \"visible\": false,\n \"render\": _.bind(function (data, type, row) {\n return '
';\n }, this)\n },\n {\n \"data\": {\n \"display\": _.bind(function (row) {\n if (this.taskStatusContext != null && this.taskStatusContext.get('name') === row.get('name') && this.taskStatusContext.get('sortOrder') === row.get('sortOrder')) {\n return '
';\n } else {\n return '
' + row.get('name') + ' ';\n }\n }, this)\n },\n \"title\": \"Status\",\n \"width\": \"200px\"\n },\n {\n \"data\": \"\",\n \"title\": \"Default\",\n \"width\": \"50px\",\n \"orderable\": false,\n \"searchable\": false,\n \"render\": _.bind(function (data, type, row) {\n let content = row.get('isDefault') === true ? \"Yes\" : \"No\";\n if (this.taskStatusContext != null && this.taskStatusContext.get('name') === row.get('name') && this.taskStatusContext.get('sortOrder') === row.get('sortOrder')) {\n content = '
\\n' +\n '
\\n' +\n '
\\n' +\n ' Default Status
\\n' +\n '
'\n }\n if (this.taskStatusContext != null && this.taskStatusContext.get('isDefault') === true) {\n this.$('.input-default-status').prop('checked', true);\n this.$('.input-default-status').prop('disabled', true);\n } else {\n this.$('.input-default-status').prop('checked', false);\n this.$('.input-default-status').prop('disabled', false);\n }\n\n return '
' + content + '
'\n }, this)\n },\n {\n \"data\": \"\",\n \"title\": \"\",\n \"orderable\": false,\n \"searchable\": false,\n \"width\": \"200px\",\n \"render\": _.bind(function (data, type, row) {\n let content = '';\n if (this.taskStatusContext != null && this.taskStatusContext.get('name') === row.get('name')) {\n return '
'\n }\n return '
' + content + '
'\n }, this)\n },\n {\n \"data\": \"\",\n \"title\": \"\",\n \"orderable\": false,\n \"searchable\": false,\n \"render\": _.bind(function (data, type, row) {\n let content = '';\n if (this.taskStatusContext != null && this.taskStatusContext.get('name') === row.get('name')) {\n content = '
';\n } else {\n let disabledAttr = this.taskStatusContext != null ? ' disabled ' : '';\n content = '
';\n }\n return '
' + content + '
'\n }, this),\n \"width\": \"80px\",\n }\n ],\n });\n },\n addClicked: function () {\n this.taskStatusContext = null;\n if (this.collection.models.length > 0 && this.collection.models[0].get('userId') === -1)\n this.copyDefaultStatuses(_.bind(this.addStatus, this));\n else\n this.addStatus();\n },\n addStatus: function () {\n let newStatus = new PJQ.models.schedule.TaskStatus({\n name: \"\",\n color: \"#000000\",\n isDefault: false,\n sortOrder: this.collection.models.length + 1,\n });\n this.dataTable.addRow(newStatus);\n this.taskStatusContext = newStatus;\n this.$('.add-task-status').prop('disabled', true);\n this.dataTable.refresh();\n this.colorPicker = new PJQ.colors.ColorPicker(this.$('.color-picker'), {\n format: 'hex',\n color: this.taskStatusContext.get('color'),\n autoInputFallback: false\n });\n this.$('.colorpicker-input-box').val(this.taskStatusContext.get('color'));\n this.$('.input-task-status').css('color', this.taskStatusContext.get('color'));\n },\n editClicked: function (e) {\n this.taskStatusContext = this.dataTable.getRow($(e.currentTarget).closest('tr')).data();\n if (this.taskStatusContext.get('userId') === -1)\n this.copyDefaultStatuses(_.bind(function (newStatus) {\n this.taskStatusContext = newStatus;\n this.editStatus();\n }, this));\n else\n this.editStatus();\n },\n editStatus: function () {\n this.$('.add-task-status').prop('disabled', true);\n this.dataTable.refresh();\n this.colorPicker = new PJQ.colors.ColorPicker(this.$('.color-picker'), {\n format: 'hex',\n color: this.taskStatusContext.get('color'),\n autoInputFallback: false\n });\n this.$('.colorpicker-input-box').val(this.taskStatusContext.get('color'));\n this.$('.input-task-status').css('color', this.taskStatusContext.get('color'));\n },\n setBGColor: function (e) {\n if (e.type === 'keyup') {\n if (e.keyCode === 13) {\n $(e.currentTarget).blur()\n }\n let color = this.$('.colorpicker-input-box').val();\n if (color.split('')[0] === '#' && color.trim().length === 7) {\n this.colorPicker.setColor(color);\n this.taskStatusContext.set('color', color.toUpperCase());\n this.$('.input-task-status').css('color', color.toUpperCase());\n PJQ.helpers.inputHelpers.setInputError(this.$('.colorpicker-input-box'), true);\n }\n } else {\n let color = this.colorPicker.getColor();\n if (color.split('')[0] === '#' && color.trim().length === 7) {\n this.$('.colorpicker-input-box').val(color);\n this.taskStatusContext.set('color', color);\n this.$('.input-task-status').css('color', color);\n PJQ.helpers.inputHelpers.setInputError(this.$('.colorpicker-input-box'), true);\n }\n }\n },\n statusSave: function (e) {\n let $row = $(e.currentTarget).closest('tr'),\n status = this.dataTable.getRow($row).data(),\n $name = $row.find('.input-task-status'),\n color = this.$('.colorpicker-input-box').val(),\n isColorValid = color.split('')[0] === '#' && color.trim().length === 7;\n\n if (_.size($name) > 0) {\n status.set('name', $name.val())\n }\n let isNameValid = _.size(status.get('name')) > 0;\n\n status.set('color', color);\n status.set('isDefault', (this.$('.input-default-status').prop('checked')));\n status.set('sortOrder', this.taskStatusContext.get('sortOrder'));\n\n PJQ.helpers.inputHelpers.setInputError($name, isNameValid);\n PJQ.helpers.inputHelpers.setInputError(this.$('.colorpicker-input-box'), isColorValid, {\n errorText: isColorValid ? \"\" : \"Hex must begin with a # followed by 6 letters and/or numbers!\"\n });\n\n let isDefault = status.get('isDefault'),\n successFn = _.bind(function (isDefault) {\n if (isDefault) {\n _.each(this.collection.models, _.bind(function (status) {\n if (status.get('statusId') !== this.taskStatusContext.get('statusId'))\n status.set('isDefault', false);\n }, this));\n }\n this.taskStatusContext = null;\n this.render()\n }, this);\n\n if (isNameValid && isColorValid) {\n let wasNew = this.taskStatusContext.isNew();\n this.taskStatusContext.save(null, {\n success: _.bind(function () {\n if (wasNew)\n this.collection.add(this.taskStatusContext);\n successFn(isDefault);\n }, this)\n });\n }\n },\n cancelEditStatus: function (e) {\n let $row = $(e.currentTarget).closest('tr'),\n row = this.dataTable.getRow($row);\n if (this.taskStatusContext.get('name').length === 0) {\n this.dataTable.removeRow(row);\n }\n this.$('.add-task-status').prop('disabled', false);\n this.taskStatusContext = null;\n this.dataTable.refresh();\n\n },\n deleteClicked: function (e) {\n this.taskStatusContext = this.dataTable.getRow($(e.currentTarget).closest('tr')).data();\n\n if (this.taskStatusContext.get('userId') === -1)\n this.copyDefaultStatuses(_.bind(function (newStatus) {\n this.taskStatusContext = newStatus;\n this.deleteStatus(e);\n }, this));\n else\n this.deleteStatus(e);\n },\n deleteStatus: function (e) {\n let $row = $(e.currentTarget).closest('tr'),\n row = this.dataTable.getRow($row);\n new PJQ.views.modals.DeleteCancel({\n header: \"Delete Task Status\",\n body: \"Are you sure you want to delete this status? All tasks that have this status will be set to the Default status if you continue.\",\n onDelete: _.bind(function () {\n this.dataTable.removeRow(row);\n this.dataTable.refresh();\n\n let wasDefault = this.taskStatusContext.get('isDefault');\n this.taskStatusContext.destroy();\n this.taskStatusContext = null;\n _.each(this.collection.models, _.bind(function (status, index) {\n status.set('sortOrder', index + 1);\n }, this));\n\n if (wasDefault && this.collection.models.length > 0)\n this.collection.models[0].set('isDefault', true);\n\n this.render();\n }, this)\n });\n\n },\n copyDefaultStatuses: function (callback) {\n new PJQ.views.modals.YesNo({\n header: \"Change Task Statuses?\",\n body: 'You are currently using the system default task statuses. To edit a task status, we will need to create custom task statuses for your company. This may take a minute, would you like to continue?',\n onYes: _.bind(function () {\n this.collection.copy(_.bind(function () {\n let newStatus = null;\n if (this.taskStatusContext != null) {\n let returnName = this.taskStatusContext.get('name');\n newStatus = _.find(this.collection.models, function (u) {\n return u.get('name') === returnName;\n });\n }\n this.dataTable.options.data = this.collection.models\n this.dataTable.render();\n callback(newStatus);\n }, this));\n }, this)\n });\n }\n});\n","PJQ.views.schedule.TaskListDataTable = PJQ.views.dataTables.DataTable.extend({\r\n defaults: {\r\n subTemplates: {\r\n header: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Data-Table-Header-Task-List')\r\n },\r\n language: {\r\n emptyTable: 'No tasks were found',\r\n zeroRecords: \"No tasks were found\"\r\n },\r\n settings: null,\r\n onTaskEdit: null,\r\n onTaskDelete: null,\r\n paging: false,\r\n scrollRows: true,\r\n isShowCriticalPath: false,\r\n isAdmin: true,\r\n level: 0,\r\n order: [3, 'asc'],\r\n orderCookie: PJQ.constants.cookies.SCHEDULE_TASK_LIST_ORDER\r\n },\r\n events: {\r\n 'click .btn-edit-task': 'editTaskClicked',\r\n 'click .btn-delete-task': 'deleteTaskClicked',\r\n 'keyup .datatable-search': 'search',\r\n 'click .task-list-clear-filters': 'clearFilters'\r\n },\r\n headerData: function () {\r\n return {\r\n statuses: this.model.statuses\r\n };\r\n },\r\n afterDataTableRender: function () {\r\n let self = this;\r\n if(_.size(this.model.tasks.models) < 200) {\r\n this.dataTable.rows().every(function () {\r\n let task = this.data();\r\n if (task.get('isSummaryTask')) {\r\n self.toggleChildRow(this);\r\n }\r\n });\r\n }\r\n\r\n if(typeof this.options.afterTableRendered === 'function'){\r\n this.options.afterTableRendered();\r\n }\r\n },\r\n beforeDataTableRender: function () {\r\n this.options.hasCompleteStatus = false;\r\n _.each(this.model.statuses.models, function (model) {\r\n if (model.get('name').toLowerCase().includes('complete')) {\r\n this.options.hasCompleteStatus = true;\r\n }\r\n }, this)\r\n\r\n this.statusFilterPicker = new PJQ.inputs.Selectpicker({\r\n el: this.$('select.task-list-filter'),\r\n defaultValue: this.options.filter,\r\n isMultiple: true,\r\n isIntChoices: true,\r\n noneSelectedText: 'No Filters',\r\n onChange: _.bind(function (value) {\r\n this.setFilter('status', value);\r\n }, this)\r\n });\r\n },\r\n getContextMenuOptions: function () {\r\n return {\r\n actions: [\r\n {\r\n name: 'Edit',\r\n iconClass: 'fal fa-pencil',\r\n onClick: _.bind(function (row) {\r\n this.editTask(row.data());\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n return true;\r\n }, this)\r\n },\r\n {\r\n name: 'New Dependency',\r\n iconClass: 'fal fa-plus',\r\n onClick: _.bind(function (row) {\r\n let newTask = row.data().newDependencyTask();\r\n this.model.tasks.add(newTask);\r\n this.editTask(newTask);\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n return false;\r\n }, this)\r\n },\r\n {\r\n name: 'New Successor',\r\n iconClass: 'fal fa-plus',\r\n onClick: _.bind(function (row) {\r\n let newTask = row.data().newSuccessorTask();\r\n this.model.tasks.add(newTask);\r\n this.editTask(newTask);\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n return false;\r\n }, this)\r\n },\r\n {\r\n name: 'Add to Summary Task',\r\n onClick: _.bind(function (row) {\r\n let task = row.data();\r\n this.addToSummaryTaskClicked(task);\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n let task = row.data();\r\n if(task) {\r\n return !this.options.settings.get('lockSchedule');\r\n }\r\n else{\r\n return false;\r\n }\r\n }, this)\r\n },\r\n {\r\n name: 'Remove from Summary Task',\r\n onClick: _.bind(function (row) {\r\n let task = row.data();\r\n this.removeSummaryTask(task);\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n let task = row.data();\r\n if(task) {\r\n return task.get('summaryTaskId') > 0 && !this.options.settings.get('lockSchedule');\r\n }\r\n else{\r\n return false;\r\n }\r\n }, this)\r\n },\r\n {\r\n name: 'Delete',\r\n iconClass: 'fal fa-trash',\r\n isDanger: true,\r\n onClick: _.bind(function (row) {\r\n this.deleteTask(row.data());\r\n }, this),\r\n isShown: _.bind(function (row) {\r\n return true;\r\n }, this)\r\n }\r\n ]\r\n };\r\n },\r\n addToSummaryTaskClicked: function (task) {\r\n new PJQ.views.charts.SummaryTaskModal({\r\n tasks: this.model.tasks,\r\n task: task,\r\n project: this.options.project,\r\n schedule: this.options.schedule,\r\n onSave: _.bind(function (task, summaryTaskId, isNewTask = false) {\r\n if (typeof this.options.onTaskUpdateSummary === 'function') {\r\n this.options.onTaskUpdateSummary(task, summaryTaskId, isNewTask);\r\n }\r\n }, this)\r\n });\r\n },\r\n search: function (searchText) {\r\n searchText = this.getSearchText();\r\n\r\n this.searchDataTable(this.dataTable, searchText);\r\n },\r\n searchDataTable: function(dataTable, searchText) {\r\n searchText = searchText.toLowerCase();\r\n let hasVisibleChildren = false,\r\n self = this;\r\n\r\n // Filter the collection\r\n let filteredModels = this.model.tasks.filter(function (model) {\r\n // Check each attribute in the model\r\n return _.some(model.attributes, function (value) {\r\n // Ensure the value is a string and perform a case-insensitive comparison\r\n if ((typeof value === 'string' || value instanceof String) && _.size(value) > 0) {\r\n return value.toLowerCase().includes(searchText);\r\n }\r\n return false;\r\n });\r\n });\r\n\r\n // Extract summaryTaskIds from filteredModels\r\n let summaryTaskIds = _.uniq(filteredModels.map(function (model) {\r\n return model.get('summaryTaskId');\r\n }));\r\n\r\n // Include models whose id matches one of the summaryTaskIds\r\n this.model.tasks.forEach(function (model) {\r\n if (summaryTaskIds.includes(model.id) && !_.findWhere(filteredModels, {id: model.id})) {\r\n filteredModels.push(model);\r\n }\r\n });\r\n\r\n dataTable.rows().every(function () {\r\n let row = this;\r\n let rowData = row.data();\r\n let childTable = row.child.isShown() && $(row.node()).next('tr').find('table').DataTable();\r\n\r\n\r\n // Check if the current row matches the search text\r\n let rowMatches = _.contains(filteredModels, rowData);\r\n\r\n\r\n // Recursively search in child DataTable, if present\r\n let childMatches = false;\r\n if (childTable) {\r\n childMatches = self.searchDataTable(childTable, searchText);\r\n }\r\n\r\n // Check row visibility\r\n let showRow = rowMatches || childMatches;\r\n row.node().style.display = showRow ? '' : 'none';\r\n // Rows with children have an extra
after the actual row. If it isn't hidden there will be a grey line for every empty child table.\r\n // Hide that row if the row is hidden, or show if not.\r\n if (!$(row.node()).next('tr').hasClass('odd') && !$(row.node()).next('tr').hasClass('even')) {\r\n showRow ? $(row.node()).next('tr').show() : $(row.node()).next('tr').hide();\r\n }\r\n\r\n if (showRow) hasVisibleChildren = true;\r\n });\r\n\r\n return hasVisibleChildren;\r\n },\r\n removeSummaryTask: function (task) {\r\n if (typeof this.options.onTaskUpdateSummary === 'function') {\r\n this.options.onTaskUpdateSummary(task, 0);\r\n }\r\n },\r\n getRowChildData: function (row) {\r\n if(row && row.length > 0) {\r\n return this.model.tasks.where({summaryTaskId: row.data().id});\r\n }\r\n },\r\n getRowChildTable: function (opts) {\r\n return new PJQ.views.schedule.TaskListDataTable(_.extend(opts, {\r\n model: this.model,\r\n onTaskEdit: this.options.onTaskEdit,\r\n onTaskDelete: this.options.onTaskDelete,\r\n onTaskUpdateSummary: this.options.onTaskUpdateSummary,\r\n hasCompleteStatus: this.options.hasCompleteStatus,\r\n scrollRows: false,\r\n hideColumnHeaders: true,\r\n settings: this.options.settings,\r\n level: this.options.level + 1,\r\n summaryTaskId: this.model.tasks.get(opts.parentId).id,\r\n onChildTableRendered: _.bind(function(){\r\n this.search(this.getSearchText);\r\n }, this)\r\n }));\r\n },\r\n getColumns: function () {\r\n let columns = [];\r\n\r\n columns.push({\r\n \"columnData\": \"taskName\",\r\n \"data\": \"attributes.name\",\r\n \"title\": \"Name\",\r\n \"width\": \"20%\",\r\n \"render\": (data, type, row) => {\r\n let padding = this.options.level * 15,\r\n html = '' + data + ' ';\r\n\r\n return '' + html + '
';\r\n },\r\n });\r\n\r\n columns.push({\r\n \"columnData\": \"duration\",\r\n \"data\": \"attributes.duration\",\r\n \"title\": \"Duration\",\r\n \"width\": \"50px\",\r\n });\r\n\r\n columns.push({\r\n \"columnData\": \"start\",\r\n \"data\": {\r\n \"_\": function (row) {\r\n return new Date(row.attributes.start);\r\n },\r\n \"filter\": \"attributes.start\",\r\n \"display\": function (row) {\r\n if (row.get('start') == null) {\r\n return '';\r\n }\r\n\r\n let offsetClass = '';\r\n if (row.get('finish') != null) {\r\n let active = PJQ.helpers.dateHelpers.checkDateBetweenDays(row.get('start'), row.get('finish')),\r\n overdue = row.get('percentComplete') < 100 && PJQ.helpers.dateHelpers.checkDateIsBeforeToday(row.get('finish'));\r\n if (active) {\r\n offsetClass = 'text-primary font-weight-medium';\r\n } else if (overdue) {\r\n offsetClass = 'text-danger font-weight-bold';\r\n } else {\r\n let offset = PJQ.helpers.dateHelpers.getDateDaysDiff(row.get('finish'), new Date());\r\n if (offset < 0) {\r\n offsetClass = 'text-muted';\r\n }\r\n }\r\n }\r\n return '' + PJQ.helpers.dateHelpers.getDateString(new Date(row.get('start')), PJQ.helpers.dateHelpers.dateFormats.DATE) + ' ';\r\n }\r\n },\r\n \"group\": function (data, groupBy) {\r\n switch (groupBy) {\r\n case PJQ.constants.schedule.taskList.groupBy.MONTH:\r\n return data.get('start') ? PJQ.helpers.dateHelpers.getDateString(data.get('start'), PJQ.helpers.dateHelpers.dateFormats.MONTH_YEAR) : null;\r\n case PJQ.constants.schedule.taskList.groupBy.WEEK:\r\n let startOfWeek = moment(data.get('start')).startOf('week').toDate(),\r\n endOfWeek = moment(data.get('start')).endOf('week').toDate();\r\n return data.get('start') != null ? PJQ.helpers.dateHelpers.getDateString(startOfWeek, PJQ.helpers.dateHelpers.dateFormats.DATE) + ' - ' + PJQ.helpers.dateHelpers.getDateString(endOfWeek, PJQ.helpers.dateHelpers.dateFormats.DATE) : null;\r\n case PJQ.constants.schedule.taskList.groupBy.DAY:\r\n return data.get('start') != null ? PJQ.helpers.dateHelpers.getDateString(data.get('start'), PJQ.helpers.dateHelpers.dateFormats.DATE) : null;\r\n }\r\n return 'N/A';\r\n },\r\n \"width\": \"100px\",\r\n \"title\": \"Start\"\r\n });\r\n\r\n columns.push({\r\n \"columnData\": \"finish\",\r\n \"data\": {\r\n \"_\": function (row) {\r\n return new Date(row.attributes.finish);\r\n },\r\n \"filter\": \"attributes.finish\",\r\n \"display\": function (row) {\r\n if (row.get('finish') == null) {\r\n return '';\r\n }\r\n\r\n let offsetClass = '';\r\n if (row.get('start') != null) {\r\n let active = PJQ.helpers.dateHelpers.checkDateBetweenDays(row.get('start'), row.get('finish')),\r\n overdue = row.get('percentComplete') < 100 && PJQ.helpers.dateHelpers.checkDateIsBeforeToday(row.get('finish'));\r\n if (active) {\r\n offsetClass = 'text-primary font-weight-medium';\r\n } else if (overdue) {\r\n offsetClass = 'text-danger font-weight-bold';\r\n } else {\r\n let offset = PJQ.helpers.dateHelpers.getDateDaysDiff(row.get('finish'), new Date());\r\n if (offset < 0) {\r\n offsetClass = 'text-muted';\r\n }\r\n }\r\n }\r\n return '' + PJQ.helpers.dateHelpers.getDateString(new Date(row.get('finish')), PJQ.helpers.dateHelpers.dateFormats.DATE) + ' ';\r\n }\r\n },\r\n \"width\": \"100px\",\r\n \"title\": \"Finish\"\r\n });\r\n\r\n let groupByGroup = function (data) {\r\n let gr = data.get('groups');\r\n if (_.size(gr) === 0) {\r\n return 'None';\r\n }\r\n\r\n return _.map(gr, function (group) {\r\n return group.groupName;\r\n }).join(', ');\r\n }\r\n columns.push({\r\n \"attribute\": \"groups\",\r\n \"columnData\": function (row) {\r\n return row.get('groups');\r\n },\r\n \"isArrayGroup\": true,\r\n \"group\": function (data) {\r\n return groupByGroup(data);\r\n },\r\n \"render\": function (data, type, row) {\r\n if (type === 'sort') {\r\n return groupByGroup(row);\r\n }\r\n\r\n if (_.size(row.groups.models) === 0) {\r\n return 'None';\r\n }\r\n\r\n return _.map(row.groups.models, function (group) {\r\n return group.get('groupName');\r\n }).join(', ');\r\n },\r\n \"width\": \"200px\",\r\n \"title\": \"Groups\"\r\n });\r\n\r\n let groupByAssignee = function (data) {\r\n let as = data.get('assignees');\r\n if (_.size(as) === 0) {\r\n return 'Nobody';\r\n }\r\n\r\n return _.map(as, function (assignee) {\r\n return assignee.contactName;\r\n }).join(', ');\r\n }\r\n columns.push({\r\n \"attribute\": \"assignees\",\r\n \"columnData\": function (row) {\r\n return row.get('assignees');\r\n },\r\n \"render\": function (data, type, row) {\r\n if (_.size(row.assignees.models) === 0) {\r\n return 'Nobody';\r\n }\r\n\r\n return _.map(row.assignees.models, function (assignee) {\r\n let res = assignee.get('contactName');\r\n return _.size(res) > 0 ? res : assignee.get('companyName');\r\n }).join(', ');\r\n },\r\n \"width\": \"150px\",\r\n \"title\": \"Assignees\"\r\n });\r\n\r\n columns.push({\r\n \"data\": \"notes\",\r\n \"title\": \"Notes\",\r\n \"render\": function (data, type, row) {\r\n return row.get('notes');\r\n }\r\n });\r\n\r\n columns.push({\r\n \"columnData\": \"percentComplete\",\r\n \"data\": {\r\n \"_\": function (row) {\r\n return row.status != null ? row.status.get('sortOrder') : 0;\r\n },\r\n \"filter\": \"attributes.percentComplete\",\r\n \"display\": function (row) {\r\n let percent = row.get('percentComplete'),\r\n progressBg;\r\n if (percent < 60) {\r\n progressBg = 'bg-danger';\r\n } else if (percent >= 60 && percent < 100) {\r\n progressBg = 'bg-warning';\r\n } else {\r\n progressBg = 'bg-success';\r\n }\r\n return '';\r\n }\r\n },\r\n \"width\": \"125px\",\r\n \"title\": \"Progress\"\r\n });\r\n\r\n columns.push({\r\n \"columnData\": \"status\",\r\n \"data\": {\r\n \"_\": function (row) {\r\n return row.status != null ? row.status.get('sortOrder') : 0;\r\n },\r\n \"filter\": \"attributes.statusId\",\r\n \"display\": _.bind(function (row) {\r\n if (row.status == null) {\r\n return '';\r\n }\r\n\r\n let overdue = row.get('percentComplete') < 100 && PJQ.helpers.dateHelpers.checkDateIsBeforeToday(row.get('finish')),\r\n enableOverdueStatus = this.options.settings.get('enableOverdueStatus');\r\n if (row.get('finish') != null && this.options.hasCompleteStatus && (row.status == null || row.status.get('name').toLowerCase() !== 'complete') && overdue && enableOverdueStatus) {\r\n return 'Overdue ';\r\n } else {\r\n return '' + row.status.get('name') + ' ';\r\n }\r\n }, this)\r\n },\r\n \"width\": \"100px\",\r\n \"title\": \"Status\"\r\n });\r\n\r\n columns.push({\r\n \"title\": '',\r\n \"render\": _.bind(function () {\r\n let result = '
';\r\n return result;\r\n }, this),\r\n \"orderable\": false,\r\n \"searchable\": false,\r\n \"width\": \"80px\",\r\n \"className\": \"text-center\",\r\n \"visible\": true\r\n });\r\n\r\n return columns;\r\n },\r\n createdRow: function (row, data) {\r\n },\r\n editTaskClicked: function (e) {\r\n e.stopPropagation();\r\n\r\n let target = $(e.currentTarget),\r\n row = this.getRow(target.closest('tr'));\r\n this.editTask(row.data());\r\n },\r\n deleteTaskClicked: function (e) {\r\n e.stopPropagation();\r\n\r\n let target = $(e.currentTarget),\r\n row = this.getRow(target.closest('tr'));\r\n this.deleteTask(row.data());\r\n },\r\n onRowDoubleClick: function (row) {\r\n this.editTask(row.data());\r\n },\r\n editTask: function (task) {\r\n if (typeof this.options.onTaskEdit === 'function') {\r\n this.options.onTaskEdit(task);\r\n }\r\n },\r\n deleteTask: function (task) {\r\n if (typeof this.options.onTaskDelete === 'function') {\r\n this.options.onTaskDelete(task);\r\n }\r\n },\r\n getFilterData: function () {\r\n // let statusFilter = this.getFilter('status'),\r\n // filtered = _.filter(this.model.tasks.models, function (task) {\r\n // return !task.get('isSummaryTask');\r\n // }, this);\r\n // if (_.size(statusFilter) > 0) {\r\n // filtered = _.filter(filtered, function (task) {\r\n // return statusFilter.indexOf(task.status.id) !== -1;\r\n // }, this);\r\n // }\r\n\r\n let statusFilter = this.getFilter('status'),\r\n filtered = _.filter(this.model.tasks.models, function (task) {\r\n let summaryTaskId = task.get('summaryTaskId');\r\n return this.options.summaryTaskId !== task.id && (this.options.summaryTaskId === summaryTaskId || (this.options.summaryTaskId == null && summaryTaskId == null));\r\n }, this);\r\n if (_.size(statusFilter) > 0) {\r\n filtered = _.filter(filtered, function (task) {\r\n return statusFilter.indexOf(task.status.id) !== -1;\r\n }, this);\r\n }\r\n\r\n return filtered;\r\n },\r\n clearFilters: function () {\r\n this.statusFilterPicker.deselectAll();\r\n this.searchBar.val('');\r\n this.filterBidders();\r\n }\r\n});\r\n\r\nPJQ.views.schedule.TaskList = PJQ.views.BaseView.extend({\r\n defaults: {\r\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Task-List'),\r\n onTaskEdit: null,\r\n onTaskDelete: null,\r\n isShowCriticalPath: false,\r\n isAdmin: true\r\n },\r\n events: {},\r\n renderData: function () {\r\n return {\r\n model: this.model\r\n };\r\n },\r\n beforeRender: function () {\r\n if (this.options.settings == null) {\r\n if (this.options.project != null) {\r\n this.options.project.fetchScheduleSettings(_.bind(function (settingsRes) {\r\n this.settings = settingsRes;\r\n }, this));\r\n } else {\r\n PJQ.app.session.fetchScheduleSettings(_.bind(function (settingsRes) {\r\n this.settings = settingsRes;\r\n }, this));\r\n }\r\n }\r\n },\r\n afterRender: function () {\r\n this.dataTable = new PJQ.views.schedule.TaskListDataTable({\r\n el: this.$('.task-list'),\r\n model: this.model,\r\n isShowCriticalPath: this.options.isShowCriticalPath,\r\n isAdmin: this.options.isAdmin,\r\n settings: this.settings,\r\n afterTableRendered: _.bind(function(){\r\n if(typeof this.options.afterTableRendered === 'function'){\r\n this.options.afterTableRendered();\r\n }\r\n }, this),\r\n onTaskEdit: _.bind(function (task) {\r\n if (typeof this.options.onTaskEdit === 'function') {\r\n this.options.onTaskEdit(task);\r\n }\r\n }, this),\r\n onTaskDelete: _.bind(function (task) {\r\n if (typeof this.options.onTaskDelete === 'function') {\r\n this.options.onTaskDelete(task);\r\n }\r\n }, this),\r\n onTaskUpdateSummary: _.bind(function (task, summaryTaskId) {\r\n if (typeof this.options.onTaskUpdateSummary === 'function') {\r\n this.options.onTaskUpdateSummary(task, summaryTaskId);\r\n }\r\n }, this),\r\n });\r\n\r\n if(this.options.project != null){\r\n this.options.project.off('scheduleTaskChanged');\r\n this.options.project.on('scheduleTaskChanged', function(task, isNew, isSummaryUpdate = false, isDelete = false){\r\n let $scroll = this.dataTable.$el.find('.dataTables_scrollBody'),\r\n scrollY = $scroll.scrollTop();\r\n\r\n if(isSummaryUpdate){\r\n this.dataTable.render();\r\n } else if(task.get('summaryTaskId')){\r\n // levels tracks how many child tables we'll need to go through to get to the target child table\r\n // Work from the top down to find the child table we want\r\n let levels = 0,\r\n summaryTaskIds = [],\r\n taskTable = null,\r\n // findSummaryTask will start at the edited task, and work its way up to find the highest level task\r\n findSummaryTask = _.bind(function(t){\r\n levels++;\r\n if(t.get('summaryTaskId')){\r\n let summaryTask = this.model.tasks.get(t.get('summaryTaskId'));\r\n summaryTaskIds.push(summaryTask.id);\r\n // If the summary task also has a summaryTaskId, then keep going up\r\n if(summaryTask.get('summaryTaskId')){\r\n findSummaryTask(summaryTask);\r\n }\r\n }\r\n }, this);\r\n\r\n // initial call of findSummaryTask\r\n findSummaryTask(task);\r\n\r\n // Once we've found all the relevant tasks then we need to work from the top down to find the child table.\r\n let findDataTable = _.bind(function(table){\r\n // find the relevant child table\r\n let childTable = _.find(table.options.childDataTables, function(child){\r\n return summaryTaskIds.find((id) => id === child.options.summaryTaskId)\r\n }, this);\r\n\r\n // Reduce the levels. If levels is 0 then we've found the target table, otherwise we need to keep going.\r\n levels--;\r\n if(levels === 0){\r\n taskTable = childTable;\r\n } else{\r\n findDataTable(childTable);\r\n }\r\n }, this);\r\n\r\n // initial call of findDataTable. Will always start with the highest level table\r\n findDataTable(this.dataTable);\r\n\r\n // Assuming we've found the table successfully, then we can refresh or add a row. If we didn't find the table, then just re-render the whole table.\r\n if(taskTable != null) {\r\n if(isDelete){\r\n let row = taskTable.getRow(task.cid);\r\n if(row){\r\n taskTable.removeRow(row);\r\n }\r\n }\r\n else if (isNew) {\r\n taskTable.addRow(task);\r\n } else {\r\n taskTable.refresh();\r\n }\r\n }\r\n else{\r\n this.dataTable.render();\r\n }\r\n } else{\r\n if(isDelete){\r\n let row = this.dataTable.getRow(task.cid);\r\n if(row){\r\n this.dataTable.removeRow(row);\r\n }\r\n }\r\n else if(isNew){\r\n this.dataTable.addRow(task);\r\n } else{\r\n this.dataTable.refresh();\r\n }\r\n }\r\n this.dataTable.$el.find('.dataTables_scrollBody').scrollTop(scrollY);\r\n }, this);\r\n }\r\n }\r\n});\r\n","PJQ.views.schedule.TemplateManagement = PJQ.views.templates.TemplateManagement.extend({\r\n beforeFirstRender: function () {\r\n this.collection = new PJQ.collections.schedule.Templates();\r\n this.listenTo(this.collection, 'fetch', this.render);\r\n this.collection.fetch();\r\n },\r\n addTemplate: function () {\r\n new PJQ.views.templates.NewTemplateModal({\r\n model: new PJQ.models.schedule.Template(),\r\n onSave: _.bind(function (template) {\r\n this.collection.add(template);\r\n this.editTemplate(template);\r\n }, this)\r\n });\r\n },\r\n editTemplate: function (template) {\r\n new PJQ.views.schedule.EditTemplateModal({\r\n model: template,\r\n onClose: _.bind(function () {\r\n this.dataTable.refresh();\r\n }, this),\r\n onDelete: _.bind(function (template) {\r\n if (template.id > 0) {\r\n let row = this.dataTable.getRow(template.cid);\r\n this.collection.remove(template);\r\n template.destroy();\r\n this.dataTable.removeRow(row);\r\n }\r\n }, this)\r\n });\r\n }\r\n});\r\n\r\nPJQ.views.schedule.EditTemplateModal = PJQ.views.BaseModal.extend({\r\n defaults: {\r\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Edit-Template'),\r\n maxWidth: '90%',\r\n fitHeight: true,\r\n onClose: null\r\n },\r\n events: {\r\n 'click .btn-close': 'close',\r\n 'click .btn-delete': 'deleteTemplate'\r\n },\r\n beforeModalCreated: function () {\r\n this.listenTo(this.model, 'fetch', this.render);\r\n this.model.fetch();\r\n },\r\n renderData: function () {\r\n return {\r\n model: this.model\r\n };\r\n },\r\n afterRender: function () {\r\n if (this.model.isFetched) {\r\n // new PJQ.Alert(this.$('.manage-template-alert'), {\r\n // \ttext: \"Task start and finish dates are shown as they were originally saved. When importing these templates on a project, you will be asked to specify a start date. All task dates will be modified according using the start date provided.\",\r\n // \tisPrepend: true,\r\n // \tcookie: PJQ.constants.cookies.SCHEDULE_TEMPLATE_DATES_ORIGIN\r\n // });\r\n\r\n new PJQ.inputs.TextEditorInput({\r\n el: this.$('.edit-template-name'),\r\n label: 'Name',\r\n value: this.model.get('name'),\r\n onSave: _.bind(function (value) {\r\n this.model.patch({\r\n name: value\r\n });\r\n }, this)\r\n });\r\n\r\n new PJQ.views.schedule.ScheduleDashboard({\r\n el: this.$('.manage-template'),\r\n model: this.model\r\n });\r\n }\r\n },\r\n close: function () {\r\n if (typeof this.options.onClose === 'function') {\r\n this.options.onClose(this.model);\r\n }\r\n },\r\n deleteTemplate: function () {\r\n new PJQ.views.modals.DeleteCancel({\r\n header: \"Confirm Deletion\",\r\n body: \"Are you sure you want to delete this template?\",\r\n onDelete: _.bind(function () {\r\n if (typeof this.options.onDelete === 'function') {\r\n this.options.onDelete(this.model);\r\n }\r\n this.removeModal();\r\n }, this)\r\n });\r\n }\r\n});\r\n\r\nPJQ.views.schedule.SaveAsTemplateModal = PJQ.views.BaseModal.extend({\r\n defaults: {\r\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Save-As-Template'),\r\n maxWidth: 500\r\n },\r\n events: {\r\n 'click .btn-save': 'save'\r\n },\r\n beforeModalCreated: function () {\r\n this.model = new PJQ.models.schedule.Template({\r\n projectId: this.options.project.id\r\n });\r\n\r\n this.options.project.fetchScheduleTemplates(_.bind(function (tmp) {\r\n this.templates = tmp;\r\n this.render();\r\n }, this));\r\n },\r\n renderData: function () {\r\n return {\r\n templates: this.templates\r\n };\r\n },\r\n afterRender: function () {\r\n if (this.templates != null && this.templates.isFetched) {\r\n new PJQ.inputs.AutocompleteInput({\r\n el: this.$('.input-template-name'),\r\n source: _.map(this.templates.models, function (template) {\r\n return template.get('name')\r\n })\r\n });\r\n }\r\n },\r\n save: function () {\r\n let $name = this.$('.input-template-name'),\r\n name = $name.val();\r\n if (_.size(name.trim()) === 0) {\r\n PJQ.helpers.inputHelpers.setInputError($name);\r\n return;\r\n } else {\r\n PJQ.helpers.inputHelpers.setInputError($name, true);\r\n }\r\n\r\n let existingTemplate = this.templates.findWhere({name: name}),\r\n fnSave = _.bind(function () {\r\n this.model.set({\r\n name: name,\r\n copyAssignees: this.$('.input-copy-assignees').prop('checked'),\r\n copyDependencies: this.$('.input-copy-dependencies').prop('checked'),\r\n copyComments: this.$('.input-copy-comments').prop('checked'),\r\n copyAttachments: this.$('.input-copy-attachments').prop('checked')\r\n });\r\n this.model.save(null, {\r\n success: _.bind(function () {\r\n this.removeModal();\r\n PJQ.notifications.notify.successNotify({\r\n message: 'Schedule Template Created'\r\n });\r\n }, this)\r\n });\r\n }, this);\r\n if (existingTemplate != null) {\r\n new PJQ.views.modals.YesNo({\r\n header: \"Overwrite Template\",\r\n body: \"A template already exists with this name. Would you like to overwrite it?\",\r\n onYes: _.bind(function () {\r\n this.model.set('templateId', existingTemplate.id);\r\n fnSave();\r\n }, this)\r\n });\r\n } else {\r\n fnSave();\r\n }\r\n }\r\n});\r\n\r\nPJQ.views.schedule.UploadTemplateModal = PJQ.views.BaseModal.extend({\r\n defaults: {\r\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Upload-Template'),\r\n maxWidth: 500,\r\n onImport: null,\r\n weekendWork: true\r\n },\r\n events: {\r\n 'change .cb-weekend-work': 'weekendWorkChanged'\r\n },\r\n renderData: function () {\r\n return {\r\n weekendWork: this.options.weekendWork\r\n };\r\n },\r\n afterRender: function () {\r\n this.fileUploader = new PJQ.views.files.FileUploaderGrid({\r\n el: this.$('.template-uploader'),\r\n allowedExtensions: ['mpp', 'mpx', 'mspdi', 'pp'],\r\n endpoint: this.makeUploadEndpoint(),\r\n previewImageDimension: 150,\r\n onDrop: () => {\r\n this.$('.import-loading').removeClass('hidden');\r\n this.$('.btn-close').prop('disabled', true);\r\n },\r\n onSuccess: () => {\r\n if (typeof this.options.onImport === 'function') {\r\n this.options.onImport();\r\n }\r\n this.removeModal();\r\n }\r\n });\r\n },\r\n makeUploadEndpoint: function () {\r\n let params = [{\r\n parameter: 'weekendWork',\r\n value: this.options.weekendWork\r\n }];\r\n return PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.options.project.id\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'upload'\r\n }\r\n ], params)\r\n },\r\n weekendWorkChanged: function (e) {\r\n this.options.weekendWork = $(e.currentTarget).prop('checked');\r\n this.fileUploader.options.endpoint = this.makeUploadEndpoint();\r\n }\r\n});\r\n\r\nPJQ.views.schedule.ImportTemplateModal = PJQ.views.BaseModal.extend({\r\n defaults: {\r\n template: new PJQ.templating.Template(PJQ.constants.modules.SCHEDULE, 'Modal-Import-Template'),\r\n maxWidth: 500,\r\n onImport: null\r\n },\r\n events: {\r\n 'click .btn-import': 'save'\r\n },\r\n beforeModalCreated: function () {\r\n this.options.project.fetchScheduleTemplates(_.bind(function (tmp) {\r\n this.templates = tmp;\r\n this.render();\r\n }, this));\r\n },\r\n renderData: function () {\r\n return {\r\n templates: this.templates\r\n };\r\n },\r\n afterRender: function () {\r\n if (this.templates != null && this.templates.isFetched) {\r\n this.templatePicker = new PJQ.inputs.Selectpicker({\r\n el: this.$('.select-template'),\r\n onChange: _.bind(function (value) {\r\n this.selectedTemplate = this.templates.get(value);\r\n }, this),\r\n isIntChoices: true,\r\n noneSelectedText: 'Select Template'\r\n });\r\n\r\n this.startDate = _.size(this.options.project.get('startDate')) > 0 ? new Date(this.options.project.get('startDate')) : null;\r\n this.startDatePicker = new PJQ.inputs.Datepicker({\r\n el: this.$('.input-start-date'),\r\n datepickerOptions: {\r\n format: PJQ.helpers.dateHelpers.dateFormats.datePicker.DATE,\r\n defaultDate: this.startDate\r\n },\r\n onChange: _.bind(function (value) {\r\n this.startDate = value;\r\n }, this)\r\n });\r\n }\r\n },\r\n save: function () {\r\n let isValid = true;\r\n if (this.selectedTemplate == null) {\r\n this.templatePicker.showError();\r\n isValid = false;\r\n } else {\r\n this.templatePicker.hideError();\r\n }\r\n\r\n if (this.startDate == null) {\r\n this.startDatePicker.showError();\r\n isValid = false;\r\n } else {\r\n this.startDatePicker.hideError();\r\n }\r\n\r\n if (!isValid) {\r\n return;\r\n }\r\n\r\n new PJQ.ajax.Request({\r\n endpoint: PJQ.helpers.urlHelpers.generateEndpoint([\r\n {\r\n endpoint: 'projects',\r\n value: this.options.project.id\r\n },\r\n {\r\n endpoint: 'schedule'\r\n },\r\n {\r\n endpoint: 'import',\r\n value: this.selectedTemplate.id\r\n }\r\n ], [\r\n {\r\n parameter: 'start',\r\n value: PJQ.helpers.dateHelpers.getDateString(new Date(this.startDate), 'yyyy-MM-dd')\r\n },\r\n {\r\n parameter: 'importAssignees',\r\n value: this.$('.input-import-assignees').prop('checked')\r\n },\r\n {\r\n parameter: 'importDependencies',\r\n value: this.$('.input-import-dependencies').prop('checked')\r\n },\r\n {\r\n parameter: 'importComments',\r\n value: this.$('.input-import-comments').prop('checked')\r\n }, {\r\n parameter: 'importAttachments',\r\n value: this.$('.input-import-attachments').prop('checked')\r\n }\r\n ])\r\n }).put().done(_.bind(function (response) {\r\n if (typeof this.options.onImport === 'function') {\r\n let result = new PJQ.models.schedule.Schedule(response);\r\n result.isFetched = true;\r\n this.options.onImport(result);\r\n }\r\n this.removeModal();\r\n PJQ.notifications.notify.successNotify({\r\n message: 'Schedule Template Imported'\r\n });\r\n }, this));\r\n }\r\n});"]}