').append($('[data-action=\"campaign-advanced\"]').clone()).html());\r\n\t\t\t\tMDB.DPN.Campaigns.Editor.addButton($('
').append($('[data-action=\"campaign-concept\"]').clone()).html());\r\n\t\t\t\tMDB.DPN.Campaigns.initCampaignEditor(_modal);\r\n\t\t\t});\r\n\t\t},\r\n\t\tcampaignDetailsClick: function (button) {\r\n\t\t\tvar id = $(button).parents('tr').first().children().first().text();\r\n\t\t\twindow.location.href = _config.detailsUrl + '/' + id;\r\n\t\t},\r\n\t\tcampaignAnnotationClick: function (button) {\r\n\t\t\tvar title = '
' + MDB.loadResourceString('Button_Add');\r\n\t\t\tvar id = button ? $(button).parents('tr').first().children().first().text() : null;\r\n\t\t\t\r\n\t\t\tvar url = MDB.DPN.Campaigns.Editor.buildEditorUrl(_config.getEditor, \r\n\t\t\t\tMDB.DPN.Campaigns.Editor.type('CampaignAnnotationModel'), _editorState.create, id);\r\n\r\n\t\t\tMDB.DPN.Campaigns.Editor.load(title, url, null,\r\n\t\t\tfunction() {\r\n\t\t\t\tMDB.DPN.Campaigns.save($('#new-annotation-form'), \r\n\t\t\t\tMDB.loadResourceString('Dpn_Campaigns_Annotation_Saved_Successfully_Text')).done(function () {\r\n\t\t\t\t\t_kendo.annotationsGrid.dataSource.read().done(function(){\r\n\t\t\t\t\t\t_kendo.annotationsGrid.refresh();\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t},\r\n\t\tannotationDetailsClick: function (button) {\r\n\t\t\tvar model = MDB.KendoConfigBuilder.findGridRowModel(button);\r\n\t\t\tvar id = model.id;\r\n\t\t\t\r\n\t\t\tvar existing = $('#annotation-details-modal');\r\n\t\t\tvar modal = existing.length === 0 ? MDB.modal() : $('#annotation-details-modal');\r\n\t\t\tvar body = modal.find('.modal-body');\r\n\t\t\t\r\n\t\t\tmodal.prop('id', 'annotation-details-modal');\r\n\r\n\t\t\tbody.append($('
', { 'class': 'loading' }));\r\n\r\n\t\t\tbody.load('/Campaigns/AnnotationDetails/' + id, function() {\r\n\r\n\t\t\t\tmodal.find('.modal-content').addClass('annotation');\r\n\t\t\t\tvar type = modal.find('#Type').val();\r\n\r\n\t\t\t\tvar iconClass = \r\n\t\t\t\t\ttype == _annotationType.delivery ? 'fa fa-truck text-success' : \r\n\t\t\t\t\t(type == _annotationType.change || type == _annotationType.propositionChange) ? 'fa fa-random text-primary' :\r\n\t\t\t\t\ttype == _annotationType.attention ? 'fa fa-bell text-warning' : 'fa fa-info text-primary';\r\n\r\n\t\t\t\tvar header = modal.find('.modal-header');\r\n\t\t\t\t\r\n\t\t\t\theader.html([\r\n\t\t\t\t\t'
',\r\n\t\t\t\t\t' '\r\n\t\t\t\t\t].join(''));\r\n\r\n\t\t\t\theader.addClass('annotation');\r\n\r\n\t\t\t\tmodal.on('hidden.bs.modal', function () {\r\n\t\t\t\t header.removeClass(type.toLowerCase());\r\n\t\t\t\t modal.find('.modal-body').empty();\r\n\t\t\t\t});\r\n\r\n\t\t\t\tmodal.modal('show');\r\n\t\t\t});\r\n\t\t},\r\n\t\tcampaignDashboardClick: function (button) {\r\n\t\t\tvar model = MDB.KendoConfigBuilder.findGridRowModel(button);\r\n\t\t\tvar url = formatDashboardUrl(model.Name, model.StartDate, model.EndDate);\r\n\r\n\t\t\twindow.open(url, '_blank');\r\n\t\t},\r\n\t\tcampaignRapportClick: function (button) {\r\n\t\t\tvar me = $(button), \r\n\t\t\t\trow = me.closest('tr[data-uid]'), \r\n\t\t\t\tgrid = row.closest('.k-grid');\r\n\r\n\t\t\tvar ds = grid.data('kendoGrid').dataSource;\r\n\t\t\tvar model = ds.getByUid(row.data('uid'));\r\n\r\n\t\t\tMDB.DPN.Campaigns.beginCampaignExport(model.id);\r\n\t\t},\r\n\r\n\t\t//**********END Kendo Grid buttons**********\r\n\r\n\t\tloadTooltip: function (selector, text, opts) {\r\n if (opts === undefined) {\r\n opts = {\r\n placement: 'bottom'\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n selector.tooltip(opts);\r\n\r\n selector.mouseenter(function () {\r\n selector.attr('data-original-title', text);\r\n selector.tooltip('show');\r\n });\r\n\r\n selector.mouseleave(function () {\r\n selector.tooltip('hide');\r\n });\r\n\r\n selector.attr('data-original-title', text); \r\n },\r\n\t\tbeginCampaignExport: function (campaignId){\r\n\t\t\tvar onExportCreationFailed = function(){\r\n\t\t\t\tMDB.Notify.errorGrowl('Er is iets misgegaan bij het aanmaken van de export');\r\n\t\t\t};\r\n\t\r\n\t\t\tvar onExportCreationSuccess = function(){\r\n\t\t\t\tMDB.Notify.informationGrowl('Export gestart, binnen een paar minuten wordt er een notificatie met download link getoond');\r\n\t\t\t};\r\n\t\r\n\t\t\t//url, data, method, debug, noErrors\r\n\t\t\treturn MDB.executeWithSignalR(function(con){\r\n\t\t\t\tcon.TaskHub.server.registerUser.call(this)\r\n\t\t\t\t\t.done(function(){\r\n\t\t\t\t\t\tMDB.sendAjaxRequest(\r\n\t\t\t\t\t\t\tcontrollerBaseUrl + 'StartExport/' + campaignId,\r\n\t\t\t\t\t\t\tundefined,\r\n\t\t\t\t\t\t\t'POST',\r\n\t\t\t\t\t\t\tfalse,\r\n\t\t\t\t\t\t\ttrue\r\n\t\t\t\t\t\t).fail(onExportCreationFailed)\r\n\t\t\t\t\t\t\t.done(onExportCreationSuccess);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.fail(onExportCreationFailed);\r\n\t\t\t}).fail(onExportCreationFailed);\r\n\t\t}\r\n\t});\r\n\t\r\n\tfunction formatDashboardUrl(campaignName, startDate, endDate) {\r\n\t\tvar dateRange = MDB.DPN.Campaigns.getDateRange();\r\n\t\t\r\n\t\tstartDate = startDate == null ? \r\n\t\t\t[moment(dateRange.startDate).format('YYYY-MM-DD')] :\r\n\t \t\t[moment(startDate).format('YYYY-MM-DD')];\r\n\r\n\t \tednDate = endDate === undefined ?\r\n\t \t\t[moment(dateRange.endDate).format('YYYY-MM-DD')] :\r\n\t \t\tendDate === null ? [moment(new Date('2099-12-31T00:00:00')).format('YYYY-MM-DD')] :\r\n\t \t\t[moment(endDate).format('YYYY-MM-DD')];\r\n\r\n\t\treturn MDB.Charts.appendFiltersToUrl(\r\n\t\t\t_config.dashboardUrl,\r\n\t\t\t[{\r\n\t\t\t\tfilterId: _config.dashboardNameFilterAttributeId,\r\n\t\t\t\tvalues: [campaignName]\r\n\t\t\t}, {\r\n\t\t\t\tfilterId: 'startDate',\r\n\t\t\t\tvalues: startDate\r\n\t\t\t}, {\r\n\t\t\t\tfilterId: 'endDate',\r\n\t\t\t\tvalues: ednDate\r\n\t\t\t}]\r\n\t\t);\r\n\t}\r\n\r\n\tfunction addButtonHandlers(selector) {\r\n\t\tselector = $(selector);\r\n\t\tvar form = selector.find('form');\r\n\r\n\t\tselector.find('[data-action=\"all-titles\"]').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tMDB.DPN.Campaigns.Editor.kendoListBoxSelectAll(selector.find(\"#Titles\").getKendoMultiSelect());\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"select-atl\"]').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tMDB.DPN.Campaigns.Editor.kendoListBoxSelectTypeChannels(selector.find(\"#Channels\").getKendoMultiSelect(), 'atl');\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"select-btl\"]').click(function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tMDB.DPN.Campaigns.Editor.kendoListBoxSelectTypeChannels(selector.find(\"#Channels\").getKendoMultiSelect(), 'btl');\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"campaign-save\"]').click(function (e) {\r\n\t\t\tcampaignSaveClick(e, form, _modelState.active);\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"campaign-concept\"]').click(function (e) {\r\n\t\t\tcampaignSaveClick(e, form, _modelState.concept);\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"campaign-advanced\"]').click(function (e) {\r\n\t\t\tcampaignAdvancedClick(e, form);\r\n\t\t});\r\n\r\n\t\tselector.find('[data-action=\"campaign-details\"]').click(function (e) {\r\n\t\t\tcampaignAdvancedClick(e, form);\r\n\t\t});\r\n\t}\r\n\r\n\tfunction campaignAdvancedClick(e, form) {\r\n\t\te.preventDefault();\r\n\t\tform.attr('action', _config.advancedUrl);\r\n\t\tform.submit();\r\n\t}\r\n\r\n\tfunction campaignSaveClick(e, form, state){\r\n\t\te.preventDefault();\r\n\t\t\r\n\t\tif(state == _modelState.active) {\r\n\t\t\tsaveWithPrompt(form, state);\r\n\t\t} else {\r\n\t\t\tsave(form, state);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction saveWithPrompt(form, state) {\r\n\t\tMDB.promptWithIcon(\r\n\t\t\tMDB.loadResourceString('Campaigns_Save_Campaign_Prompt_Title'), \r\n\t\t\tMDB.loadResourceString('Campaigns_Save_Campaign_Prompt_Body'), \r\n\t\t\t'fa fa-exclamation-triangle text-warning',\r\n\t\t\tfunction(ok) {\r\n\t\t\t\tif(ok) {\r\n\t\t\t\t\tsave(form, state);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n\r\n\tfunction save(form, state) {\r\n\t\tif(form.valid()) {\r\n\t\t\tform.find('#State').val(state);\r\n\r\n\t\t\tMDB.DPN.Campaigns.save(form, MDB.loadResourceString('Dpn_Campaigns_Saved_Successfully_Text')).done(function () {\r\n\t\t\t\t_kendo.conceptGrid.dataSource.read().done(function(){\r\n\t\t\t\t\t_kendo.conceptGrid.refresh();\r\n\t\t\t\t});\r\n\t\t\t\t_kendo.pendingGrid.dataSource.read().done(function(){\r\n\t\t\t\t\t_kendo.pendingGrid.refresh();\r\n\t\t\t\t});\r\n\t\t\t\t_kendo.activeGrid.dataSource.read().done(function(){\r\n\t\t\t\t\t_kendo.activeGrid.refresh();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n})();","var MDB = window.MDB || {};;\r\nMDB.MyAvg = MDB.MyAvg || {};\r\nMDB.MyAvg.Export = MDB.MyAvg.Export || {};\r\n\r\n(function() {\r\n $.extend(MDB.MyAvg.Export, {\r\n boot: function () {\r\n $('.project-checkbox').on('change', function (e, isSystemEvent) {\r\n if (isSystemEvent) {\r\n return;\r\n }\r\n\r\n var checked = this.checked;\r\n var container = $(this).closest('.project-container');\r\n\r\n var allProjectCheckboxes = container.find('.project-checkbox');\r\n var checkedProjectCheckboxes = allProjectCheckboxes.filter(':checked');\r\n var allCheckbox = container.find('.project-checkbox-all');\r\n\r\n if (checked) {\r\n if (checkedProjectCheckboxes.length === allProjectCheckboxes.length) {\r\n if (allCheckbox.is(':not(:checked)')) {\r\n allCheckbox.trigger('click', [true]);\r\n }\r\n }\r\n } else {\r\n if (checkedProjectCheckboxes.length !== allProjectCheckboxes.length) {\r\n if (allCheckbox.is(':checked')) {\r\n allCheckbox.trigger('click', [true]);\r\n }\r\n }\r\n }\r\n });\r\n\r\n $('.project-checkbox-all').on('change', function (e, isSystemEvent) {\r\n if (isSystemEvent) {\r\n return;\r\n }\r\n\r\n var checked = this.checked;\r\n var container = $(this).closest('.project-container');\r\n\r\n var allProjectCheckboxes = container.find('.project-checkbox');\r\n var checkedProjectCheckboxes = allProjectCheckboxes.filter(':checked');\r\n var uncheckedProjectCheckboxes = allProjectCheckboxes.filter(':not(:checked)');\r\n \r\n var toggledCheckboxes;\r\n\r\n if (checked) {\r\n if (checkedProjectCheckboxes.length !== allProjectCheckboxes.length) {\r\n toggledCheckboxes = uncheckedProjectCheckboxes;\r\n }\r\n } else {\r\n if (checkedProjectCheckboxes.length === allProjectCheckboxes.length) {\r\n toggledCheckboxes = checkedProjectCheckboxes;\r\n }\r\n }\r\n \r\n if (toggledCheckboxes) {\r\n toggledCheckboxes.trigger('click', [true]);\r\n }\r\n });\r\n }\r\n });\r\n})();","var MDB = window.MDB || {};\r\nMDB.DPN = MDB.DPN || {};\r\nMDB.DPN.Offers = MDB.DPN.Offers || {};\r\nMDB.DPN.Offers.Requests = MDB.DPN.Offers.Requests || {};\r\n\r\n(function ($) {\r\n var form = $('.save-request-form')\r\n , crudServiceBaseUrl = '/api/DPN/Offers'\r\n , dropdownConfigs = form.data('dropdown-config')\r\n , multiDropdownFields = ['TitleIds', 'ChannelIds'];\r\n\r\n function dropdownEditor(container, opts, callback, configName) {\r\n configName = configName || opts.field;\r\n var config = dropdownConfigs[configName];\r\n \r\n callback = callback || $.noop;\r\n\r\n //Due to Kendo's handling of null values, we have to set the field manually\r\n config.change = function (e) {\r\n opts.model[opts.field] = e.sender.value();\r\n callback(opts.model, _.find(config.dataSource.data, { Value: opts.model[opts.field] }));\r\n opts.model.dirty = true;\r\n };\r\n\r\n var type = multiDropdownFields.indexOf(opts.field) !== -1 ? 'kendoMultiSelect' : 'kendoDropDownList';\r\n return MDB.KendoConfigBuilder.gridDropdownEditor(container, opts.field, undefined, config, opts, type);\r\n }\r\n \r\n function customDropdownEditor(container, opts) {\r\n var config = dropdownConfigs[opts.field];\r\n var isCustom = !_.find(config.dataSource.data, {Value: opts.model[opts.field]});\r\n \r\n var isCustomCheckbox = $('
', {\r\n type: 'checkbox',\r\n title: 'Vrije invoer',\r\n checked: isCustom,\r\n css: { 'margin-right': '5px' }\r\n });\r\n \r\n var customInput = $('
', {\r\n class: 'k-input k-textbox hidden custom-input',\r\n value: opts.model[opts.field],\r\n css: { 'width': '80%' }\r\n });\r\n\r\n container.append(isCustomCheckbox);\r\n container.append(customInput);\r\n\r\n var dropdownInput = dropdownEditor(container, opts, function (model) {\r\n customInput.val(model[opts.field]);\r\n });\r\n \r\n dropdownInput = $(dropdownInput.data('kendoDropDownList').wrapper);\r\n dropdownInput.width('80%');\r\n dropdownInput.addClass('custom-input');\r\n \r\n customInput.on('change', function () {\r\n opts.model[opts.field] = this.value;\r\n opts.model.dirty = true;\r\n });\r\n \r\n isCustomCheckbox.on('change', function () {\r\n var hiddenInput = this.checked ? dropdownInput : customInput;\r\n var displayedInput = this.checked ? customInput : dropdownInput;\r\n \r\n hiddenInput.addClass('hidden');\r\n displayedInput.removeClass('hidden');\r\n });\r\n\r\n isCustomCheckbox.trigger('change');\r\n }\r\n\r\n function multiSelectEditor(container, opts){\r\n var config = dropdownConfigs[opts.field];\r\n config.autoClose = false;\r\n\r\n dropdownEditor(container, opts);\r\n \r\n // MDB.KendoConfigBuilder.gridDropdownEditor(container, opts.field, undefined, config, opts, 'kendoMultiSelect');\r\n }\r\n\r\n function shapeData(opts, model){\r\n multiDropdownFields.forEach(function (field) {\r\n //Newly added values are formatted as .NET SelectListItem entities\r\n var items = _.filter(opts.data[field], _.isString)\r\n , newValues = _.filter(opts.data[field], _.isObject);\r\n\r\n opts.data[field] = _.concat(items, _.map(newValues, 'Value'));\r\n });\r\n\r\n opts.data.RequestId = model.Id;\r\n\r\n return opts;\r\n }\r\n \r\n function dropdownDisplayValue(model, field, configName){\r\n configName = configName || field;\r\n var config = dropdownConfigs[configName];\r\n \r\n var selectedValues = [];\r\n var fieldValue = model[field];\r\n \r\n if (!fieldValue) {\r\n return '';\r\n }\r\n\r\n if (multiDropdownFields.indexOf(field) !== -1){\r\n selectedValues = _.filter(config.dataSource.data, function(item){\r\n return fieldValue.indexOf(item.Value) !== -1; \r\n });\r\n } else{\r\n selectedValues = _.filter(config.dataSource.data, {Value: fieldValue.toString()});\r\n }\r\n \r\n return _.map(selectedValues, 'Text').join(', ');\r\n }\r\n \r\n function syncAndReloadGrid(grid) {\r\n grid = $(grid);\r\n var kGrid = grid.data('kendoGrid');\r\n \r\n var ds = kGrid.dataSource;\r\n \r\n ds.sync().then(function () {\r\n ds.read()\r\n .then(function () {\r\n kGrid.refresh(); \r\n });\r\n });\r\n }\r\n \r\n $.extend(MDB.DPN.Offers.Requests, {\r\n boot: function (model) {\r\n //Blank row to allow nulls\r\n //dropdownConfigs['PremiumId'].optionLabel = 'Geen premium';\r\n var grids = [];\r\n\r\n var cloneTitleIdsForType = function(type, map){\r\n var clone = _.cloneDeep(dropdownConfigs['TitleIds']);\r\n var titlesOfType = MDB.DPN.Offers.getTitles(type);\r\n \r\n clone.dataSource.data = _.map(_.filter(clone.dataSource.data, function(item){\r\n return titlesOfType.indexOf(item.Text) !== -1 \r\n }), map);\r\n \r\n return clone;\r\n };\r\n \r\n dropdownConfigs['TitleIds-bab'] = cloneTitleIdsForType('bab', function (o) {\r\n return o \r\n });\r\n dropdownConfigs['TitleIds-ban'] = cloneTitleIdsForType('ban', function(o) {\r\n return o \r\n });\r\n dropdownConfigs['ProductNames-p5'] = cloneTitleIdsForType('p5', function(o) {\r\n return { Text: o.Text, Value: o.Text }\r\n });\r\n \r\n form.find('.kendo-dropdown').kendoDropDownList({\r\n filter: 'contains'\r\n });\r\n\r\n var datePicker = form.find('[name$=\"DeadlineValue\"]');\r\n \r\n datePicker.kendoDatePicker({\r\n dateInput: true,\r\n format: 'dd-MM-yyyy',\r\n min: new Date()\r\n });\r\n \r\n var kLabelSelector = MDB.KendoConfigBuilder.extendablebleMultiDropdown(form.find('[name$=\"Labels\"]'));\r\n kLabelSelector.value(model.Labels);\r\n kLabelSelector.enable(model.EnableRequestEditing);\r\n $(kLabelSelector.wrapper).removeClass('hidden');\r\n \r\n MDB.DPN.Offers.Requests.bindToggleableSelections(form);\r\n \r\n if (model.IsNewSite){\r\n form.find('[name$=\"IsNewSite\"]').trigger('change');\r\n }\r\n\r\n $('.action-handler').on('click', function () {\r\n var $this = $(this);\r\n \r\n var action = $this.data('action');\r\n var shouldSave = action === 'save';\r\n\r\n grids.forEach(function (grid) {\r\n $(grid).data('kendoGrid').dataSource.sync();\r\n });\r\n \r\n if (action === 'publish'){\r\n shouldSave = true;\r\n \r\n var allRowsApproved = MDB.trueForAll(function () {\r\n return _.map(['.ban-rows-grid', '.p5-rows-grid'], function (selector) {\r\n var grid = $(selector).data('kendoGrid');\r\n \r\n //Ensure all rows are approved or declined\r\n return MDB.trueForAll(_.map(grid.dataSource.data(), function(obj){\r\n return obj.Status !== 0\r\n }));\r\n });\r\n });\r\n \r\n if (!allRowsApproved) {\r\n MDB.alert(MDB.loadResourceString('OfferRequest_NotAllRowsApproved_Message'));\r\n return;\r\n }\r\n }\r\n \r\n if (action === 'create-site'){\r\n shouldSave = true;\r\n form.find('[name$=\"CreateSite\"]').val(true);\r\n }\r\n \r\n if (action === 'submit'){\r\n shouldSave = true;\r\n \r\n $.ajax({\r\n url: '/api/DPN/Offers/DuplicateRequestRowGroups?requestId=' + model.Id,\r\n success: function(data){\r\n if (data && data.length && !MDB.DPN.Offers.Requests.allowDuplicates){\r\n var grid = $('.concept-rows-grid').data('kendoGrid');\r\n var ds = grid.dataSource;\r\n\r\n data.forEach(function (id) {\r\n //Colour is automatically removed when the row is edited\r\n $('[data-uid=\"' + ds.get(id).uid + '\"]').css({'background-color': '#dd4b39'})\r\n });\r\n\r\n MDB.DPN.Offers.Requests.allowDuplicates = true;\r\n } else{\r\n MDB.DPN.Offers.Requests.submitRequestForm(form, $this);\r\n }\r\n }\r\n });\r\n \r\n return;\r\n }\r\n \r\n if (action === 'decline'){\r\n shouldSave = true;\r\n\r\n var declineReason = form.find('[name$=\"DeclineReason\"]');\r\n if (!declineReason.val()){\r\n var clone = declineReason.clone();\r\n \r\n var declinePopup = MDB.modal({\r\n buttons: [\r\n '
Ok '\r\n ],\r\n shapeHtml: function(html){\r\n html = $(html);\r\n\r\n var body = html.find('.modal-body');\r\n body.append('
Vul een afkeur reden in ');\r\n body.append(clone);\r\n\r\n return html;\r\n }\r\n });\r\n\r\n $(declinePopup).on('click', '.btn-ok', function () {\r\n declineReason.val(clone.val());\r\n $this.trigger('click'); \r\n });\r\n \r\n return;\r\n }\r\n }\r\n \r\n if (action === 'template-rows' || action === 'template-request'){\r\n shouldSave = false;\r\n \r\n var templatePopup = MDB.modal({\r\n buttons: [\r\n sprintf('
%s ', $this.data('okButton'))\r\n ] ,\r\n shapeHtml: function (html) {\r\n html.find('.modal-body').addClass('loading');\r\n }\r\n });\r\n\r\n templatePopup = $(templatePopup);\r\n \r\n $.ajax({\r\n url: $this.data('formUrl'),\r\n success: function (html) {\r\n html = $(html);\r\n \r\n var body = templatePopup.find('.modal-body');\r\n body.removeClass('loading');\r\n body.html(html);\r\n \r\n html.find('.dropdown-single').kendoDropDownList();\r\n html.find('.dropdown-multi').kendoMultiSelect({\r\n autoClose: false,\r\n filter: 'contains'\r\n });\r\n \r\n MDB.DPN.Offers.Requests.bindToggleableSelections(html);\r\n\r\n // html.find('[name$=\"IsNewSite\"]').on('click', function () {\r\n // MDB.DPN.Offers.Requests.toggleSiteSelection(html);\r\n // });\r\n },\r\n error: function (err) {\r\n MDB.alert(err.statusText);\r\n }\r\n });\r\n \r\n templatePopup.on('click', '.btn-ok', function () {\r\n templatePopup.find('form.template-form').submit();\r\n });\r\n }\r\n\r\n if (shouldSave){\r\n MDB.DPN.Offers.Requests.submitRequestForm(form, $this);\r\n }\r\n });\r\n \r\n if (!model.IsNew) {\r\n if (model.Status === 0) {\r\n MDB.DPN.Offers.Requests.initializeConceptsGrid('.concept-rows-grid', model);\r\n \r\n grids.push('.concept-rows-grid');\r\n } else{\r\n MDB.DPN.Offers.Requests.initializeBanRowGrid('.ban-rows-grid', model);\r\n MDB.DPN.Offers.Requests.initializeP5RowGrid('.p5-rows-grid', model);\r\n MDB.DPN.Offers.Requests.initializeBabRowGrid('.bab-rows-grid', model);\r\n MDB.DPN.Offers.Requests.initializeCampaignsGrid('.campaign-rows-grid', model);\r\n\r\n grids.push('.campaign-rows-grid', '.p5-rows-grid','.ban-rows-grid');\r\n }\r\n }\r\n },\r\n submitRequestForm: function (form, context) {\r\n var $context = $(context);\r\n \r\n form.find('[name=\"SaveAction\"]').val($context.data('save-action'));\r\n form.find('[name=\"Status\"]').val($context.data('request-status'));\r\n\r\n if (form.valid()){\r\n form.submit();\r\n }\r\n },\r\n bindToggleableSelections: function(form){\r\n form.on('change', '.custom-selection-toggle', function () {\r\n var container = $(this).closest('.custom-selection-container');\r\n \r\n var hiddenContainer = container.find('.control-container.hidden')\r\n , displayedContainer = container.find('.control-container:not(.hidden)')\r\n , hiddenInput = hiddenContainer.find('input') \r\n , displayedInput = displayedContainer.find('input');\r\n\r\n displayedContainer.addClass('hidden');\r\n hiddenContainer.removeClass('hidden');\r\n \r\n var displayedKControl = displayedInput.data('kendoDropDownList');\r\n var hiddenKControl = hiddenInput.data('kendoDropDownList');\r\n\r\n if (displayedKControl) {\r\n displayedKControl.enable(false);\r\n }\r\n if (hiddenKControl) {\r\n hiddenKControl.enable(true);\r\n }\r\n \r\n displayedInput.attr('disabled', 'disabled');\r\n hiddenInput.attr('disabled', null);\r\n });\r\n },\r\n initializeBanRowGrid: function (selector, model) {\r\n var grid = $(selector);\r\n\r\n var gridConfig = {\r\n dataSource: new kendo.data.DataSource({\r\n pageSize: 20,\r\n transport: {\r\n read: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/RequestRows?requestId=%s&type=ban', model.Id), 'GET', opts);\r\n },\r\n update: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRow', 'PUT', shapeData(opts, model));\r\n },\r\n create: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRow', 'POST', shapeData(opts, model));\r\n }\r\n },\r\n schema: {\r\n model: {\r\n 'id': 'Id',\r\n fields: {\r\n Id: {type: 'number'},\r\n GroupingId: {},\r\n ProductName: { defaultValue: MDB.DPN.Offers.defaultBanTitle },\r\n ProductId: {},\r\n TypeName: {editable: false},\r\n Type: {},\r\n Duration: {},\r\n Price: {type: 'number' },\r\n PriceUnit: {},\r\n PriceUnitName: {editable: false},\r\n DiscountPercentage: {type: 'number'},\r\n Premium: {editable: false},\r\n PremiumId: {type: 'number' },\r\n PromotionType: {},\r\n ChannelIds: {},\r\n Source: {},\r\n SupplierName: {},\r\n SupplierId: {},\r\n Prom: {type: 'number', editable: false},\r\n Prke: {type: 'number'},\r\n BanP5Prom: {type: 'number'},\r\n BanP5Prke: {type: 'number'},\r\n Comment: {},\r\n Status: {type: 'number'},\r\n PrkeValues: {},\r\n PrkeName: {editable: false}\r\n }\r\n }\r\n }\r\n }),\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [{\r\n field: 'Id',\r\n hidden: true\r\n },{\r\n field: 'GroupingId',\r\n hidden: true\r\n }, {\r\n field: 'ProductId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function(model, option) {\r\n model['ProductName'] = option.Text; \r\n }, 'TitleIds-ban');\r\n },\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ProductId', 'TitleIds-ban'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'ProductName',\r\n hidden: true,\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName')\r\n }, {\r\n field: 'Type',\r\n title: MDB.loadResourceString('OfferRequestRowModel_TypeName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Type'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Duration',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DurationName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Duration'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Price',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Price_DisplayName'),\r\n format: '{0:c}',\r\n width: 125\r\n }, {\r\n field: 'PriceUnit',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PriceUnitName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PriceUnit'); \r\n },\r\n width: 125\r\n },{\r\n field: 'DiscountPercentage',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DiscountPercentage_DisplayName'),\r\n template: '#= _.isNumber(DiscountPercentage) ? kendo.format(\"{0:p}\", DiscountPercentage / 100) : \"\"#',\r\n width: 100\r\n },{\r\n field: 'PremiumId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Premium_DisplayName'),\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PremiumId') \r\n },\r\n editor: dropdownEditor,\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'PromotionType',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PromotionType_DisplayName'),\r\n editor: customDropdownEditor,\r\n // template: function (model) { return dropdownDisplayValue(model, 'PromotionType'); },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'ChannelIds',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Channel_DisplayName'),\r\n editor: multiSelectEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ChannelIds'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Source',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Source_DisplayName'),\r\n editor: customDropdownEditor,\r\n width: 150\r\n }, {\r\n field: 'SupplierId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_SupplierName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function (model, option) {\r\n model.SupplierName = option.Text; \r\n })\r\n },\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'SupplierId'); \r\n },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'Prom',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Prom_DisplayName'),\r\n width: 75\r\n },{\r\n field: 'Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Prke_DisplayName'),\r\n width: 325\r\n }, {\r\n field: 'PrkeName',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PrkeName_DisplayName'),\r\n width: MDB.KendoConfigBuilder.mediumLargeColumnWidth\r\n }, {\r\n field: 'BanP5Prom',\r\n title: 'BanP5Prom',\r\n width: 100\r\n }, {\r\n field: 'BanP5Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_BanP5Prke_DisplayName'),\r\n width: 100\r\n }, {\r\n field: 'Comment',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Comment_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'Labels',\r\n title: 'Labels',\r\n width: MDB.KendoConfigBuilder.mediumColumnWidth,\r\n template: function(model){\r\n return (model.Labels || []).join(', ');\r\n },\r\n editor: function (container, opts) {\r\n container.append($('
'));\r\n\r\n var kLabelSelector = MDB.KendoConfigBuilder.extendablebleMultiDropdown(container.find('select'), {\r\n change: function () {\r\n opts.model.set('Labels', this.value()); \r\n },\r\n dataTextField: 'text',\r\n dataValueField: 'value',\r\n dataSource: MDB.KendoConfigBuilder.arrayDataSource(opts.model.Labels)\r\n });\r\n\r\n kLabelSelector.value(opts.model.Labels);\r\n }\r\n }, {\r\n field: 'Status',\r\n title: 'Goedgekeurd/Afgekeurd',\r\n width: 200\r\n }],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n toolbar: ['excel'],\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: true,\r\n editable: true\r\n };\r\n \r\n MDB.DPN.Offers.Requests.initReviewGrid(grid, gridConfig, model, 'ban');\r\n },\r\n initializeP5RowGrid: function (selector, model) {\r\n var grid = $(selector);\r\n\r\n var gridConfig = {\r\n dataSource: new kendo.data.DataSource({\r\n pageSize: 10,\r\n transport: {\r\n read: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/RequestRows?requestId=%s&type=p5', model.Id), 'GET', opts);\r\n },\r\n update: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/P5RequestRow', 'PUT', shapeData(opts, model));\r\n },\r\n create: function(opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRow', 'POST', shapeData(opts, model));\r\n }\r\n },\r\n schema: {\r\n model: {\r\n 'id': 'GroupingId',\r\n fields: {\r\n Ids: {editable: false},\r\n GroupingId: {},\r\n ProductName: { },\r\n ProductId: { defaultValue: MDB.DPN.Offers.defaultP5TitleId },\r\n TypeName: {editable: false},\r\n Type: {},\r\n Duration: {},\r\n Price: {type: 'number' },\r\n PriceUnit: {},\r\n PriceUnitName: {editable: false},\r\n DiscountPercentage: {type: 'number'},\r\n Premium: {editable: false},\r\n PremiumId: {type: 'number'},\r\n PromotionType: {},\r\n ChannelIds: {},\r\n Source: {},\r\n SupplierName: {},\r\n SupplierId: {},\r\n Werfsleutel: {},\r\n Abosoort: {},\r\n Verschijnwijze: {},\r\n Betaalwijze: {},\r\n Betaalfrequentie: {},\r\n Prijsgroep: {},\r\n Premie: {},\r\n Premiegroep: {},\r\n Looptijd: {type: 'number'},\r\n Periode: {},\r\n Omschrijving: {},\r\n Medium: {},\r\n FollowUp: {},\r\n Prke: {type: 'number'},\r\n BanP5Prke: {type: 'number'},\r\n BanP5Prom: {type: 'number' },\r\n Comment: {},\r\n Labels: {},\r\n Status: {type: 'number'},\r\n PrkeValues: {},\r\n PrkeName: {editable: false}\r\n }\r\n }\r\n }\r\n }),\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [{\r\n field: 'Ids',\r\n hidden: true\r\n },{\r\n field: 'GroupingId',\r\n hidden: true\r\n },{\r\n field: 'ProductId',\r\n hidden: true\r\n }, {\r\n field: 'ProductName',\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function(model, option) {\r\n model['ProductId'] = MDB.DPN.Offers.getTitleId(option.Value); \r\n }, 'ProductNames-p5') \r\n },\r\n width: 100\r\n }, {\r\n field: 'Type',\r\n title: MDB.loadResourceString('OfferRequestRowModel_TypeName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Type'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Duration',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DurationName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Duration'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Price',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Price_DisplayName'),\r\n format: '{0:c}',\r\n width: 125\r\n }, {\r\n field: 'PriceUnit',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PriceUnitName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PriceUnit'); \r\n },\r\n width: 125\r\n },{\r\n field: 'DiscountPercentage',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DiscountPercentage_DisplayName'),\r\n template: '#= _.isNumber(DiscountPercentage) ? kendo.format(\"{0:p}\", DiscountPercentage / 100) : \"\"#',\r\n width: 100\r\n }, {\r\n field: 'PremiumId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Premium_DisplayName'),\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PremiumId') \r\n },\r\n editor: dropdownEditor,\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n },{\r\n field: 'PromotionType',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PromotionType_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PromotionType'); \r\n },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'ChannelIds',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Channel_DisplayName'),\r\n editor: multiSelectEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ChannelIds'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Source',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Source_DisplayName'),\r\n editor: customDropdownEditor,\r\n width: 150\r\n }, {\r\n field: 'SupplierId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_SupplierName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function (model, option) {\r\n model.SupplierName = option.Text; \r\n })\r\n },\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'SupplierId')\r\n },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Prke_DisplayName'),\r\n width: 325\r\n }, {\r\n field: 'PrkeName',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PrkeName_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n },{\r\n field: 'BanP5Prom',\r\n title: 'BanP5Prom',\r\n width: 100\r\n }, {\r\n field: 'BanP5Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_BanP5Prke_DisplayName'),\r\n width: 100\r\n }, {\r\n field: 'Werfsleutel',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Werfsleutel_DisplayName'),\r\n width: 100,\r\n editor: disableTextboxEditorWhenBanP5PrkeIsPresent\r\n },{\r\n field: 'Abosoort',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Abosoort_DisplayName'),\r\n width: 100,\r\n editor: disableTextboxEditorWhenBanP5PrkeIsPresent\r\n }, {\r\n field: 'Verschijnwijze',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Verschijnwijze_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Verschijnwijze'); \r\n }\r\n }, {\r\n field: 'Betaalwijze',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Betaalwijze_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Betaalwijze'); \r\n }\r\n }, {\r\n field: 'Betaalfrequentie',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PriceUnitName_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Betaalfrequentie'); \r\n }\r\n }, {\r\n field: 'Prijsgroep',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Prijsgroep_DisplayName'),\r\n width: 100,\r\n editor: disableTextboxEditorWhenBanP5PrkeIsPresent\r\n }, {\r\n field: 'Premie',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Premie_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Premie'); \r\n }\r\n }, {\r\n field: 'Premiegroep',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Premiegroep_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Premiegroep'); \r\n }\r\n }, {\r\n field: 'Looptijd',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DurationName_DisplayName'),\r\n width: 100,\r\n editor: disableNumberEditorWhenBanP5PrkeIsPresent\r\n }, {\r\n field: 'Periode',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Periode_DisplayName'),\r\n width: 150,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Periode'); \r\n }\r\n }, {\r\n field: 'Omschrijving',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Omschrijving_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableTextboxEditorWhenBanP5PrkeIsPresent\r\n }, {\r\n field: 'Medium',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_Medium_DisplayName'),\r\n width: 150,\r\n editor: disableDropdownEditorWhenBanP5PrkeIsPresent,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Medium'); \r\n }\r\n }, {\r\n field: 'FollowUp',\r\n title: MDB.loadResourceString('OfferRequestP5RowModel_FollowUp_DisplayName'),\r\n width: 75,\r\n template: MDB.KendoConfigBuilder.gridBooleanYesNoTemplate('FollowUp'),\r\n editor: disableCheckboxEditorWhenBanP5PrkeIsPresent\r\n },{\r\n title: 'P5 PRKE aanmaken',\r\n width: 100,\r\n template: function (model) { \r\n return model.BanP5Prke ? '' : '
'\r\n }\r\n }, {\r\n field: 'Comment',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Comment_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth,\r\n editor: disableTextboxEditorWhenBanP5PrkeIsPresent\r\n }, {\r\n field: 'Labels',\r\n title: 'Labels',\r\n width: MDB.KendoConfigBuilder.mediumColumnWidth,\r\n template: function(model){\r\n return (model.Labels || []).join(', ');\r\n },\r\n editor: function (container, opts) {\r\n container.append($('
'));\r\n\r\n var kLabelSelector = MDB.KendoConfigBuilder.extendablebleMultiDropdown(container.find('select'), {\r\n change: function () {\r\n opts.model.set('Labels', this.value()); \r\n },\r\n dataTextField: 'text',\r\n dataValueField: 'value',\r\n dataSource: MDB.KendoConfigBuilder.arrayDataSource(opts.model.Labels)\r\n });\r\n\r\n kLabelSelector.value(opts.model.Labels);\r\n }\r\n }, {\r\n field: 'Status',\r\n title: 'Goedgekeurd/Afgekeurd',\r\n width: 200\r\n }],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n toolbar: ['excel'],\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: true,\r\n editable: true\r\n };\r\n \r\n function disableCheckboxEditorWhenBanP5PrkeIsPresent(container, opts){\r\n disableEditorWhenBanP5PrkeIsPresent(container, opts, MDB.KendoConfigBuilder.gridCheckboxEditor, function (opts) {\r\n //Mimic display template rendering\r\n var template = MDB.KendoConfigBuilder.gridBooleanYesNoTemplate(opts.field);\r\n var kTemplate = new kendo.template(template);\r\n return kTemplate(opts.model);\r\n });\r\n }\r\n\r\n function disableTextboxEditorWhenBanP5PrkeIsPresent(container, opts){\r\n disableEditorWhenBanP5PrkeIsPresent(container, opts, function (container, opts) {\r\n $('
')\r\n .appendTo(container);\r\n });\r\n }\r\n\r\n function disableDropdownEditorWhenBanP5PrkeIsPresent(container, opts){\r\n disableEditorWhenBanP5PrkeIsPresent(container, opts, dropdownEditor, function () {\r\n return dropdownDisplayValue(opts.model, opts.field);\r\n });\r\n }\r\n\r\n function disableNumberEditorWhenBanP5PrkeIsPresent(container, opts){\r\n disableEditorWhenBanP5PrkeIsPresent(container, opts, function (container, opts) {\r\n var field = gridConfig.dataSource.options.schema.model.fields[opts.field];\r\n \r\n $('
')\r\n .appendTo(container)\r\n .kendoNumericTextBox(field);\r\n });\r\n }\r\n \r\n function disableEditorWhenBanP5PrkeIsPresent(container, opts, fnEditor, fnGetDisplayValue) {\r\n //Require a PRKE, but not a BanP5Prke\r\n if (opts.model.BanP5Prke || !opts.model.Prke) {\r\n fnGetDisplayValue = fnGetDisplayValue || function (opts) {\r\n return opts.model[opts.field]; \r\n };\r\n \r\n var $container = $(container);\r\n \r\n $container.removeClass('k-edit-cell');\r\n $container.text(fnGetDisplayValue(opts));\r\n \r\n return;\r\n }\r\n \r\n if (fnEditor) {\r\n return fnEditor(container, opts);\r\n }\r\n }\r\n \r\n //Values that can only conditionally be set should be ignored\r\n var ignoredValueOverrideColumns = _.filter(gridConfig.columns, function (c) {\r\n return [\r\n disableTextboxEditorWhenBanP5PrkeIsPresent,\r\n disableDropdownEditorWhenBanP5PrkeIsPresent, \r\n disableCheckboxEditorWhenBanP5PrkeIsPresent,\r\n disableNumberEditorWhenBanP5PrkeIsPresent\r\n ].indexOf(c.editor) !== -1;\r\n });\r\n \r\n MDB.DPN.Offers.Requests.initReviewGrid(\r\n grid, \r\n gridConfig, \r\n model, \r\n 'p5',\r\n _.map(ignoredValueOverrideColumns, 'field')\r\n );\r\n },\r\n initializeBabRowGrid: function(selector, model){\r\n var grid = $(selector);\r\n\r\n var gridConfig = {\r\n dataSource: new kendo.data.DataSource({\r\n pageSize: 20,\r\n transport: {\r\n read: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/RequestRows?requestId=%s&type=bab', model.Id), 'GET', opts);\r\n },\r\n update: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/BabRequestRow', 'PUT', shapeData(opts, model));\r\n },\r\n create: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/BabRequestRow', 'POST', shapeData(opts, model));\r\n }\r\n },\r\n schema: {\r\n model: {\r\n 'id': 'Id',\r\n fields: {\r\n Id: {type: 'number'},\r\n GroupingId: {},\r\n ProductName: { defaultValue: MDB.DPN.Offers.defaultBabTitle },\r\n ProductId: {},\r\n TypeName: {editable: false},\r\n Type: {},\r\n Duration: {},\r\n Price: {type: 'number' },\r\n PriceUnit: {},\r\n PriceUnitName: {editable: false},\r\n DiscountPercentage: {type: 'number'},\r\n Premium: {editable: false},\r\n PremiumId: {type: 'number' },\r\n PromotionType: {},\r\n ChannelIds: {},\r\n Source: {},\r\n SupplierName: {},\r\n SupplierId: {},\r\n Prom: {type: 'number', editable: false},\r\n Prke: {type: 'number'},\r\n BanP5Prom: {type: 'number'},\r\n BanP5Prke: {type: 'number'},\r\n PaymentMethod: {},\r\n DistributionMethod: {},\r\n Comment: {},\r\n Status: {type: 'number'},\r\n PrkeValues: {},\r\n PrkeName: {editable: false}\r\n }\r\n }\r\n }\r\n }),\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [{\r\n field: 'Id',\r\n hidden: true\r\n },{\r\n field: 'GroupingId',\r\n hidden: true\r\n }, {\r\n field: 'ProductId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function(model, option) {\r\n model['ProductName'] = option.Text; \r\n }, 'TitleIds-bab');\r\n },\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ProductId', 'TitleIds-bab'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'ProductName',\r\n hidden: true,\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName')\r\n }, {\r\n field: 'Type',\r\n title: MDB.loadResourceString('OfferRequestRowModel_TypeName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Type'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Duration',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DurationName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Duration'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Price',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Price_DisplayName'),\r\n format: '{0:c}',\r\n width: 125\r\n }, {\r\n field: 'PriceUnit',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PriceUnitName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PriceUnit'); \r\n },\r\n width: 125\r\n },{\r\n field: 'DiscountPercentage',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DiscountPercentage_DisplayName'),\r\n template: '#= _.isNumber(DiscountPercentage) ? kendo.format(\"{0:p}\", DiscountPercentage / 100) : \"\"#',\r\n width: 100\r\n },{\r\n field: 'PremiumId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Premium_DisplayName'),\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PremiumId') \r\n },\r\n editor: dropdownEditor,\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'PromotionType',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PromotionType_DisplayName'),\r\n editor: customDropdownEditor,\r\n // template: function (model) { return dropdownDisplayValue(model, 'PromotionType'); },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'ChannelIds',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Channel_DisplayName'),\r\n editor: multiSelectEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ChannelIds'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Source',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Source_DisplayName'),\r\n editor: customDropdownEditor,\r\n width: 150\r\n }, {\r\n field: 'SupplierId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_SupplierName_DisplayName'),\r\n editor: function(container, opts){\r\n dropdownEditor(container, opts, function (model, option) {\r\n model.SupplierName = option.Text; \r\n })\r\n },\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'SupplierId'); \r\n },\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'Prom',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Prom_DisplayName'),\r\n width: 75\r\n },{\r\n field: 'Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Prke_DisplayName'),\r\n width: 325\r\n }, {\r\n field: 'PrkeName',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PrkeName_DisplayName'),\r\n width: MDB.KendoConfigBuilder.mediumLargeColumnWidth\r\n }, {\r\n field: 'BanP5Prom',\r\n title: 'BanP5Prom',\r\n width: 100\r\n }, {\r\n field: 'BanP5Prke',\r\n title: MDB.loadResourceString('OfferRequestRowModel_BanP5Prke_DisplayName'),\r\n width: 100\r\n }, {\r\n field: 'PaymentMethod',\r\n title: MDB.loadResourceString('ProductPerOfferListEditModel_PaymentMethod_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PaymentMethod'); \r\n },\r\n width: MDB.KendoConfigBuilder.mediumLargeColumnWidth\r\n }, {\r\n field: 'DistributionMethod',\r\n title: MDB.loadResourceString('ProductPerOfferListEditModel_DistributionMethod_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'DistributionMethod'); \r\n },\r\n width: MDB.KendoConfigBuilder.mediumLargeColumnWidth\r\n },{\r\n field: 'Comment',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Comment_DisplayName'),\r\n width: MDB.KendoConfigBuilder.largeColumnWidth\r\n }, {\r\n field: 'Labels',\r\n title: 'Labels',\r\n width: MDB.KendoConfigBuilder.mediumColumnWidth,\r\n template: function(model){\r\n return (model.Labels || []).join(', ');\r\n },\r\n editor: function (container, opts) {\r\n container.append($('
'));\r\n\r\n var kLabelSelector = MDB.KendoConfigBuilder.extendablebleMultiDropdown(container.find('select'), {\r\n change: function () {\r\n opts.model.set('Labels', this.value()); \r\n },\r\n dataTextField: 'text',\r\n dataValueField: 'value',\r\n dataSource: MDB.KendoConfigBuilder.arrayDataSource(opts.model.Labels)\r\n });\r\n\r\n kLabelSelector.value(opts.model.Labels);\r\n }\r\n }, {\r\n field: 'Status',\r\n title: 'Goedgekeurd/Afgekeurd',\r\n width: 200\r\n }],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n toolbar: ['excel'],\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: true,\r\n editable: true\r\n };\r\n\r\n MDB.DPN.Offers.Requests.initReviewGrid(grid, gridConfig, model, 'bab');\r\n },\r\n initializeCampaignsGrid: function (selector, model) {\r\n var grid = $(selector);\r\n\r\n var gridConfig = {\r\n dataSource: new kendo.data.DataSource({\r\n pageSize: 20,\r\n transport: {\r\n read: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/RequestRows?requestId=%s&type=Campaigns', model.Id), 'GET', opts);\r\n }, \r\n create: function (opts) {\r\n opts.data.RequestId = model.Id;\r\n var isValid = !model.Verkoopkanalen || model.Verkoopkanalen.length == 2 || /^[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}$/.test(model.Verkoopkanalen) || /^[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}$/.test(model.Verkoopkanalen);\r\n \r\n if(!opts.data.CampaignName || !isValid) {\r\n // just pretend we were successful\r\n opts.success(opts.data);\r\n } else {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/Campaign', model.Id), 'POST', opts);\r\n } \r\n },\r\n update: function (opts) {\r\n //opts.success(opts.data);\r\n opts.data.RequestId = model.Id;\r\n var isValid = !model.Verkoopkanalen || model.Verkoopkanalen.length == 2 || /^[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}$/.test(model.Verkoopkanalen) || /^[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}$/.test(model.Verkoopkanalen);\r\n \r\n if(!opts.data.CampaignName || !isValid) {\r\n // just pretend we were successful\r\n opts.success(opts.data);\r\n } else {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/Campaign', model.Id), 'PUT', opts);\r\n } \r\n\r\n }\r\n },\r\n schema: {\r\n model: {\r\n 'id': 'CampaignId',\r\n fields: {\r\n RequestId: {editable: false, type: 'number'},\r\n CampaignId: {editable: false},\r\n CampaignName: {},\r\n SupplierId: {},\r\n ChannelIds: {},\r\n RecruitmentTag: {},\r\n Verkoopkanalen: {},\r\n ShouldExport: {type: 'boolean'}\r\n }\r\n }\r\n },\r\n autoSync: true\r\n }),\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [{\r\n field: 'RequestId',\r\n hidden: true\r\n },{\r\n field: 'CampaignId',\r\n title: 'Id'\r\n },{\r\n field: 'CampaignName',\r\n title: 'Naam',\r\n attributes: { 'class': 'cell-editable' }\r\n }, {\r\n field: 'SupplierId',\r\n title: 'Leverancier',\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'SupplierId') \r\n },\r\n attributes: { 'class': 'cell-editable' }\r\n }, {\r\n field: 'ChannelIds',\r\n title: 'Kanaal',\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ChannelIds') \r\n },\r\n attributes: { 'class': 'cell-editable' }\r\n }, {\r\n field: 'RecruitmentTag',\r\n title: 'RecruitmentTag',\r\n attributes: { 'class': 'cell-editable' }\r\n }, {\r\n field: 'Verkoopkanalen',\r\n title: 'Verkoopkanalen',\r\n attributes: { 'class': 'cell-editable' },\r\n editor: function (container, opts) {\r\n var seperator = '-'\r\n , seperatorRegex = /-/g\r\n , verkoopKanaalLength = 2\r\n , maxInputLength = 8;\r\n \r\n var editor = MDB.KendoConfigBuilder.gridTextBoxEditor(container, opts, {\r\n 'maxlength': maxInputLength\r\n });\r\n \r\n \r\n editor.on('keyup', function(e){\r\n if (!/^[a-zA-Z]$/.test(e.key)){\r\n return;\r\n }\r\n \r\n var value = this.value.replace(seperatorRegex, '');\r\n\r\n var values =_.map(_.range(verkoopKanaalLength, maxInputLength, verkoopKanaalLength), function(index){\r\n return value.substring(index - verkoopKanaalLength, index);\r\n });\r\n\r\n this.value = _.filter(values).join(seperator); \r\n });\r\n }\r\n }, {\r\n field: 'ShouldExport',\r\n title: 'Meenemen in totaal export',\r\n template: MDB.KendoConfigBuilder.gridBooleanYesNoTemplate('ShouldExport'),\r\n attributes: { 'class': 'cell-editable' }\r\n }],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n toolbar: ['create'],\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: false,\r\n editable: true\r\n };\r\n\r\n if (!model.EnableRowEditing){\r\n MDB.DPN.Offers.Requests.removeEditOptions(gridConfig);\r\n }\r\n \r\n grid.kendoGrid(gridConfig);\r\n },\r\n initializeConceptsGrid: function(selector, model){\r\n var grid = $(selector);\r\n \r\n var titleDropdown = dropdownConfigs['TitleIds'];\r\n var titleDropdownValues = _.map(titleDropdown.dataSource.data, 'Text');\r\n \r\n titleDropdownValues.push('WEG');\r\n \r\n titleDropdown.dataSource.data = _.map(titleDropdownValues, function (item) {\r\n return {\r\n Text: item,\r\n Value: item\r\n }\r\n });\r\n \r\n var gridConfig = {\r\n dataSource: new kendo.data.DataSource({\r\n pageSize: 20,\r\n transport: {\r\n read: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + sprintf('/RequestRows?requestId=%s&type=grouping', model.Id), 'GET', opts);\r\n },\r\n create: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRows', 'POST', shapeData(opts, model));\r\n },\r\n update: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRows', 'PUT', shapeData(opts, model));\r\n },\r\n destroy: function (opts) {\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(crudServiceBaseUrl + '/RequestRows?groupingid=' + opts.data.GroupingId, 'DELETE', opts);\r\n }\r\n },\r\n schema: {\r\n model: {\r\n 'id': 'GroupingId',\r\n fields: {\r\n GroupingId: {},\r\n RequestId: {type: 'number'},\r\n TitleIds: {},\r\n Type: {},\r\n Duration: {},\r\n Price: {type: 'number'},\r\n PriceUnit: {},\r\n DiscountPercentage: {type: 'number', defaultValue: null},\r\n PremiumId: {type: 'number'},\r\n PromotionType: {},\r\n ChannelIds: {},\r\n Source: {},\r\n SupplierId: {}\r\n }\r\n }\r\n }\r\n }),\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [{\r\n field: 'GroupingId',\r\n hidden: true\r\n }, {\r\n field: 'TitleIds',\r\n title: MDB.loadResourceString('OfferRequestRowModel_ProductName_DisplayName'),\r\n editor: multiSelectEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'TitleIds'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Type',\r\n title: MDB.loadResourceString('OfferRequestRowModel_TypeName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Type'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Duration',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DurationName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'Duration'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'Price',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Price_DisplayName'),\r\n format: '{0:c}',\r\n width: 125\r\n }, {\r\n field: 'PriceUnit',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PriceUnitName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PriceUnit'); \r\n },\r\n width: 125\r\n }, {\r\n field: 'DiscountPercentage',\r\n title: MDB.loadResourceString('OfferRequestRowModel_DiscountPercentage_DisplayName'),\r\n template: '#= _.isNumber(DiscountPercentage) ? kendo.format(\"{0:p}\", DiscountPercentage / 100) : \"\"#',\r\n width: 100\r\n }, {\r\n field: 'PremiumId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Premium_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'PremiumId'); \r\n },\r\n width: 100\r\n }, {\r\n field: 'PromotionType',\r\n title: MDB.loadResourceString('OfferRequestRowModel_PromotionType_DisplayName'),\r\n editor: customDropdownEditor,\r\n // template: function (model) { return dropdownDisplayValue(model, 'PromotionType'); },\r\n width: 100\r\n }, {\r\n field: 'ChannelIds',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Channel_DisplayName'),\r\n editor: multiSelectEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'ChannelIds'); \r\n },\r\n width: 150\r\n }, {\r\n field: 'Source',\r\n title: MDB.loadResourceString('OfferRequestRowModel_Source_DisplayName'),\r\n editor: customDropdownEditor,\r\n width: 150\r\n }, {\r\n field: 'SupplierId',\r\n title: MDB.loadResourceString('OfferRequestRowModel_SupplierName_DisplayName'),\r\n editor: dropdownEditor,\r\n template: function (model) {\r\n return dropdownDisplayValue(model, 'SupplierId'); \r\n },\r\n width: 100\r\n }],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: false,\r\n editable: false,\r\n edit: function () {\r\n MDB.DPN.Offers.Requests.allowDuplicates = false;\r\n }\r\n };\r\n \r\n if (model.EnableRequestEditing){\r\n gridConfig.toolbar = ['create'];\r\n gridConfig.editable = 'inline';\r\n \r\n MDB.DPN.Offers.Requests.addGridValueOverrideSelector(grid, gridConfig, ['TitleIds']);\r\n \r\n gridConfig.columns.push({\r\n command: [\r\n {\r\n name: 'duplicate',\r\n text: '',\r\n iconClass: 'grid-icon fa fa-lg fa-plus-circle',\r\n click: function (e) {\r\n e.preventDefault();\r\n\r\n var ds = this.dataSource;\r\n\r\n var row = $(e.target).closest('tr[data-uid]');\r\n var kModel = ds.getByUid(row.data('uid'));\r\n\r\n var newModel = {};\r\n\r\n _.keys(ds.options.schema.model.fields).forEach(function (key) {\r\n var value = kModel[key];\r\n if (multiDropdownFields.indexOf(key) !== -1){\r\n value = value.slice();\r\n }\r\n\r\n newModel[key] = value;\r\n });\r\n\r\n newModel.uid = MDB.guid();\r\n newModel.id = MDB.guid();\r\n newModel.GroupingId = newModel.id;\r\n newModel.RequestId = model.Id;\r\n \r\n newModel = ds.add(newModel);\r\n newModel.dirty = true;\r\n \r\n syncAndReloadGrid(grid);\r\n }\r\n },\r\n {\r\n name: 'destroy',\r\n text: '',\r\n iconClass: 'grid-icon fa fa-lg fa-trash'\r\n },\r\n {\r\n name: 'edit',\r\n text: '',\r\n iconClass: 'grid-icon fa fa-lg fa-pencil'\r\n }\r\n ],\r\n title: MDB.loadResourceString('OfferRequestGroup_CommandColumn_Title'),\r\n width: 180\r\n });\r\n }\r\n \r\n grid.kendoGrid(gridConfig);\r\n\r\n // MDB.DPN.Offers.Requests.forceColumnMutualExclusivity(grid, gridConfig, 'Price', 'DiscountPercentage');\r\n },\r\n addGridValueOverrideSelector: function(grid, gridConfig, ignoredColumns){\r\n var gridContainer = grid.closest('.grid-container');\r\n var targetContainer = gridContainer.find('.value-override-container');\r\n targetContainer = targetContainer.length ? targetContainer : gridContainer; \r\n \r\n var gridWideValueOverrideSupportedColumns = _.filter(gridConfig.columns, function(c) {\r\n var schemaField = gridConfig.dataSource.options.schema.model.fields[c.field];\r\n \r\n //Field is required, can't be hidden, can't be ignored, and can't be defined not editable in the grid's datamodel\r\n return !!c.field \r\n && !c.hidden \r\n && (!schemaField || schemaField.editable !== false)\r\n && ignoredColumns.indexOf(c.field) === -1\r\n });\r\n\r\n var valueOverrideDropdownOpts = _.map(_.orderBy(gridWideValueOverrideSupportedColumns, 'title'), function (c) {\r\n return sprintf('
%s ', c.field, c.title)\r\n });\r\n\r\n var valueOverrideContainer = $('
', {'class': 'form-group'});\r\n valueOverrideContainer.append(\r\n sprintf(\r\n '
', \r\n MDB.loadResourceString('OfferRequest_GridValueOverride_Explanation')\r\n )\r\n );\r\n\r\n var valueOverrideDropdown = $('
').html(valueOverrideDropdownOpts.join(''));\r\n var valueOverrideTargetContainer = $('
', {'class': 'd-inline-block'});\r\n\r\n valueOverrideContainer\r\n .append($('
', {'class': 'd-inline-block mr-3 text-nowrap'}).html(valueOverrideDropdown))\r\n .append(valueOverrideTargetContainer);\r\n\r\n targetContainer.prepend(valueOverrideContainer);\r\n\r\n valueOverrideDropdown.kendoDropDownList({\r\n change: function () {\r\n var selectedField = this.value();\r\n \r\n var column = _.find(gridWideValueOverrideSupportedColumns, { field: selectedField} );\r\n var triggerValueOverrideButton = $('
', {'class': 'btn btn-primary ml-3'})\r\n .text(MDB.loadResourceString('OfferRequest_GridValueOverride_Button'));\r\n \r\n valueOverrideTargetContainer.empty();\r\n \r\n var fnEditor = column.editor;\r\n if (!fnEditor || !_.isFunction(fnEditor)){\r\n \r\n //Simplistic textbox editor stand in for non dropdown fields\r\n fnEditor = function (container, opts) {\r\n var field = gridConfig.dataSource.options.schema.model.fields[column.field];\r\n \r\n var control = MDB.KendoConfigBuilder.gridTextBoxEditor(container, opts, { type: field.type || 'text' });\r\n \r\n $(control).on('change', function () {\r\n opts.model[opts.field] = this.value; \r\n });\r\n }\r\n }\r\n\r\n //Fake a kendo model, editor should handle setting of the value\r\n var opts = {\r\n field: column.field,\r\n model: _.extend(_.zipObject(_.filter(_.map(gridConfig.columns, 'field'))), {\r\n isNew: function () {\r\n return true;\r\n }\r\n })\r\n }; \r\n\r\n fnEditor(valueOverrideTargetContainer, opts);\r\n valueOverrideTargetContainer.append(triggerValueOverrideButton);\r\n\r\n //'Fix' styling for non-grid elements\r\n valueOverrideContainer.find('.k-multiselect').addClass('k-multiselect-inline-dropdown');\r\n valueOverrideContainer.find('.custom-input').css({'width': 'auto'});\r\n\r\n triggerValueOverrideButton.on('click', function () {\r\n var ds = gridConfig.dataSource;\r\n \r\n _.forEach(ds.data(), function (d) {\r\n d.dirty = true;\r\n d[column.field] = opts.model[column.field]\r\n });\r\n\r\n syncAndReloadGrid(grid);\r\n });\r\n }\r\n });\r\n \r\n valueOverrideDropdown.data('kendoDropDownList').trigger('change');\r\n },\r\n removeEditOptions: function (gridConfig) {\r\n gridConfig.editable = false;\r\n var toolbar = gridConfig.toolbar;\r\n\r\n if (toolbar){\r\n var createOptIndex = toolbar.indexOf('create');\r\n\r\n if (createOptIndex !== -1){\r\n toolbar.splice(createOptIndex, 1);\r\n }\r\n }\r\n },\r\n forceColumnMutualExclusivity: function (grid, gridConfig, targetColumn, otherTargetColumn) {\r\n $(grid).on('change', sprintf('[name=\"%s\"],[name=\"%s\"]', targetColumn, otherTargetColumn), function (e) {\r\n var $this = $(this);\r\n\r\n var otherTarget = this.name === targetColumn ? otherTargetColumn : targetColumn;\r\n var row = $this.closest('.k-grid-edit-row');\r\n\r\n var model = gridConfig.dataSource.getByUid(row.data('uid'));\r\n\r\n model.set(otherTarget, null);\r\n $('[name=\"' + otherTarget + '\"]').data('kendoNumericTextBox').value(null);\r\n }); \r\n },\r\n initReviewGrid: function(grid, gridConfig, model, listType, ignoredValueOverrideColumns){\r\n var prkeField = 'Prke'\r\n , banP5PrkeField = 'BanP5Prke'\r\n , banP5PromField = 'BanP5Prom'\r\n , statusField = 'Status'\r\n , prkeColumn = _.find(gridConfig.columns, {field: prkeField});\r\n\r\n grid = $(grid);\r\n \r\n gridConfig.excel = {\r\n forceProxy: true, \r\n proxyURL: '/DPN/Offers/ExportRequestRows/' + model.Id + '?listType=' + listType\r\n };\r\n \r\n if (!model.EnableRowEditing){\r\n MDB.DPN.Offers.Requests.removeEditOptions(gridConfig);\r\n } else{\r\n grid.closest('.grid-container')\r\n .find('.set-row-value')\r\n .on('click', function () {\r\n var $this = $(this);\r\n \r\n var field = $this.data('field');\r\n var value = $this.data('value');\r\n \r\n _.forEach(grid.data('kendoGrid').dataSource.data(), function(gridModel){\r\n gridModel[field] = value;\r\n gridModel.dirty = true;\r\n });\r\n \r\n syncAndReloadGrid(grid);\r\n });\r\n \r\n gridConfig.editable = 'inline';\r\n gridConfig.columns.unshift({\r\n command: [\r\n {\r\n name: 'edit',\r\n text: '',\r\n iconClass: 'grid-icon fa fa-lg fa-pencil'\r\n }\r\n ],\r\n title: MDB.loadResourceString('OfferRequestGroup_CommandColumn_Title'),\r\n width: 85\r\n });\r\n\r\n MDB.DPN.Offers.Requests.addGridValueOverrideSelector(\r\n grid, \r\n gridConfig,\r\n _.union(ignoredValueOverrideColumns, ['ProductId', 'ProductName', 'BanP5Prke','BanP5Prom','Status','Prke'])\r\n );\r\n \r\n var banP5PrkeColumn = _.find(gridConfig.columns, {field: banP5PrkeField});\r\n var banP5PromColumn = _.find(gridConfig.columns, {field: banP5PromField});\r\n var statusColumn = _.find(gridConfig.columns, {field: statusField});\r\n \r\n statusColumn.template = function (model) {\r\n return sprintf(\r\n '
' + \r\n '
', \r\n model.Status === 1 ? 'checked=\"checked\"' : '', \r\n model.Status === 2 ? 'checked=\"checked\"' : ''\r\n );\r\n };\r\n \r\n statusColumn.editor = function (container, opts) {\r\n if(opts.model.isNew()){\r\n return;\r\n }\r\n \r\n $(container).append(statusColumn.template(opts.model));\r\n };\r\n\r\n prkeColumn.editor = function (container, opts) {\r\n if(opts.model.isNew()){\r\n return;\r\n }\r\n \r\n prkeDropdownEditor(container, opts);\r\n \r\n container.append('
');\r\n };\r\n\r\n banP5PromColumn.editor = function (container, opts) {\r\n container.removeClass('k-edit-cell');\r\n container.text(opts.model[banP5PromField]);\r\n };\r\n \r\n banP5PrkeColumn.template = function (model) {\r\n if (!model[prkeField]) {\r\n return '';\r\n }\r\n \r\n if (model[banP5PrkeField]) {\r\n return model[banP5PrkeField];\r\n }\r\n \r\n return '
';\r\n };\r\n \r\n banP5PrkeColumn.editor = function (container, opts) {\r\n if (!opts.model.Prke) {\r\n return;\r\n }\r\n \r\n if (opts.model[banP5PrkeField]){\r\n container.removeClass('k-edit-cell');\r\n container.text(opts.model[banP5PrkeField]);\r\n \r\n return;\r\n }\r\n \r\n container.append('
');\r\n };\r\n \r\n\r\n grid.on('click', '.change-status', function (e) {\r\n var status = parseInt(this.value);\r\n \r\n if (this.checked){\r\n //Uncheck other box\r\n $(this).siblings(':checked').removeAttr('checked');\r\n } else{\r\n //Reset status to new\r\n status = 0;\r\n }\r\n\r\n updateGridModel(this, e, function(model) {\r\n model[statusField] = status;\r\n });\r\n });\r\n \r\n grid.on('click', '.row-checkbox', function () {\r\n var model = findModelForEvent(this);\r\n model.set($(this).data('field'), this.checked);\r\n });\r\n\r\n grid.on('click', '.new-prke', function () {\r\n var model = findModelForEvent(this);\r\n \r\n //Create a deep copy to remove and prevent prefilling the Id column\r\n var modelCopy = $.extend(true, {}, model);\r\n delete modelCopy.Id;\r\n\r\n MDB.DPN.Offers.displayNewOfferPrompt(function (offer) {\r\n model.set(prkeField, offer.Id);\r\n }, modelCopy);\r\n });\r\n \r\n grid.on('click', '.new-ban-p5-prke', function () {\r\n var model = findModelForEvent(this);\r\n\r\n var p5Titles = MDB.DPN.Offers.getTitles('p5');\r\n var allTitltes = dropdownConfigs['TitleIds'].dataSource.data;\r\n var defaultTitle = _.find(allTitltes, {Text: model.ProductName});\r\n \r\n if (!defaultTitle){\r\n defaultTitle = _.find(allTitltes, function (item) {\r\n return p5Titles.indexOf(item.Text) !== -1;\r\n })\r\n }\r\n \r\n var availableTitles = {};\r\n allTitltes.forEach(function (item) {\r\n availableTitles[item.Text] = item.Value;\r\n });\r\n \r\n \r\n function rowAdded(row) {\r\n var predicate = function () {\r\n return model.ProductName === row.Title;\r\n };\r\n \r\n if(model.ProductName === 'WEG'){\r\n predicate = function () {\r\n return p5Titles.indexOf(row.Title) !== -1;\r\n }\r\n }\r\n \r\n if (_.find(allTitltes, predicate)){\r\n model.set(banP5PromField, row.BAN_P5_PROM_ID);\r\n model.set(banP5PrkeField, row.BAN_P5_PRKE_ID);\r\n MDB.killOpenModals();\r\n }\r\n }\r\n \r\n var popup = MDB.DPN.Offers.displayOfferPerProductSelectionPrompt({\r\n defaultTitle: defaultTitle,\r\n availableTitles: availableTitles,\r\n id: model[prkeField],\r\n onUpdateSuccess: rowAdded,\r\n onCreateSuccess: rowAdded\r\n });\r\n \r\n $(popup);\r\n });\r\n\r\n\r\n grid.on('click', '.new-p5-prke', function (e) {\r\n var element = this;\r\n var model = findModelForEvent(element);\r\n\r\n var fields = _.keys(gridConfig.dataSource.options.schema.model.fields);\r\n var data = {};\r\n \r\n _.keys(model).forEach(function(key){\r\n if(fields.indexOf(key) === -1) {\r\n return;\r\n }\r\n var value = model[key];\r\n\r\n if (!!value && _.isArrayLikeObject(value)) {\r\n value = _.filter(value, _.isString);\r\n }\r\n\r\n data[key] = value;\r\n });\r\n\r\n $.ajax({\r\n url: '/api/DPN/Offers/P5RequestRow',\r\n method: 'POST',\r\n data: data,\r\n success: function (data) {\r\n updateGridModel(element, e, function(model) {\r\n model[banP5PrkeField] = data[banP5PrkeField];\r\n model.PrkeValues = data.PrkeValues;\r\n });\r\n }\r\n });\r\n });\r\n\r\n if (!gridConfig.toolbar) {\r\n gridConfig.toolbar = [];\r\n }\r\n if (gridConfig.toolbar.indexOf('create') === -1) {\r\n gridConfig.toolbar.push('create');\r\n }\r\n \r\n \r\n var prkeDropdownEditor = function(container, opts){\r\n return MDB.KendoConfigBuilder.gridDropdownEditor(container, opts.field, null, {\r\n dataValueField: 'Id',\r\n dataTextField: 'Description',\r\n optionLabel: 'Selecteer PRKE',\r\n dataSource: {\r\n transport: {\r\n read: function (crudOpts) {\r\n var url = crudServiceBaseUrl + sprintf('/RequestRowPrkes?rowId=%s&groupingId=%s', opts.model.Id, opts.model.GroupingId);\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(url, 'GET', crudOpts);\r\n }\r\n }\r\n },\r\n change: function (e) {\r\n //Using the set function of the model also triggers a save action\r\n //which in turn closes the editor\r\n opts.model[opts.field] = e.sender.value();\r\n opts.model.PrkeName = e.sender.text();\r\n \r\n opts.model.dirty = true;\r\n \r\n //opts.model.set(opts.field, e.sender.value());\r\n },\r\n dataBound: function (e) {\r\n e.sender.wrapper.css({width: '225px'});\r\n }\r\n }, opts);\r\n };\r\n\r\n var findModelForEvent = function(target) {\r\n var $target = $(target);\r\n\r\n var row = $target.closest('tr[data-uid]');\r\n\r\n var ds = grid.data('kendoGrid').dataSource;\r\n return ds.getByUid(row.data('uid'));\r\n };\r\n\r\n var updateGridModel = function(element, event, processModel) {\r\n var model = findModelForEvent(element);\r\n var isEditMode = $(event.target).closest('tbody').find('.k-grid-edit-row').length;\r\n\r\n processModel(model);\r\n model.dirty = true;\r\n\r\n //Force sync via set if grid is not editable to still save the applied changes\r\n if (!isEditMode) {\r\n grid.data('kendoGrid').options.dataSource.sync();\r\n }\r\n };\r\n }\r\n \r\n return grid.kendoGrid(gridConfig);\r\n },\r\n SetPrkeValues: function(url) {\r\n var elements = $('.k-grid');\r\n\r\n MDB.alert(undefined, MDB.loadResourceString('OfferRequest_loadingResults_Text'), {\r\n 'show.bs.modal': function () {\r\n $(this).find('.modal-body').append($('
', { 'class': 'loading' }));\r\n }\r\n });\r\n\r\n\r\n $.ajax({\r\n type: \"GET\",\r\n url: url,\r\n contentType: \"application/json\",\r\n dataType: \"json\",\r\n success: function (data) {\r\n if (data.success) {\r\n _.forEach(elements, function (grid) {\r\n MDB.KendoConfigBuilder.getKendoWidget($(grid)).dataSource.read();\r\n });\r\n MDB.killOpenModals();\r\n }\r\n },\r\n error: function () {\r\n alert('Something went wrong.');\r\n }\r\n });\r\n }\r\n });\r\n \r\n})(jQuery);","var MDB = window.MDB || {};\r\nMDB.DPN = MDB.DPN || {};\r\nMDB.DPN.BriggsAndWalker = MDB.DPN.BriggsAndWalker || {};\r\n\r\n(function () {\r\n var _backButton\r\n , _container\r\n , _containerRow\r\n , _formMethod;\r\n \r\n $.extend(MDB.DPN.BriggsAndWalker, {\r\n _enableBackButton: function(){\r\n _backButton.show();\r\n },\r\n _disableBackButton: function(){\r\n _backButton.hide();\r\n },\r\n _scalePdfContainer: function (pdf) {\r\n var navbarHeight = $('.navbar-static-top').height();\r\n var clientHeight = document.documentElement.clientHeight;\r\n\r\n $(pdf).height((clientHeight - navbarHeight) + 'px');\r\n },\r\n _loadResult: function (serializable, target) {\r\n _container.empty();\r\n _containerRow.hide();\r\n\r\n MDB.DPN.BriggsAndWalker._disableBackButton();\r\n\r\n return $.Deferred(function(def) {\r\n $.ajax({\r\n url: target,\r\n method: _formMethod,\r\n data: serializable.serialize(),\r\n success: function (data) {\r\n if (data && data.Success === false) {\r\n alert(data.Error);\r\n def.reject();\r\n return;\r\n }\r\n\r\n var $data = $(data);\r\n if ($data.hasClass('embedded-pdf-container')) {\r\n MDB.DPN.BriggsAndWalker._scalePdfContainer($data);\r\n MDB.DPN.BriggsAndWalker._enableBackButton();\r\n }\r\n\r\n MDB.DPN.BriggsAndWalker._bindViewerLinks($data);\r\n\r\n _container.html($data);\r\n _containerRow.show();\r\n \r\n def.resolve($data);\r\n }\r\n })\r\n }).promise();\r\n },\r\n _bindViewerLinks: function(selector){\r\n selector.find('a.view-contract-link').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n MDB.DPN.BriggsAndWalker._loadResult({ serialize: $.noop }, $(this).prop('href'));\r\n });\r\n },\r\n _setupDatepicker: function(form){\r\n var startEl = form.find('#Start')\r\n , endEl = form.find('#End');\r\n \r\n form.find('#datepicker').mdbDatepicker({\r\n dateFormat: 'DD-MM-YYYY',\r\n parent: '#display-contract-form',\r\n callback: function(start, end){\r\n startEl.val(start);\r\n endEl.val(end);\r\n }\r\n });\r\n },\r\n bootStorage: function () {\r\n _backButton = $('.btn-back');\r\n \r\n var form = $('#display-contract-form')\r\n , formTarget = form.attr('action')\r\n , previousResult;\r\n \r\n _formMethod = form.attr('method');\r\n _container = $('#display-contract-result-container');\r\n _containerRow = $('#display-contract-result-container-row');\r\n \r\n _containerRow.hide();\r\n\r\n _backButton.on('click', function(){\r\n MDB.DPN.BriggsAndWalker._disableBackButton();\r\n _container.html(previousResult); \r\n MDB.DPN.BriggsAndWalker._bindViewerLinks(_container);\r\n });\r\n \r\n MDB.DPN.BriggsAndWalker._setupDatepicker(form);\r\n \r\n var formControls = form.find('input,button');\r\n \r\n var formSerializeable = {\r\n serialize: function() {\r\n var serializedForm = form.serialize();\r\n formControls.attr('disabled', 'disabled');\r\n return serializedForm;\r\n }\r\n };\r\n\r\n form.on('submit', function (e) {\r\n e.preventDefault();\r\n\r\n MDB.alert(undefined,'Resultaten laden',{\r\n 'show.bs.modal': function () {\r\n $(this).find('.modal-body').append($('
', { 'class': 'loading' }));\r\n }\r\n });\r\n \r\n MDB.DPN.BriggsAndWalker._loadResult(formSerializeable, formTarget)\r\n .always(function($data) {\r\n previousResult = $data;\r\n \r\n formControls.attr('disabled', null);\r\n MDB.killOpenModals();\r\n });\r\n });\r\n }\r\n });\r\n}());","var MDB = window.MDB || {};\r\nMDB.GDPR = MDB.GDPR || {};\r\nMDB.GDPR.Sites = MDB.GDPR.Sites || {};\r\n\r\n$.extend(MDB.GDPR.Sites, {\r\n bootIndex: function () {\r\n MDB.GDPR.Sites.bindPromptButtons('.requires-confirm');\r\n }\r\n});","var MDB = window.MDB || {};;\r\nMDB.Intake = MDB.Intake || {};\r\nMDB.Intake.Home = MDB.Intake.Home || {};\r\n\r\nvar _config;\r\n\r\n$.extend(MDB.Intake.Home, {\r\n boot: function(config) {\r\n _config = config;\r\n }\r\n});","var MDB = window.MDB || {};\r\nMDB.Mangl = MDB.Mangl || {};\r\nMDB.Mangl.Annotations = MDB.Mangl.Annotations || {};\r\n\r\n(function () {\r\n $.extend(MDB.Mangl.Annotations,\r\n {\r\n _apiBaseUrl: '/api/mangl/Annotations/',\r\n _getUrlForVerb: function(verb) {\r\n return MDB.Mangl.Annotations._apiBaseUrl + verb;\r\n },\r\n\r\n boot: function (model) {\r\n var grid = $('#annotations-grid')\r\n , divisionDropdown = $('#division-dropdown').detach()\r\n , builder = MDB.KendoConfigBuilder\r\n , divisionNameMapping = {};\r\n\r\n model.divisions.forEach(function (d) {\n divisionNameMapping[d.value] = d.text; \n });\r\n\r\n var ds = new kendo.data.DataSource({\r\n transport: {\r\n read: function (opts) {\n builder.dataSourceTransportFunction(MDB.Mangl.Annotations._getUrlForVerb('get'), 'GET', opts) \n },\r\n create: function (opts) {\n builder.dataSourceTransportFunction(MDB.Mangl.Annotations._getUrlForVerb('post'), 'POST', opts) \n },\r\n update: function (opts) {\n builder.dataSourceTransportFunction(MDB.Mangl.Annotations._getUrlForVerb('put'), 'PUT', opts) \n }\r\n },\r\n schema: {\r\n model: {\r\n id: 'Id',\r\n fields: {\r\n Id: { editable: false },\r\n CreatedByName: { editable: false },\r\n DivisionId: { editable: true, required: true},\r\n Value: { editable: true, required: true },\r\n Created: {type: 'date', editable: false },\r\n Date: { type: 'date', editable: true, required: true },\r\n Remarks: { editable: true }\r\n }\r\n }\r\n },\r\n error: function (e) {\r\n this.cancelChanges();\r\n alert(builder.getWebApiErrorsMessage(e));\r\n },\r\n pageSize: 20,\r\n sort: {\r\n field: 'Date',\r\n dir: 'desc'\r\n }\r\n });\r\n\r\n var gridConf = {\r\n dataSource: ds,\r\n columns: [{\r\n field: 'Created',\r\n title: 'Aangemaakt op',\r\n format: '{0:dd-MM-yyyy}',\r\n filterable: builder.gridDateTimeFilter('{0:dd-MM-yyyy}', true)\r\n }, {\r\n field: 'CreatedByName',\r\n title: 'Aangemaakt door'\r\n }, {\r\n field: 'DivisionId',\r\n title: 'Divisie',\r\n template: function (model) {\n return divisionNameMapping[model.DivisionId]; \n },\r\n editor: function(container, opts) {\r\n builder.gridDropdownEditor(container, opts.field, divisionDropdown);\r\n }\r\n },{\r\n field: 'Value',\r\n title: 'Annotatie'\r\n }, {\r\n field: 'Date',\r\n title: 'Datum',\r\n format: '{0:dd-MM-yyyy}',\r\n filterable: builder.gridDateTimeFilter('{0:dd-MM-yyyy}', true)\r\n }, {\r\n field: 'Remarks',\r\n title: 'Opmerkingen'\r\n }],\r\n messages: {\r\n commands: builder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n navigatable: true,\r\n sortable: true,\r\n filterable: builder.gridGlobalFilterableSettings(),\r\n resizable: true,\r\n pageable: builder.gridPageableSettings()\r\n };\r\n\r\n if (model.canEditAnnotations) {\r\n gridConf.editable = {\r\n mode: 'inline',\r\n confirmation: false\r\n };\r\n\r\n gridConf.toolbar = ['create'];\r\n gridConf.columns.push(builder.gridCommandColumn([ 'edit' ]));\r\n }\r\n\r\n grid.kendoGrid(gridConf);\r\n }\r\n });\r\n}());","var MDB = window.MDB || {};\r\nMDB.EmailCampaign = MDB.EmailCampaign || {};\r\n\r\n(function() {\r\n\r\n var _editorModalBody,\r\n _editorModalSaveButton,\r\n _editorModalCancelButton,\r\n _editorModalTitle,\r\n _editorModalSubheader,\r\n _newGrid,\r\n _activeGrid,\r\n _inactiveGrid,\r\n _editorModal,\r\n _Editor = {\r\n Selection: 0,\r\n EmailCampaign: 1,\r\n Manual: 2\r\n },\r\n _newCampaignForm,\r\n _selection,\r\n _config;\r\n\r\n var _EmailCampaignType = {\r\n Once: 0,\r\n Continuously: 1,\r\n Manual: 2\r\n };\r\n\r\n var _EmailCampaignState = {\r\n New: 0,\r\n Active: 1,\r\n Paused: 2,\r\n Inactive: 3\r\n };\r\n\r\n var _KendoButtonType = {\r\n Edit: \"edit\",\r\n Delete: \"delete\",\r\n Pause: \"pause\",\r\n Activate: \"activate\",\r\n Reuse: \"reuse\"\r\n };\r\n\r\n $.extend(MDB.EmailCampaign,\r\n {\r\n boot: function (config) {\r\n _config = config;\r\n _editorModal = $('#editor-modal');\r\n _editorModalBody = _editorModal.find('#editor-modal-body');\r\n _editorModalSaveButton = _editorModal.find('#editor-save-btn');\r\n _editorModalCancelButton = _editorModal.find('#editor-cancel-btn');\r\n _editorModalTitle = _editorModal.find('#editor-modal-title');\r\n _editorModalSubheader = _editorModal.find('#editor-modal-subheader');\r\n _selection = $('#SelectionId');\r\n\r\n var grids = {\r\n newGrid: $('#new-campaigns-grid'),\r\n activeGrid: $('#active-campaigns-grid'),\r\n inactiveGrid: $('#inactive-campaigns-grid')\r\n };\r\n\r\n MDB.EmailCampaign.initGrid(grids.newGrid, _EmailCampaignState.New).done(function () {\r\n _newGrid = MDB.KendoConfigBuilder.getKendoWidget(grids.newGrid);\r\n });\r\n\r\n MDB.EmailCampaign.initGrid(grids.activeGrid, _EmailCampaignState.Active).done(function () {\r\n _activeGrid = MDB.KendoConfigBuilder.getKendoWidget(grids.activeGrid);\r\n });\r\n\r\n MDB.EmailCampaign.initGrid(grids.inactiveGrid, _EmailCampaignState.Inactive).done(function() {\r\n _inactiveGrid = MDB.KendoConfigBuilder.getKendoWidget(grids.inactiveGrid);\r\n });\r\n\r\n MDB.EmailCampaign.loadCampaignEditor();\r\n },\r\n activateClick: function(button) {\r\n MDB.UI.Loader.show();\r\n \r\n var id = $(button.closest('tr').children()[0]).html();\r\n MDB.EmailCampaign.getCampaignType(id)\r\n .always(function(){\r\n MDB.UI.Loader.hide(); \r\n })\r\n .done(function (data) {\r\n if (data.response === _EmailCampaignType.Manual) {\r\n MDB.EmailCampaign.loadManualSettingsModal(id);\r\n } else {\r\n MDB.EmailCampaign.sendRequest(_config.changeCampaignStateUrl, {\r\n id: encodeURIComponent(id), \r\n state: encodeURIComponent(_EmailCampaignState.Active) \r\n }).done(function (data) {\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Activated_Text'));\r\n _activeGrid.dataSource.read();\r\n _newGrid.dataSource.read();\r\n });\r\n } \r\n });\r\n },\r\n pauseClick: function (button) {\r\n var id = $(button.closest('tr').children()[0]).html();\r\n\r\n MDB.EmailCampaign.sendRequest(_config.changeCampaignStateUrl, {\r\n id: encodeURIComponent(id), \r\n state: encodeURIComponent(_EmailCampaignState.Paused)\r\n }).done(function (data) {\r\n MDB.Notify.bootstrapInfo(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Paused_Text'));\r\n _activeGrid.dataSource.read();\r\n });\r\n },\r\n reuseClick: function (button) {\r\n var id = $(button.closest('tr').children()[0]).html();\r\n\r\n MDB.EmailCampaign.sendRequest(_config.changeCampaignStateUrl, {\r\n id: encodeURIComponent(id), \r\n state: encodeURIComponent(_EmailCampaignState.New)\r\n }).done(function (data) {\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Reused_Text'));\r\n _newGrid.dataSource.read();\r\n _inactiveGrid.dataSource.read();\r\n });\r\n },\r\n archiveClick: function (button) {\r\n var id = $(button.closest('tr').children()[0]).html();\r\n\r\n MDB.EmailCampaign.sendRequest(_config.changeCampaignStateUrl, { \r\n id: encodeURIComponent(id),\r\n state: encodeURIComponent(_EmailCampaignState.Inactive)\r\n }).done(function (data) {\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Archived_Text'));\r\n _activeGrid.dataSource.read();\r\n _inactiveGrid.dataSource.read();\r\n });\r\n },\r\n editClick: function(button, canEdit) {\r\n canEdit = canEdit == undefined ? true : canEdit;\r\n var id = $(button.closest('tr').children()[0]).html();\r\n var grid = MDB.KendoConfigBuilder.getKendoWidget($(button.closest('.k-grid')));\r\n MDB.EmailCampaign.loadEditModal(id, grid, canEdit);\r\n },\r\n deleteClick: function(button) {\r\n var id = $(button.closest('tr').children()[0]).html();\r\n\r\n MDB.promptHtml(\r\n MDB.loadResourceString('Dpn_EmailCampaign_Index_Delete_Campaign_Prompt_Title'), \r\n '
' + \r\n MDB.loadResourceString('Dpn_EmailCampaign_Index_Delete_Campaign_Prompt_Body') + ' ', \r\n \r\n function(ok){\r\n if (ok) {\r\n var grid = button.closest('.k-grid');\r\n MDB.EmailCampaign.executeDelete(id, MDB.KendoConfigBuilder.getKendoWidget(grid));\r\n }\r\n });\r\n },\r\n historyClick: function(button) {\r\n var id = $(button.closest('tr').children()[0]).html();\r\n \r\n var modal = MDB.modal({\r\n shapeHtml: function(html){\r\n html = $(html);\r\n\r\n html.find('.modal-header')\r\n .prepend('
'+ MDB.loadResourceString('Dpn_EmailCampaign_Index_History_Title') +' ');\r\n \r\n return html;\r\n }\r\n });\r\n \r\n MDB.EmailCampaign.initializeLoadingModal(modal);\r\n \r\n var history = MDB.EmailCampaign.sendRequest(_config.getHistoryUrl, {id : id})\r\n .done(function(response) {\r\n if(response.errors.length > 0) {\r\n MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n \r\n //We won't be needing our modal anymore\r\n MDB.killOpenModals();\r\n \r\n console.warn(response.errors.join(':::: '));\r\n \r\n return;\r\n }\r\n\r\n var body = modal.find('.modal-body');\r\n \r\n //Remove loading notification\r\n body.empty();\r\n\r\n body.append('
');\r\n\r\n body.append('
' +\r\n '' +\r\n '' +\r\n '' + MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignHistory_Sent_DisplayName') + ' ' +\r\n '' + MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignHistory_Amount_DisplayName') + ' ' +\r\n '' + MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignHistory_Total_DisplayName') + ' ' +\r\n ' ' +\r\n ' '+\r\n '
');\r\n\r\n var table = body.find('[name=\"history\"]');\r\n \r\n response.value.forEach(function(item){\r\n table.append('
' +\r\n '' + item.SentValue + ' ' +\r\n '' + item.Amount + ' ' +\r\n '' + item.Total + ' ' +\r\n ' ');\r\n });\r\n\r\n modal.modal('show');\r\n });\r\n\r\n },\r\n viewClick: function (button) {\r\n MDB.EmailCampaign.editClick(button, false);\r\n },\r\n sendTestRecordClick: function(button){\r\n var model = MDB.KendoConfigBuilder.findGridRowModel(button);\r\n \r\n var promptTitle = MDB.loadResourceString('Dpn_EmailCampaign_Index_PromptTestRecord_Title');\r\n var promptBody = MDB.loadResourceString('Dpn_EmailCampaign_Index_PromptTestRecord_Body');\r\n\r\n MDB.prompt(promptTitle, promptBody, function(ok) {\r\n if(!ok) {\r\n return;\r\n }\r\n\r\n var url = _config.sendTestRecordUrl;\r\n\r\n //String.prototype does not contain endsWith in IE\r\n var endsWith = String.prototype.endsWith || function(value){\r\n return this.indexOf(value) === this.length - 1;\r\n };\r\n\r\n //For the time being; assume our URL does not contain a querystring\r\n if(!endsWith.call(url, '/')){\r\n url += '/';\r\n }\r\n\r\n url += model.id;\r\n\r\n MDB.EmailCampaign.sendRequest(url, {}, 'POST').done(function(){\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_TestRecord_Created_Text'));\r\n });\r\n });\r\n },\r\n initSelectionTooltip: function(selector) {\r\n var selectionInfo = selector.find('#selection-info');\r\n var selection = selector.find('#SelectionId');\r\n\r\n selection.unbind('change');\r\n selection.change(function(){\r\n MDB.EmailCampaign.loadTooltip(selectionInfo, selection.val().split('|')[1], \r\n { \r\n placement: 'bottom', container: selector[0].id === '' ? 'body' : '#' + selector.prop('id') \r\n });\r\n });\r\n\r\n if(selection.val() !== null) {\r\n MDB.EmailCampaign.loadTooltip(selectionInfo, selection.val().split('|')[1], \r\n { \r\n placement: 'bottom', container: selector[0].id === '' ? 'body' : '#' + selector.prop('id') \r\n });\r\n }\r\n },\r\n initButtons: function (selector) {\r\n if(selector[0].id === '') {\r\n var submit = $('#submit-campaign-btn');\r\n submit.click(function(e) {\r\n e.preventDefault();\r\n MDB.EmailCampaign.submitCampaign($('#new-campaign-form'), true).done(function(done){\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Added_Text'));\r\n _newGrid.dataSource.read();\r\n });\r\n });\r\n\r\n submit.mouseleave(function() {\r\n submit.tooltip('hide');\r\n });\r\n }\r\n\r\n var selection = selector.find('#request-selection-btn');\r\n\r\n selection.unbind('click');\r\n selection.click(function(e) {\r\n e.preventDefault();\r\n MDB.EmailCampaign.loadSelectionRequestModal(_config);\r\n });\r\n\r\n var addSettingsBtn = selector.find('[name=\"btn-add-setting\"]');\r\n addSettingsBtn.unbind('click');\r\n addSettingsBtn.click(function(e) {\r\n e.preventDefault();\r\n MDB.EmailCampaign.addSettingsRow(selector.find('[name=\"settings-editor\"]'));\r\n });\r\n\r\n },\r\n loadTooltip: function (selector, text, opts) {\r\n if (opts === undefined) {\r\n opts = {\r\n placement: 'bottom'\r\n };\r\n }\r\n\r\n selector.tooltip(opts);\r\n\r\n selector.hover(function () {\r\n selector.attr('data-original-title', text);\r\n selector.tooltip('show');\r\n });\r\n\r\n selector.mouseleave(function () {\r\n selector.tooltip('hide');\r\n });\r\n\r\n selector.attr('data-original-title', text); \r\n },\r\n initKendoTooltips: function (kendoGrid) {\r\n kendoGrid.tbody.find('tr').each(function() {\r\n var me = $(this);\r\n\r\n var activateBtns = me.find('.btn-activate');\r\n \r\n activateBtns.each(function (index, button) {\r\n button = $(button);\r\n\r\n if(button.is(':disabled')) { \r\n //browser does not register mouseenter for disabled elements. So this doesn't actually work, unfortunatly\r\n //I ran out of time to find a workaround and no one has complained about the abcense of a tooltip.\r\n MDB.EmailCampaign.loadTooltip(button, MDB.loadResourceString('Dpn_EmailCampaign_Invalid_Selection_Error_Text'));\r\n } else {\r\n MDB.EmailCampaign.loadTooltip(button, MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Activate_Tooltip'));\r\n }\r\n });\r\n\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-edit'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Edit_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-archive'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Archive_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-history'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_History_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-delete'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Delete_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-pause'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Pause_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-reuse'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Reuse_Tooltip'));\r\n MDB.EmailCampaign.loadTooltip(me.find('.btn-test-record'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_SendTestRecord_Tooltip'));\r\n\r\n var refreshBtn = me.find('.count-refresh-btn').click(function(){\r\n var $btn = $(this);\r\n $btn.addClass('fa-spin');\r\n \r\n var params = {\r\n id: me.children().first().html(),\r\n type: $btn.data('type')\r\n };\r\n \r\n MDB.EmailCampaign.sendRequest(_config.updateCountUrl, params)\r\n .always(function(){\r\n $btn.removeClass('fa-spin'); \r\n }) \r\n .done(function(data){\r\n me.find('.count-lbl').text(data.response);\r\n });\r\n });\r\n\r\n });\r\n },\r\n addSettingsRow: function(editor) {\r\n var rowsExist = editor.children().length != 0;\r\n\r\n var pattern =/\\[(\\d+)\\]/;\r\n var template = rowsExist ? editor.children().last().prop('outerHTML') : $('#row-template').clone().html();\r\n var last = parseInt(pattern.exec(template)[1]);\r\n\r\n //replace values in template\r\n template = template\r\n .replace(new RegExp('{i}', 'g'), last+1)\r\n .replace(new RegExp('{serialize}', 'g'), 'serialize')\r\n .replace(new RegExp('\\\\[\\\\d+\\\\]', 'g'), '[' + (last+1) + ']')\r\n .replace(new RegExp('_\\\\d+__', 'g'), '_' + (last+1) + '__')\r\n .replace(new RegExp('data-index=\"\\\\d+\"', 'g'), 'data-index=\"'+ (last+1) +'\"');\r\n\r\n editor.append(template);\r\n console.log(editor.children().last());\r\n editor.children().last().find('[type=\"text\"]').val('');\r\n\r\n if(!rowsExist) {\r\n $('[name=\"editor-labels\"]').removeClass('hidden');\r\n }\r\n\r\n //Re-add validation\r\n var form = editor.parents('.campaign-form').first();\r\n form.removeData(['validator', 'unobtrusiveValidation']);\r\n $.validator.unobtrusive.parse(form);\r\n },\r\n removeSettingsRow: function(btn) {\r\n var me = $(btn);\r\n var editor = me.parents('[name=\"settings-editor\"]');\r\n \r\n me.parents('.row').first().remove();\r\n \r\n if(editor.children().length == 0) {\r\n $('[name=\"editor-labels\"]').addClass('hidden');\r\n }\r\n },\r\n submitCampaign: function(form, isNew) {\r\n var def = $.Deferred();\r\n\r\n if(form.valid()) {\r\n var model = MDB.EmailCampaign.buildCampaignModel(form.find('.serialize:not(#SelectionId, .k-widget)'));\r\n model.SelectionId = form.find('#SelectionId').val().split('|')[0];\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: isNew ? _config.submitCampaignUrl : _config.editCampaignUrl,\r\n contentType: \"application/json\",\r\n data: JSON.stringify(model),\r\n processData: false,\r\n dataType: \"json\",\r\n success: function (data) {\r\n if (data.errors.length > 0) {\r\n def.reject();\r\n MDB.Notify.bootstrapDanger(data.errors.join(', '));\r\n } else {\r\n def.resolve(data);\r\n MDB.EmailCampaign.clearForm(form);\r\n }\r\n },\r\n error: function () {\r\n def.reject();\r\n MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n }\r\n }); \r\n } else {\r\n def.reject();\r\n }\r\n return def.promise();\r\n },\r\n buildCampaignModel: function(model) {\r\n var arrProps = {};\r\n var modelObject = {};\r\n\r\n model.each(function (i) {\r\n var me = $(this);\r\n\r\n if(me.data('type') == 'array') {\r\n var name = this.name.split('[')[0];\r\n var property = this.name.split('.')[1];\r\n var arrIdx = this.name.split('[')[1].split(']')[0];\r\n\r\n var nameArr = arrProps[name] || {};\r\n arrProps[name] = nameArr;\r\n\r\n var arrObj = {};\r\n if( nameArr[arrIdx]){\r\n arrObj = nameArr[arrIdx];\r\n }\r\n\r\n arrObj[property] = me.val();\r\n nameArr[arrIdx] = arrObj;\r\n } else {\r\n modelObject[this.name] = me.val();\r\n }\r\n });\r\n\r\n _.forEach(_.keys(arrProps), function(key){\r\n var targetArr = modelObject[key];\r\n if(!targetArr){\r\n targetArr = modelObject[key] = [];\r\n }\r\n\r\n _.forEach(arrProps[key], function(item){\r\n targetArr.push(item); \r\n }); \r\n });\r\n return modelObject;\r\n },\r\n addOptionToSelection: function(id, name, description){\r\n var selectionValue = id + '|' + description;\r\n \r\n _selection.append(\r\n ['
',\r\n name,' ',MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequestResponseModel_SelectionRequested_Text'),\r\n ' ']\r\n .join(''));\r\n \r\n _selection.val(selectionValue);\r\n },\r\n loadSelectionRequestModal: function() {\r\n _editorModalBody.load(_config.getEditorUrl + '?editor=' + encodeURIComponent(_Editor.Selection), function () {\r\n \r\n _editorModalTitle.html(MDB.loadResourceString('Dpn_EmailCampaign_Index_SelectionRequest_Title'));\r\n \r\n _editorModalSubheader.html('
' +\r\n MDB.loadResourceString('Dpn_EmailCampaign_Index_SelectionRequest_Subheading'));\r\n\r\n _editorModalCancelButton.prop('class', 'btn btn-danger');\r\n _editorModalCancelButton.html(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Cancel_DisplayText'));\r\n\r\n _editorModalSaveButton.prop('class', 'btn btn-success');\r\n _editorModalSaveButton.html(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Request_DisplayText'));\r\n _editorModalSaveButton.unbind('click');\r\n _editorModalSaveButton.click(function () {\r\n var form = $('#request-selection-form');\r\n var model = form.serialize();\r\n MDB.EmailCampaign.loadSelectionResponseModal(_config.selectionRequestUrl + '?' + model);\r\n });\r\n\r\n _editorModalSaveButton.show();\r\n\r\n MDB.EmailCampaign.loadTooltip(_editorModalCancelButton, MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Cancel_Tooltip'),\r\n { placement: 'bottom', container: '#editor-modal' });\r\n\r\n MDB.EmailCampaign.loadTooltip(_editorModalSaveButton, MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Request_Tooltip'),\r\n { placement: 'bottom', container: '#editor-modal' });\r\n\r\n _editorModal.modal('show');\r\n });\r\n },\r\n loadSelectionResponseModal: function(url) {\r\n _editorModalBody.html('');\r\n _editorModalBody.load(url, function (response, status, xhr) {\r\n \r\n //Load is not guaranteed to succeed\r\n //Close our modal and display an error in case of an error\r\n var mainStatusDigit = Math.floor(xhr.status / 100);\r\n if (mainStatusDigit == 4 || mainStatusDigit == 5) {\r\n // we consider 4xx & 5xx to be errors. \r\n MDB.killOpenModals();\r\n MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n return;\r\n }\r\n\r\n var id = _editorModalBody.find('#Selection_Id').val(),\r\n name = _editorModalBody.find('#Selection_Name').val(),\r\n description = _editorModalBody.find('#Selection_Description').val();\r\n\r\n MDB.EmailCampaign.addOptionToSelection(id, name, description);\r\n\r\n _editorModalTitle.html(MDB.loadResourceString('Dpn_EmailCampaign_Index_SelectionRequest_Title'));\r\n \r\n _editorModalSubheader.html(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Response_Title'));\r\n\r\n _editorModalCancelButton.prop('class', 'btn btn-secondary');\r\n _editorModalCancelButton.html(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Close_DisplayText'));\r\n\r\n _editorModalSaveButton.hide();\r\n\r\n MDB.EmailCampaign.loadTooltip(_editorModalCancelButton, MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Button_Close_Tooltip'),\r\n { placement: 'bottom', container: '#editor-modal' });\r\n\r\n if(id !== undefined){\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequest_Success_Text'));\r\n }\r\n });\r\n },\r\n loadManualSettingsModal: function (id) {\r\n _editorModalBody.html('');\r\n _editorModalBody.load('/DPN/EmailCampaign/GetEditor' + '?editor=' + \r\n encodeURIComponent(_Editor.Manual) + '&campaignId=' + \r\n encodeURIComponent(id), function () {\r\n\r\n _editorModalTitle.html(MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Title'));\r\n \r\n _editorModalSubheader.html('
' +\r\n MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Subheader'));\r\n\r\n _editorModalCancelButton.prop('class', 'btn btn-danger');\r\n _editorModalCancelButton.html(MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Button_Cancel_Text'));\r\n\r\n _editorModalSaveButton.show();\r\n _editorModalSaveButton.prop('class', 'btn btn-success');\r\n _editorModalSaveButton.html(MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Button_Activate_Text'));\r\n \r\n _editorModalSaveButton.unbind('click');\r\n _editorModalSaveButton.click(function(e) {\r\n e.preventDefault();\r\n MDB.EmailCampaign.manualEditorSaveBtnClick(id);\r\n });\r\n\r\n MDB.EmailCampaign.loadManualSettingsSliders();\r\n MDB.EmailCampaign.loadManualSettingsResetButtons();\r\n\r\n MDB.EmailCampaign.loadTooltip(_editorModalCancelButton, MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Button_Cancel_Tooltip'),\r\n {placement: 'bottom', container: '#editor-modal'});\r\n\r\n MDB.EmailCampaign.loadTooltip(_editorModalSaveButton, MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_Editor_Button_Activate_Tooltip'),\r\n {placement: 'bottom', container: '#editor-modal'});\r\n\r\n _editorModal.modal('show');\r\n });\r\n },\r\n loadEditModal: function (id, kendoGrid, canEdit) {\r\n _editorModalBody.html('');\r\n\r\n var header = canEdit ? \r\n MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Editor_Title') : \r\n MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Viewer_Title');\r\n \r\n var subheader = canEdit ? \r\n MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Editor_Subheader') : \r\n MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Viewer_Subheader');\r\n\r\n MDB.EmailCampaign.initializeLoadingModal(_editorModalBody);\r\n _editorModal.modal('show');\r\n\r\n _editorModalTitle.text(header);\r\n _editorModalSubheader.html('
' + subheader);\r\n _editorModalCancelButton.prop('class', 'btn btn-danger');\r\n _editorModalCancelButton.html(MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Editor_Button_Cancel_Text'));\r\n\r\n _editorModalSaveButton.show();\r\n _editorModalSaveButton.prop('class', 'btn btn-success');\r\n _editorModalSaveButton.text(MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Editor_Button_Save_Text'));\r\n _editorModalSaveButton.unbind('click');\r\n\r\n _editorModalBody.load('/DPN/EmailCampaign/GetEditor' + '?editor=' + _Editor.EmailCampaign + '&campaignId=' + id, function (response, status) {\r\n //https://api.jquery.com/load/#example-1\r\n if (status === \"error\") {\r\n _editorModal.modal('hide');\r\n MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n return;\r\n }\r\n\r\n var form = $('#edit-campaign-form');\r\n\r\n if(canEdit) {\r\n _editorModalSaveButton.click(function() {\r\n MDB.EmailCampaign.submitCampaign(form, false).done(function(data){\r\n if(data.response) {\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Campaign_Editor_Saved_Success_Text'));\r\n kendoGrid.dataSource.read();\r\n }\r\n _editorModal.modal('hide');\r\n });\r\n });\r\n _editorModalSaveButton.show();\r\n _editorModalCancelButton.show();\r\n } else {\r\n _editorModalSaveButton.hide();\r\n _editorModalCancelButton.hide();\r\n }\r\n\r\n MDB.EmailCampaign.loadCampaignEditor(form).done(function(){\r\n MDB.EmailCampaign.loadTooltip(form.find('#request-selection-btn'), MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Request_Selection_Tooltip'), \r\n {placement: 'bottom', container: '#editor-modal'});\r\n\r\n var selectedOfferings = form.find('#model-offerings').text().split(',');\r\n var selectedTitles = form.find('#model-titles').text().split(',');\r\n var selectedFields = form.find('#model-fields').text().split(',');\r\n\r\n var offerings = form.find('#Offerings');\r\n var freeFields = form.find('#FreeFields');\r\n var titles = form.find('#Titles');\r\n var startDate = form.find('#StartValue');\r\n\r\n var freeFieldGroups = form.find('#freefield-groups');\r\n\r\n MDB.initKendoDatePickers(form);\r\n MDB.initKendoMultiSelects(form);\r\n\r\n offerings.data('kendoMultiSelect').value(selectedOfferings);\r\n freeFields.data('kendoMultiSelect').value(selectedFields);\r\n titles.data('kendoMultiSelect').value(selectedTitles);\r\n\r\n MDB.EmailCampaign.initFreeFieldsGroup(freeFieldGroups, freeFields);\r\n\r\n var selectionId = form.find('#selection-id-value').val();\r\n form.find('#SelectionId > option').each(function(i) {\r\n var me = $(this);\r\n \r\n if(me.val().split('|')[0] == selectionId) {\r\n me.parent().prop('selectedIndex', i);\r\n me.parent().change();\r\n }\r\n });\r\n\r\n if(!canEdit) {\r\n titles.data(\"kendoMultiSelect\").enable(false);\r\n offerings.data(\"kendoMultiSelect\").enable(false);\r\n freeFields.data(\"kendoMultiSelect\").enable(false);\r\n startDate.data(\"kendoDatePicker\").enable(false);\r\n\r\n form.find('input,select,#title-select-all,button[name=\"btn-add-setting\"]').attr('disabled', true);\r\n form.find('.delete,#request-selection-container').hide();\r\n } else {\r\n form.find(\"#title-select-all\").click(function(e) {\r\n e.preventDefault();\r\n var values = $.map(titleSelect.dataSource.data(), function(dataItem) {\r\n return dataItem.value;\r\n });\r\n titleSelect.value(values);\r\n });\r\n }\r\n });\r\n });\r\n },\r\n getCampaignType: function (id) {\r\n return MDB.EmailCampaign.sendRequest(_config.getTypeUrl, { id: encodeURIComponent(id)}).done();\r\n },\r\n loadCampaignEditor: function (selector) {\r\n var def = $.Deferred();\r\n\r\n var loadMultiSelects = false;\r\n if(selector === undefined){\r\n selector = $('body');\r\n loadMultiSelects = true;\r\n }\r\n\r\n MDB.EmailCampaign.initButtons(selector, _config);\r\n\r\n // selector.find('#StartValue').kendoDatePicker({\r\n // dateInput: true,\r\n // format: 'dd-MM-yyyy',\r\n // parseFormats: [\"dd MM yyyy\"]\r\n // });\r\n\r\n selector.find('#SelectionId').find('option').each(function(){\r\n var me = $(this);\r\n if(me.text().includes(MDB.loadResourceString('Dpn_EmailCampaign_SelectionRequestResponseModel_SelectionRequested_Text'))) {\r\n me.prop('class', 'text-info');\r\n me.prop('style', 'font-style: italic;');\r\n }\r\n });\r\n\r\n MDB.initBootstrapSwitchesDependantControls(selector.find('.enable-switch'));\r\n\r\n if(loadMultiSelects) {\r\n var freeFields = selector.find('#FreeFields');\r\n var freeFieldGroups = selector.find('#freefield-groups');\r\n\r\n MDB.EmailCampaign.initFreeFieldsGroup(freeFieldGroups, freeFields);\r\n \r\n selector.find(\"#title-select-all\").click(function(e) {\r\n e.preventDefault();\r\n \r\n //Our multiSelect is not guaranteed to have been initialised upon load\r\n var titles = selector.find('#Titles').data('kendoMultiSelect');\r\n \r\n var values = $.map(titles.dataSource.data(), function(dataItem) {\r\n return dataItem.value;\r\n });\r\n \r\n titles.value(values);\r\n });\r\n }\r\n\r\n MDB.EmailCampaign.initSelectionTooltip(selector);\r\n def.resolve();\r\n return def.promise();\r\n },\r\n initFreeFieldsGroup: function (freeFieldGroups, freeFields) {\r\n freeFieldGroups.change(function() {\r\n var groups = JSON.parse(_config.freeFieldGroups);\r\n var group = _.find(groups, {Name: freeFieldGroups.val()});\r\n \r\n if(group == null) {\r\n freeFields.data('kendoMultiSelect').value('');\r\n return;\r\n }\r\n var newFields = _.union(group.Fields, freeFields.val());\r\n freeFields.data('kendoMultiSelect').value(newFields);\r\n });\r\n },\r\n loadManualSettingsSliders: function () {\r\n $('.percentage-slider').each(function (i, item) {\r\n var slider = $(item);\r\n\r\n slider.slider({\r\n formatter: function (value) {\r\n return 'Current value: ' + value;\r\n }\r\n });\r\n\r\n var name = slider.attr('id').split('-')[0];\r\n var max = parseFloat($('#' + name + '-max').val());\r\n\r\n slider.unbind('change');\r\n slider.on(\"change\", function () {\r\n $('#' + name + '-percentage').val(slider.val());\r\n $('#' + name + '-count').val(Math.ceil(max / 100 * parseFloat(slider.val())));\r\n triggerAllSliders(name, slider.val());\r\n });\r\n });\r\n\r\n $('.slider-percentage').each(function (i, item) {\r\n var percentage = $(item);\r\n var name = percentage.attr('id').split('-')[0];\r\n var max = parseFloat($('#' + name + '-max').val());\r\n\r\n percentage.unbind('change mouseup');\r\n percentage.on('keyup mouseup', function () {\r\n MDB.EmailCampaign.parsePercentageInput(percentage, 100);\r\n $('#' + name + '-slider').slider('setValue', parseFloat(percentage.val()));\r\n $('#' + name + '-count').val(Math.ceil(max / 100 * parseFloat(percentage.val())));\r\n triggerAllSliders(name, percentage.val());\r\n });\r\n });\r\n\r\n $('.slider-count').each(function (i, item) {\r\n var count = $(item);\r\n var name = count.attr('id').split('-')[0];\r\n var max = parseFloat($('#' + name + '-max').val());\r\n\r\n count.unbind('keyup');\r\n count.keyup(function () {\r\n MDB.EmailCampaign.parsePercentageInput(count, max);\r\n var percentage = parseFloat(count.val()) * 100 / max;\r\n\r\n $('#' + name + '-percentage').val(percentage);\r\n $('#' + name + '-slider').slider('setValue', percentage);\r\n triggerAllSliders(name, percentage.val());\r\n });\r\n });\r\n\r\n function triggerAllSliders(name, percentage) {\r\n if(name == MDB.loadResourceString('Dpn_EmailCampaign_ManualSettings_All_DisplayName')) {\r\n $('.percentage-slider').each(function () {\r\n var thisSlider = $(this);\r\n thisSlider.slider('setValue', parseFloat(percentage));\r\n var sliderName = thisSlider.attr('id').split('-')[0];\r\n var currentMax = $('#' + sliderName + '-max').val();\r\n\r\n $('#' + sliderName + '-percentage').val(thisSlider.val());\r\n $('#' + sliderName + '-count').val(Math.ceil(currentMax / 100 * parseFloat(thisSlider.val())));\r\n });\r\n }\r\n }\r\n },\r\n loadManualSettingsResetButtons: function() {\r\n $('.manual-reset-btn').each(function (i, btn) {\r\n var me = $(btn);\r\n me.unbind('click');\r\n me.click(function (e) {\r\n var name = me.attr('id').split('-')[0],\r\n percentage = $('#' + name + '-percentage'),\r\n count = $('#' + name + '-count'),\r\n max = $('#' + name + '-max').val(),\r\n slider = $('#' + name + '-slider');\r\n\r\n slider.slider('setValue', 100);\r\n count.val(max);\r\n percentage.val(100);\r\n });\r\n });\r\n },\r\n parsePercentageInput: function(me, max) {\r\n if (me.val() > max) {\r\n me.val(max);\r\n } else if (me.val() < 0) {\r\n me.val(0);\r\n }\r\n },\r\n manualEditorSaveBtnClick: function(id) {\r\n $('.slider-percentage').each(function (i, txt) {\r\n var percentage = $(txt);\r\n if (percentage.val() === \"\") {\r\n percentage.val(0);\r\n }\r\n });\r\n\r\n var values = [];\r\n $('.slider-count').each(function(i, counter){\r\n var me = $(counter);\r\n if (me.val() === \"\") {\r\n me.val(0);\r\n }\r\n\r\n var name = me.prop('id').split('-')[0];\r\n\r\n values.push({\r\n name: name,\r\n count: parseInt(me.val()),\r\n max: parseInt($('#' + name + '-max').val())\r\n });\r\n });\r\n\r\n _editorModal.modal('hide');\r\n \r\n MDB.EmailCampaign.sendRequest(_config.changeCampaignStateUrl, \r\n { \r\n id: encodeURIComponent(id),\r\n state: encodeURIComponent(_EmailCampaignState.Active),\r\n countValues: JSON.stringify(values)\r\n }).done(function (data) {\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Activated_Text'));\r\n _activeGrid.dataSource.read();\r\n _newGrid.dataSource.read();\r\n });\r\n },\r\n executeDelete: function(id, kendoGrid){\r\n MDB.EmailCampaign.sendRequest(_config.deleteCampaignUrl, {id: encodeURIComponent(id)}).done(function(data){\r\n MDB.Notify.bootstrapSuccess(MDB.loadResourceString('Dpn_EmailCampaign_Index_Campaign_Removed_Text'));\r\n kendoGrid.dataSource.read();\r\n });\r\n },\r\n sendRequest: function(url, data, method) {\r\n var def = $.Deferred();\r\n\r\n $.ajax({\r\n type: method === undefined ? \"GET\" : method,\r\n url: url,\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n data: data,\r\n success: function(data) {\r\n if (data.errors.length > 0) {\r\n //MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n console.warn(data.errors.join(':::: '));\r\n MDB.Notify.bootstrapDanger(data.errors.join('
'));\r\n def.reject();\r\n } else {\r\n def.resolve(data);\r\n }\r\n },\r\n error: function () {\r\n MDB.Notify.bootstrapDanger(MDB.loadResourceString('Generic_Error_Text'));\r\n def.reject();\r\n }\r\n });\r\n return def.promise();\r\n },\r\n initializeLoadingModal: function(modal) {\r\n modal = $(modal);\r\n \r\n //Our target is either a modal, or part of a modal\r\n var target = modal.find('.modal-body');\r\n if(!target.length){\r\n target = modal;\r\n }\r\n \r\n //Give a clear indication we're loading\r\n target.append(\r\n '
'\r\n );\r\n \r\n return modal;\r\n },\r\n clearForm: function(form){\r\n form.find('.serialize:not(#StartValue,#Type,#State)').val('');\r\n\r\n var titles = form.find('#Titles').data('kendoMultiSelect');\r\n var offerings = form.find('#Offerings').data('kendoMultiSelect');\r\n var fields = form.find('#FreeFields').data('kendoMultiSelect');\r\n\r\n titles.value('');\r\n offerings.value('');\r\n fields.value('');\r\n\r\n //remove all added rows in advanced settings\r\n $('[name=\"remove-adv-setting\"]').click();\r\n\r\n //If advanced settings are visible, re-hide\r\n if($('[name=\"btn-add-setting\"]').is(':visible')) {\r\n $('[name=\"ShowAdvancedSettings\"]').click();\r\n } \r\n }\r\n });\r\n})();","var MDB = window.MDB || {};\r\nMDB.GDPR = MDB.GDPR || {};\r\nMDB.GDPR.Roi = MDB.GDPR.Roi || {};\r\n\r\nMDB.GDPR.Roi.ListTable = function() {\r\n $('.dataTable').DataTable();\r\n};\r\n\r\nMDB.GDPR.Roi.Create = function (config) {\r\n var button = $('#uploadButton');\r\n var upload = $('#File');\r\n var label = $('#lblFileName');\r\n var numbers = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"];\r\n\r\n button.click(function (e) {\r\n e.preventDefault();\r\n clickFile();\r\n });\r\n\r\n upload.change(function (e) {\r\n var uploadValue = upload.val();\r\n var name = uploadValue.includes(\"\\\\\")\r\n ? uploadValue.substring(uploadValue.lastIndexOf(\"\\\\\") + 1)\r\n : uploadValue;\r\n\r\n\r\n label.html(config.labelTxt + \": \" + name);\r\n\r\n label.show();\r\n });\r\n\r\n $('#Birthdate').keyup(function (e) {\r\n var value = e.target.value;\r\n\r\n if (value.length === 2 || value.length === 5) {\n e.target.value = value + \"-\";\n }\r\n if (!numbers.includes(e.key) || value.length === 11) {\n e.target.value = value.substring(0, value.length - 1);\n }\r\n\r\n if (e.keyCode === 8 && value.substring(value.length - 1) === \"-\") {\r\n e.target.value = value.substring(0, value.length - 2);\r\n }\r\n });\r\n\r\n $('#HouseNo').keyup(function (e) {\r\n var value = e.target.value;\r\n\r\n if (!numbers.includes(e.key)) {\r\n e.target.value = value.substring(0, value.length - 1);\r\n }\r\n });\r\n\r\n $('#Gender').change(function (e) {\r\n var value = e.target.value;\r\n\r\n if (value === \"U\") {\r\n $('#different').show();\r\n } else {\r\n $('#different').hide();\r\n }\r\n });\r\n\r\n\r\n function clickFile() {\r\n upload.click();\r\n }\r\n};\r\n\r\nMDB.GDPR.Roi.ProcessRequest = function (config) {\r\n\r\n var upload = $('#upload');\r\n var uploadButton = $('#uploadButton');\r\n var viewId = $('#viewId');\r\n var approve = $('#approve');\r\n var deny = $('#deny');\r\n var reviewData = $('#reviewData');\r\n var notify = $('#notify');\r\n\r\n var viewFirstTxt = $('#viewFirstTxt');\r\n var approveFirstTxt = $('#approveFirstTxt');\r\n\r\n if (config.approved === \"False\") {\r\n disableControls([approve, uploadButton]);\r\n viewFirstTxt.show();\r\n approveFirstTxt.show();\r\n } else {\r\n enableControls([uploadButton]);\r\n }\r\n\r\n if (config.denied === \"False\") {\r\n disableControls([deny]);\r\n }\r\n\r\n if (config.denied !== \"True\" && config.approved !== \"True\") {\r\n disableControls([notify]);\r\n }\r\n\r\n bindPromptButtons($('.requires-confirm'));\r\n\r\n uploadButton.click(function (e) {\r\n e.preventDefault();\r\n upload.click();\r\n });\r\n\r\n upload.change(function (e) {\r\n $('#submit').click();\r\n });\r\n\r\n if (config.hasUserData === \"False\") {\r\n disableControls([reviewData]);\r\n }\r\n\r\n viewId.click(function (e) {\r\n enableControls([approve, deny]);\r\n viewFirstTxt.hide();\r\n });\r\n\r\n\r\n function disableControls(controls) {\r\n controls.forEach(function (control) {\r\n control.prop('disabled', true);\r\n });\r\n }\r\n\r\n function enableControls(controls) {\r\n controls.forEach(function (control) {\r\n control.prop('disabled', false);\r\n });\r\n }\r\n\r\n function bindPromptButtons(selector) {\r\n $(selector).on('click',\r\n function (e) {\r\n e.preventDefault();\r\n var me = this;\r\n var $me = $(me);\r\n console.log(me);\r\n console.log($me);\r\n MDB.navigateAfterPrompt({\r\n title: $me.data('title'),\r\n textBody: $me.data('body'),\r\n url: $me.data('url')\r\n });\r\n });\r\n }\r\n};\r\n","var MDB = window.MDB || {};;\r\nMDB.Mangl = MDB.Mangl || {};\r\nMDB.Mangl.Questions = MDB.Mangl.Questions || {};\r\n\r\n\r\n(function($, MDB){\r\n var questionFieldTemplate = '[%s].Questions[%s].%s';\r\n\r\n function shouldTriggerEvent(event){\r\n if(!!event && !!event.target && event.dy !== 0) {\n return true;\n }\r\n\r\n return false;\r\n }\r\n\r\n function ondropactivate(fn){\r\n return function(event){\r\n if(fn) {\n fn(event);\n } \r\n setClass(event.target, 'drop-active');\r\n }\r\n }\r\n\r\n function ondropdeactivate(fn){\r\n return function(event){\r\n if(fn) {\n fn(event);\n } \r\n removeClass(event.target, 'drop-active');\r\n removeClass(event.target, 'drop-target');\r\n }\r\n }\r\n\r\n function ondragenter(fn){\r\n return function(event){\r\n if(fn) {\n fn(event);\n } \r\n setClass(event.target, 'drop-target');\r\n setClass(event.relatedTarget, 'can-drop');\r\n }\r\n }\r\n\r\n function ondragleave(fn){\r\n return function(event){\r\n if(fn) {\n fn(event);\n }\r\n removeClass(event.target, 'drop-target');\r\n removeClass(event.relatedTarget, 'can-drop');\r\n }\r\n }\r\n\r\n function setClass(target, className){\r\n if(!target.classList.contains(className)) {\n target.classList.add(className);\n }\r\n }\r\n\r\n function removeClass(target, className){\r\n if(target.classList.contains(className)) {\n target.classList.remove(className);\n }\r\n }\r\n\r\n function ondrop(fn){\r\n return function(event){\r\n if(fn) {\n fn(event);\n }\r\n\r\n var dragEvent = event.dragEvent;\r\n\r\n var target = event.target\r\n , dropzoneEl = event.relatedTarget;\r\n\r\n dropzoneEl.style.top = '0px';\r\n\r\n var parent = target.parentElement;\r\n if(dropzoneEl.parentNode !== parent){\r\n if(dragEvent.dy > 0) {\n dragEvent.dy = -1;\n }\r\n\r\n if(parent.children.length > 1){\r\n if(target === parent.firstElementChild) {\n dragEvent.dy = 0;\n }\r\n if(target === parent.lastElementChild) {\n dragEvent.dy = 1;\n }\r\n } else{\r\n dragEvent.dy = 0;\r\n }\r\n\r\n parent.prepend(dropzoneEl);\r\n }\r\n\r\n var args = [dropzoneEl, target];\r\n if(dragEvent.dy > 0){\r\n //Position nodes next to eachother\r\n parent.insertBefore(dropzoneEl, target);\r\n\r\n //Swap positions in DOM \r\n parent.insertBefore(target, dropzoneEl);\r\n } else if (dragEvent.dy < 0){\r\n parent.insertBefore(dropzoneEl, target);\r\n }\r\n\r\n }\r\n }\r\n\r\n $.extend(MDB.Mangl.Questions, {\r\n bootDivisionConfiguration: function (containerSelector) {\r\n $(containerSelector).on('click', '[name$=\"ClassificationSelected\"]', function() {\r\n var target = $(this)\r\n , isChecked = this.checked;\r\n\r\n var row = target.closest('.classification-row')\r\n , disableDoesNotApplyCheckbox = row.find('input[type=\"checkbox\"].require-classification');\r\n\r\n if (isChecked) {\r\n disableDoesNotApplyCheckbox.attr('disabled', null);\r\n } else {\r\n disableDoesNotApplyCheckbox.attr('disabled', 'disabled');\r\n }\r\n });\r\n\r\n $(containerSelector).on('click', '[name$=\"IsSelected\"]', function (e) {\r\n var collapseToggle = $(this).closest('.selectable-item-row').find('[data-toggle=\"collapse\"]');\r\n var collapseTarget = $(collapseToggle.attr('href'));\r\n\r\n if (this.checked) {\r\n collapseToggle.removeClass('hidden');\r\n } else {\r\n collapseToggle.addClass('hidden');\r\n collapseTarget.removeClass('show');\r\n }\r\n });\r\n },\r\n boot: function(){\r\n $('.btn-add').on('click', function(){\r\n MDB.Mangl.Questions.addQuestion();\r\n });\r\n\r\n $('.btn-save').on('click', function(){\r\n var form = $('form.save-handler');\r\n if(form.valid()){\r\n MDB.Mangl.Questions.reIndexQuestions(); \r\n\r\n form.find('input[type=\"checkbox\"]').val(function(){\r\n return this.checked;\r\n });\r\n\r\n form.trigger('submit');\r\n }\r\n });\r\n\r\n MDB.Mangl.Questions.initDragAndDrop();\r\n },\r\n addQuestion: function(selector){\r\n selector = selector || '.question-container:first';\r\n \r\n $.ajax({\r\n action: 'GET',\r\n url: 'AddQuestion',\r\n success: function(data){\r\n $(selector).prepend(data);\r\n }\r\n });\r\n },\r\n reIndexQuestions: function(){\r\n $('.question-category').each(function(categoryIndex){\r\n $(this).find('.editable-question').each(function(questionIndex){\r\n $(this).find('input,select').attr('name', function(){\r\n var fieldName = this.name.replace( /\\[.*\\]\\.?/, '');\r\n var name = sprintf(questionFieldTemplate, categoryIndex, questionIndex, fieldName);\r\n\r\n //Update validator\r\n $(this).siblings('span[data-valmsg-for=\"' + this.name + '\"]').attr('data-valmsg-for',name);\r\n\r\n return name;\r\n });\r\n });\r\n });\r\n },\r\n initDragAndDrop: function(){\r\n interact('.editable-question').draggable({\r\n max: 1,\r\n autoScroll: true,\r\n insertia: false,\r\n restrict: {\r\n endOnly: true\r\n },\r\n snap: {\r\n targets: [\r\n //Create grid only for y axis to prevent horizontal movement\r\n interact.createSnapGrid({ y: 1 })\r\n ],\r\n range: Infinity\r\n },\r\n onmove: function(event) {\r\n if(!shouldTriggerEvent(event)) {\n return;\n }\r\n\r\n var target = event.target;\r\n\r\n setClass(target, 'dragging');\r\n\r\n var top = target.style.top || '0px';\r\n top = parseFloat(top.replace('[^0-9.]'));\r\n\r\n target.style.top = (top + event.dy) + 'px';\r\n },\r\n onend: function (event) {\r\n if(!shouldTriggerEvent(event)) {\n return;\n }\r\n\r\n var target = event.target;\r\n\r\n removeClass(target, 'dragging');\r\n\r\n //Reset top before attempting to find the swappable nodes\r\n $(target).parents('.question-container').find('.editable-question').css('top', 0);\r\n }\r\n }).allowFrom('.handle').styleCursor(false);;\r\n\r\n interact('.question-category').dropzone({\r\n accept: '.editable-question',\r\n overlap: 0.25,\r\n ondropactivate: ondropactivate(),\r\n ondragenter: ondragenter(),\r\n ondragleave: ondragleave(),\r\n ondropdeactivate: ondropdeactivate(),\r\n ondrop: ondrop(function(event){\r\n var target = event.target\r\n , dropzoneEl = event.relatedTarget;\r\n \r\n target = $(target).find('.question-container')[0];\r\n if(dropzoneEl.parentNode !== target && !target.firstElementChild) {\n target.append(event.relatedTarget);\n }\r\n\r\n event.target = target.firstElementChild;\r\n })\r\n });\r\n\r\n interact('.editable-question').dropzone({\r\n accept: '.editable-question',\r\n overlap: 0.5,\r\n ondropactivate: ondropactivate(),\r\n ondragenter: ondragenter(),\r\n ondragleave: ondragleave(),\r\n ondropdeactivate: ondropdeactivate(),\r\n ondrop: ondrop()\r\n });\r\n\r\n interact.maxInteractions(Infinity);\r\n }\r\n });\r\n})(jQuery, MDB);","var MDB = window.MDB || {};\r\nMDB.DPN = MDB.DPN || {};\r\nMDB.DPN.Campaigns = MDB.DPN.Campaigns || {};\r\n\r\n(function($){\r\n // var _apiUrl = '/api/DPN/Campaigns/Get';\r\n var _useTotalsTestData = false;\r\n var _useTimelineTestData = false;\r\n var _annotationsTimelineHideDelay = 2500;\r\n \r\n var _testDateDelay = 1000;\r\n var _colorGenerator;\r\n var _annotationCategoryColors = {\r\n 'Default': '#CBCBCB',\r\n 'Attention': '#DC0022',\r\n 'Opmerking': '#3C5CF4',\r\n 'Change': '#F66D1F',\r\n 'Delivery': '#64B95E'\r\n };\r\n\r\n var _widgets = [];\r\n \r\n $.extend(MDB.DPN.Campaigns, {\r\n _loadCampaignTotalsWidgetTestDataSet: function(){\r\n function getRandomNumber(max, min){\r\n return Math.max(min || 0, Math.round(Math.random() * max));\r\n }\r\n \r\n return $.Deferred(function(def){\r\n var campaigns = getTestCampaigns();\r\n var dateRange = getDateRangeInDays();\r\n\r\n var data = _.map(dateRange, function(date) {\r\n return _.reduce(campaigns, function(record, campaign){\r\n record[campaign] = getRandomNumber(10000);\r\n return record;\r\n }, {date: date});\r\n });\r\n\r\n\r\n setTimeout(function(){\r\n def.resolve(data);\r\n }, _testDateDelay);\r\n }).promise();\r\n },\r\n _loadCampaignTimelineWidgetTestDataSet: function(){\r\n function getRandomNumber(max, min){\r\n return Math.max(min || 0, Math.round(Math.random() * max));\r\n }\r\n\r\n return $.Deferred(function(def){\r\n var campaigns = getTestCampaigns();\r\n var dateRange = getDateRangeInDays();\r\n\r\n var data = _.map(campaigns, function(campaign){\r\n var startDateIndex = getRandomNumber(dateRange.length - 2);\r\n var endDateIndex = getRandomNumber(dateRange.length - 1, startDateIndex + 1);\r\n\r\n return {\r\n name: campaign,\r\n startDate: dateRange[startDateIndex],\r\n endDate: dateRange[endDateIndex],\r\n id: MDB.guid()\r\n }\r\n });\r\n\r\n\r\n setTimeout(function(){\r\n def.resolve(data);\r\n }, _testDateDelay);\r\n }).promise();\r\n },\r\n _loadAnnotationTimelineWidgetTestDataSet: function(){\r\n function getRandomNumber(max, min){\r\n return Math.max(min || 0, Math.round(Math.random() * max));\r\n }\r\n \r\n return $.Deferred(function(def){\r\n var range = getDateRangeInDays();\r\n \r\n //Take all but default\r\n var categories = _.reject(Object.keys(_annotationCategoryColors), function(k){return k === 'Default'});\r\n \r\n var data = _.map(range, function(date){\r\n if(!Math.round(Math.random() - 0.2)){\r\n return undefined;\r\n }\r\n \r\n var category = categories[getRandomNumber(categories.length - 1)];\r\n \r\n return {\r\n date: date,\r\n description: 'Description of ' + category + ' event',\r\n category: category\r\n }\r\n });\r\n\r\n def.resolve(_.filter(data));\r\n });\r\n },\r\n _loadCampaignTotalsWidgetRemoteDataSet: function(opts){\r\n return $.Deferred(function(def){\r\n //TODO: Gather data as regular widget?\r\n $.ajax({\r\n url: opts.url + '?' + $.param(getApiFilters())\r\n }).done(function(rawResults){\r\n //Keeping track of two seperate sets should be the way to go\r\n //One for the result records grouped by day\r\n //One for the actual result array\r\n var resultsPerDay = {};\r\n var results = [];\r\n\r\n //Target data format:\r\n //[\r\n // { date: '2019-01-01', Campaign_Name_1: Total_1, Campaign_Name_2: Total_2 },\r\n // { date: '2019-01-01', Campaign_Name_1: Total_1, Campaign_Name_2: Total_2 }\r\n //]\r\n \r\n //Raw result data format:\r\n //[\r\n // { Date: '2019-01-01', Campaign: Campaign_Name_1, Total: 5 }\r\n // { Date: '2019-01-02', Campaign: Campaign_Name_1, Total: 8 }\r\n // { Date: '2019-01-01', Campaign: Campaign_Name_2, Total: 6 }\r\n // { Date: '2019-01-02', Campaign: Campaign_Name_2, Total: 1 }\r\n //]\r\n \r\n rawResults.forEach(function(rawResult){\r\n var result = resultsPerDay[rawResult.Date];\r\n if(!result){\r\n result = resultsPerDay[rawResult.Date] = {};\r\n result.date = new Date(rawResult.Date);\r\n results.push(result);\r\n }\r\n \r\n result[rawResult.Campaign] = rawResult.Total;\r\n });\r\n\r\n def.resolve(results);\r\n });\r\n }).promise();\r\n },\r\n _loadCampaignTimelineDurationWidgetRemoteDataSet: function(opts){\r\n return $.Deferred(function(def){\r\n //TODO: Gather data as regular widget?\r\n $.ajax({\r\n url: opts.url + '?' + $.param(getApiFilters())\r\n }).done(function(result){\r\n //Map results to common format, ignoring results that can't be displayed due to being incomplete\r\n result = _.reduce(result, function(mapped, item){\r\n mapped = mapped || [];\r\n \r\n //Ignore any data that can't be displayed\r\n if(item.EndDate && item.StartDate && item.Name){\r\n mapped.push({\r\n id: item.Id,\r\n name: item.Name,\r\n startDate: moment(item.StartDate).toDate(),\r\n endDate: moment(item.EndDate).toDate()\r\n })\r\n }\r\n \r\n return mapped;\r\n }, []);\r\n \r\n def.resolve(result);\r\n });\r\n }).promise();\r\n },\r\n _loadAnnotationTimelineWidgetRemoteDataSet: function(opts){\r\n return $.Deferred(function(def){\r\n $.ajax({\r\n url: opts.url + opts.id\r\n }).done(function(result){\r\n //Map to common format\r\n result = result.map(function(item){\r\n return {\r\n date: moment(item.Date).toDate(),\r\n description: item.Description,\r\n category: item.Type,\r\n channels: item.CampaignChannelsValue,\r\n titles: item.CampaignTitlesValue,\r\n creator: item.CreatedByValue\r\n }\r\n });\r\n\r\n def.resolve(result);\r\n });\r\n }).promise();\r\n },\r\n _loadCampaignTotalsWidgetDataSet: function(opts){\r\n var impl = MDB.DPN.Campaigns._loadCampaignTotalsWidgetRemoteDataSet;\r\n if(_useTotalsTestData === true){\r\n impl = MDB.DPN.Campaigns._loadCampaignTotalsWidgetTestDataSet;\r\n }\r\n \r\n return impl(opts);\r\n },\r\n _loadCampaignTimelineWidgetDataset: function(opts){\r\n var impl = MDB.DPN.Campaigns._loadCampaignTimelineDurationWidgetRemoteDataSet;\r\n if(_useTimelineTestData === true){\r\n impl = MDB.DPN.Campaigns._loadCampaignTimelineWidgetTestDataSet;\r\n }\r\n \r\n return impl(opts);\r\n },\r\n _loadAnnotationTimelineWidgetDataSet: function(opts){\r\n var impl = MDB.DPN.Campaigns._loadAnnotationTimelineWidgetRemoteDataSet;\r\n if(_useTimelineTestData === true){\r\n impl = function(){\r\n return MDB.DPN.Campaigns._loadAnnotationTimelineWidgetTestDataSet();\r\n };\r\n }\r\n\r\n return impl(opts);\r\n },\r\n getDefaultDateRange: function () {\r\n return {\r\n //Start of last month\r\n startDate: moment().add(-1, 'month').startOf('month').toDate(),\r\n \r\n //End of next month\r\n endDate: moment().add(1, 'month').endOf('month').toDate()\r\n };\r\n },\r\n initCampaignTimelineWidget: function(selector, opts){\r\n opts = opts || {};\r\n var kendoConfig = opts.kendoConfig || {};\r\n \r\n selector = $(selector);\r\n \r\n var container = $('
', {class: 'rangebar-widget-container'});\r\n var labelContainer = $('
', {class: 'rangebar-widget-label-container'});\r\n \r\n labelContainer.appendTo(selector);\r\n container.appendTo(selector);\r\n \r\n return MDB.DPN.Campaigns._loadCampaignTimelineWidgetDataset(opts).done(function(data){\r\n var dateRange = getDateRangeInDays(opts);\r\n \r\n data.filter(function(d){ return d.startDate.getTime() === d.endDate.getTime(); }).forEach(function(d){\r\n //Kendo only draws the label when start/end are equal\r\n //For a better looking gauge; ensure startDate is just a tiny bit earlier than the endDate in such cases\r\n d.startDate = moment(d.startDate).add(-1, 'second').toDate();\r\n });\r\n \r\n //Total milliseconds per month varies, and kendo does not support a 'month' major unit\r\n //Use weeks as a compromise\r\n var majorUnit = 7 * 24 * 60 * 60 * 1000; //One week\r\n\r\n var min = dateRange[0].getTime();\r\n var max = dateRange[dateRange.length - 1 ].getTime();\r\n \r\n var customHoverHandlers = {};\r\n \r\n //https://docs.telerik.com/kendo-ui/controls/charts/how-to/various/timeline-using-range-bars\r\n var chartKendoConfig = {\r\n chartArea: {\r\n height: 350\r\n },\r\n dataSource: {\r\n //Category needs to be something unique, otherwise kendo will flip out\r\n group: 'id',\r\n data: data\r\n },\r\n valueAxis: {\r\n min: min,\r\n max: max,\r\n majorUnit: majorUnit,\r\n labels: {\r\n template: '#= moment(new Date(value)).isoWeek() #',\r\n visible: false,\r\n position: 'top',\r\n align: 'top',\r\n rotation: 90\r\n }\r\n },\r\n series: [{\r\n type: 'rangeBar',\r\n fromField: 'startDate',\r\n toField: 'endDate',\r\n labels: {\r\n visible: true,\r\n template: '#= dataItem.name #',\r\n background: 'transparent',\r\n position: 'center'\r\n },\r\n color: function(args){\r\n return getColorFor(args.dataItem.name);\r\n }\r\n }],\r\n legend: {\r\n visible: false\r\n },\r\n seriesHover: function(e){\r\n //Only trigger if we've got a custom event handler\r\n if(!opts.getSeriesLabelHoverBody){\r\n return;\r\n }\r\n \r\n //Once we've attached our own eventhandlers, we can ignore kendo\r\n if(customHoverHandlers[e.dataItem.uid] && !e._isCustom) \r\n {\r\n return;\r\n }\r\n \r\n var seriesColor = '#FFFFFF'; //e.series.color.apply(this, arguments);\r\n\r\n var linkContainer = container.find('.chart-link-container');\r\n linkContainer.remove();\r\n\r\n linkContainer = $('
', {'class': 'chart-link-container'});\r\n\r\n //Every drawn bar consists of a g element with an transform attribute (the actual bar)\r\n //Followed by 2 g elements with opacity attributes (the displayed text)\r\n var targetNodeSelector = e.element.is('text') ? e.element : e.element.closest('[opacity]').find('text');\r\n if(!targetNodeSelector.length){\r\n var topLevelNode = e.element.is('[transform]') ? e.element : e.element.closest('[transform]');\r\n targetNodeSelector = topLevelNode.next().find('text');\r\n }\r\n \r\n var barNode = targetNodeSelector.closest('[opacity]').prev();\r\n if(!barNode.is('[transform]')){\r\n barNode = barNode.prev();\r\n }\r\n\r\n //Kendo retains its selected/hover state even after an element no longer has focus via mouseover\r\n //By default, kendo marks an element as out of focus as soon as another element gains focus/the mouse leaves the chart\r\n //To prevent our this from hindering us, attach our own event handlers to the series bar + labels\r\n if(!customHoverHandlers[e.dataItem.uid]){\r\n customHoverHandlers[e.dataItem.uid] = true;\r\n\r\n var thisArg = this;\r\n var args = arguments;\r\n var fn = args.callee;\r\n \r\n e._isCustom = true;\r\n \r\n barNode.on('mouseover', function(){ fn.apply(thisArg, args); });\r\n barNode.next().on('mouseover', function(){ fn.apply(thisArg, args); });\r\n barNode.next().next().on('mouseover', function(){ fn.apply(thisArg, args); });\r\n \r\n barNode.on('mouseleave', function(){\r\n //Ensure event also works after initial hover\r\n var currentLinkContainer = container.find('.chart-link-container');\r\n \r\n if(!currentLinkContainer.is(':hover')){\r\n currentLinkContainer.remove();\r\n }\r\n });\r\n }\r\n \r\n var targetNode = targetNodeSelector[0];\r\n\r\n var targetNodeBoundingRect = targetNode.getBoundingClientRect();\r\n var containerNodeBoundingRect = container[0].getBoundingClientRect();\r\n\r\n var containerTop = containerNodeBoundingRect.top + window.pageYOffset;\r\n\r\n linkContainer.append(opts.getSeriesLabelHoverBody(e));\r\n linkContainer.prependTo(container);\r\n \r\n //Ensure no half/quarter pixels are leftover\r\n //this can cause a slight bit of the original bar to peek through at the bottom\r\n var top = Math.floor((targetNodeBoundingRect.top + window.pageYOffset) - containerTop) + 1;\r\n var linkContainerWidth = linkContainer.width();\r\n \r\n var left = (targetNodeBoundingRect.left - containerNodeBoundingRect.left) - (linkContainerWidth / 4);\r\n\r\n //Should not exceed containers bounds\r\n left = Math.min(left, containerNodeBoundingRect.width - linkContainerWidth);\r\n left = Math.max(left, 0);\r\n \r\n linkContainer.css({\r\n 'background-color': seriesColor,\r\n 'top': top,\r\n 'left': left\r\n });\r\n \r\n linkContainer.on('mouseleave', function(){\r\n if(!barNode.is(':hover')){\r\n linkContainer.remove();\r\n }\r\n });\r\n },\r\n seriesClick: function(e){\r\n var dataItem = e.dataItem\r\n , value = e.value;\r\n \r\n //Remove previous items\r\n container.find('.marker-timeline-chart').remove();\r\n \r\n //Some nodes nested in the actual bar aren't regarded as visible but are still clickable\r\n var targetNode = e.element[0];\r\n if(targetNode.getBoundingClientRect().top === 0){\r\n targetNode = targetNode.parentNode;\r\n }\r\n \r\n var targetNodeBoundingRect = targetNode.getBoundingClientRect(); \r\n var containerNodeBoundingRect = container[0].getBoundingClientRect();\r\n \r\n var containerTop = containerNodeBoundingRect.top + window.pageYOffset;\r\n var top = targetNodeBoundingRect.height + (targetNodeBoundingRect.top + window.pageYOffset) - containerTop;\r\n \r\n var targetNodeRelativeX = targetNodeBoundingRect.left - containerNodeBoundingRect.left;\r\n \r\n var el = $('
', {'class': 'marker-timeline-chart horizontal-timeline-chart'});\r\n \r\n el.prependTo(container);\r\n \r\n var timelineWidth = el.width();\r\n var timelineLeft = el.position().left;\r\n\r\n //Width, left, etc... can only be calculated once the element is actually present in the dom\r\n //Width has to be halved as we want to center the element\r\n var left = (targetNodeRelativeX + (targetNodeBoundingRect.width / 2)) - ((timelineWidth / 2) + timelineLeft);\r\n \r\n //Timeline should never horizontally go out of bounds of its container\r\n left = Math.min(left, containerNodeBoundingRect.width - (timelineWidth + timelineLeft));\r\n left = Math.max(left, 0);\r\n \r\n el.css({\r\n // 'width': container.width() - elementWidthOffset,\r\n // 'margin-left': elementWidthOffset / 2,\r\n 'top': top,\r\n 'left': left\r\n });\r\n \r\n MDB.DPN.Campaigns.initAnnotationTimelineWidget(el, { \r\n url: opts.annotationUrl,\r\n id: dataItem.id,\r\n startDate: value.from,\r\n endDate: value.to\r\n });\r\n\r\n setTimeout(function hideElementWhenOutOfFocus(){\r\n if(!el.is(':hover')){\r\n el.fadeOut(500);\r\n }\r\n else{\r\n setTimeout(hideElementWhenOutOfFocus, _annotationsTimelineHideDelay);\r\n }\r\n }, _annotationsTimelineHideDelay);\r\n }\r\n };\r\n \r\n var labelKendoConfig = {\r\n chartArea: {\r\n height: 50\r\n },\r\n dataSource: {\r\n data: []\r\n },\r\n series: [{ type: 'rangeBar' }],\r\n categoryAxis: {\r\n line: {\r\n visible: false\r\n },\r\n majorGridLines: {\r\n visible: false,\r\n },\r\n minorGridLines: {\r\n visible: false\r\n },\r\n },\r\n valueAxis: {\r\n line: {\r\n visible: false,\r\n },\r\n majorGridLines: {\r\n visible: false,\r\n },\r\n minorGridLines: {\r\n visible: false\r\n },\r\n min: min,\r\n max: max,\r\n majorUnit: majorUnit,\r\n labels: {\r\n template: '#= moment(new Date(value)).format(\"W\") #',\r\n visible: true,\r\n // position: 'top',\r\n // rotation: 45\r\n }\r\n },\r\n legend: {\r\n visible: false\r\n }\r\n };\r\n\r\n chartKendoConfig = $.extend(true, chartKendoConfig, kendoConfig);\r\n labelKendoConfig = $.extend(true, labelKendoConfig, kendoConfig);\r\n \r\n _widgets.push(labelContainer.kendoChart(labelKendoConfig));\r\n _widgets.push(container.kendoChart(chartKendoConfig));\r\n });\r\n }, \r\n initCampaignTotalsWidget: function(selector, opts){\r\n opts = opts || {};\r\n var kendoConfig = opts.kendoConfig || {};\r\n selector = $(selector);\r\n\r\n var container = $('
', {class: 'area-widget'});\r\n container.appendTo(selector);\r\n \r\n //Data format:\r\n //[\r\n // { date: '2019-01-01', Campaign_Name_1: Total_1, Campaign_Name_2: Total_2 },\r\n // { date: '2019-01-01', Campaign_Name_1: Total_1, Campaign_Name_2: Total_2 }\r\n //]\r\n \r\n return MDB.DPN.Campaigns._loadCampaignTotalsWidgetDataSet(opts).done(function(data){\r\n var keyMappings = MDB.Charts.transformKeysToKendoFields(data);\r\n\r\n var chartKendoConfig = {\r\n chartArea: { \r\n height: 350 \r\n },\r\n dataSource: { \r\n data: data \r\n },\r\n categoryAxis: {\r\n field: 'date',\r\n type: 'date',\r\n labels: {\r\n visible: false\r\n }\r\n },\r\n seriesDefaults: {\r\n type: \"column\",\r\n stack: true\r\n },\r\n valueAxis: {\r\n reverse: true,\r\n type: 'numeric',\r\n labels: {\r\n visible: false\r\n }\r\n },\r\n tooltip: {\r\n visible: true,\r\n font: \"12px Arial,Helvetica,sans-serif\",\r\n template: MDB.Charts.combineWithDefaultTooltipTemplate('#= value # (#= moment(dataItem.date).format(\"DD-MM\") #)'),\r\n border: {\r\n width: 1\r\n }\r\n },\r\n series: _.map(keyMappings.slice(1), function(keyMapping){\r\n return {\r\n field: keyMapping.field,\r\n name: keyMapping.originalKey,\r\n color: getColorFor(keyMapping.originalKey)\r\n }\r\n }),\r\n legend: {\r\n visible: false\r\n }\r\n };\r\n\r\n chartKendoConfig = $.extend(chartKendoConfig, kendoConfig);\r\n\r\n _widgets.push(container.kendoChart(chartKendoConfig));\r\n });\r\n }, \r\n initAnnotationTimelineWidget: function(selector, opts){\r\n var loadWidgetDataProm = MDB.DPN.Campaigns._loadAnnotationTimelineWidgetDataSet(opts);\r\n \r\n var infoContainer = $('
', {'class': 'timeline-annotation-info'}).hide();\r\n \r\n var body = $('
', {'class': 'timeline-body'})\r\n .append($('
', {'class': 'timeline-line'}));\r\n \r\n var timeline = $('
').css({'width': '100%', 'height': 60})\r\n .append($('
', {'class': 'timeline-arrow timeline-arrow-left fas fa-2x fa-angle-left'}))\r\n .append(body)\r\n .append($('
', {'class': 'timeline-arrow timeline-arrow-right fas fa-2x fa-angle-right'}));\r\n \r\n infoContainer.prependTo(selector);\r\n timeline.prependTo(selector);\r\n \r\n loadWidgetDataProm.done(function(annotations){\r\n if(!annotations.length){\r\n return;\r\n }\r\n \r\n var sortedAnnotations = _.sortBy(annotations, 'date');\r\n\r\n //We are guaranteed to have notifications, and we are guaranteed to have them sorted by date\r\n //Hence we can just take the first one to determine the first notification date\r\n var firstAnnotationDate = moment(sortedAnnotations[0].date);\r\n var start = moment(opts.startDate);\r\n \r\n //When the first annotation was made before the start of the campaign, take that date as our start value\r\n if(start > firstAnnotationDate){\r\n start = firstAnnotationDate;\r\n }\r\n\r\n //Partition the available width of the element over the total amount of days \r\n var totalWidth = body.width() * 0.85; //Width defined as 85% in stylesheet\r\n var totalDays = moment(opts.endDate).diff(start, 'day');\r\n\r\n //When our campaign spans a single day, we can just take the complete width of the bar\r\n var pixelsPerDay = totalDays !== 0 ? totalWidth / totalDays : totalWidth;\r\n \r\n var previousPosition;\r\n\r\n sortedAnnotations.forEach(function(annotation){\r\n var date = moment(annotation.date)\r\n , daysAfterStart = date.diff(start, 'day');\r\n \r\n //Ensure annotation are not drawn on top of eachother by forcing a minimum width between them\r\n var position = Math.round(daysAfterStart * pixelsPerDay);\r\n if(position <= previousPosition){\r\n position = previousPosition + 8;\r\n }\r\n previousPosition = position;\r\n \r\n var annotationElement = $('
', { 'class': 'timeline-item fas fa-2x fa-map-marker-alt' })\r\n .css({\r\n 'color': getAnnotationColor(annotation.category),\r\n 'left': position\r\n });\r\n \r\n annotationElement.data('annotation', annotation);\r\n \r\n body.prepend(annotationElement);\r\n });\r\n\r\n var isEntering = false;\r\n\r\n body.find('.timeline-item').on('mouseenter', function(){\r\n isEntering = true;\r\n\r\n var annotation = $(this).data('annotation');\r\n infoContainer.html(getAnnotationInfoHtml(annotation));\r\n infoContainer.show();\r\n\r\n isEntering = false;\r\n }).on('mouseout', function(){\r\n if(!isEntering){\r\n infoContainer.hide();\r\n }\r\n });\r\n });\r\n },\r\n getWidgets: function () {\r\n return _widgets;\r\n },\r\n getDateRange: function () {\r\n var defaults = MDB.DPN.Campaigns.getDefaultDateRange();\r\n \r\n var startDate = defaults.startDate;\r\n var endDate = defaults.endDate;\r\n \r\n //Only if an actual range has been specified, override defaults\r\n if(MDB.Charts) {\r\n if(MDB.Charts.dateStart){\r\n startDate = moment(MDB.Charts.dateStart, MDB.Charts.dateFilterFormat).toDate();\r\n }\r\n \r\n if(MDB.Charts.dateEnd){\r\n endDate = moment(MDB.Charts.dateEnd, MDB.Charts.dateFilterFormat).toDate();\r\n }\r\n }\r\n \r\n return {\r\n startDate: startDate,\r\n endDate: endDate\r\n }\r\n }\r\n });\r\n\r\n function getColorGenerator(){\r\n return MDB.Charts.createColorGenerator();\r\n }\r\n\r\n function getColorFor(str){\r\n if(!_colorGenerator){\r\n _colorGenerator = getColorGenerator();\r\n }\r\n\r\n return _colorGenerator(str);\r\n }\r\n \r\n function getAnnotationInfoHtml(annotation){\r\n var rowTemplate = '
' +\r\n '
%s:
' +\r\n '
' +\r\n '
';\r\n \r\n var template =\r\n '
' +\r\n '
' +\r\n sprintf(rowTemplate, MDB.loadResourceString('Dpn_CampaignAnnotationModel_Date_DisplayName'), 'date') +\r\n sprintf(rowTemplate, MDB.loadResourceString('Dpn_CampaignAnnotationModel_Category_DisplayName'), 'category') +\r\n sprintf(rowTemplate, MDB.loadResourceString('Dpn_CampaignAnnotationModel_CreatedBy_DisplayName'), 'creator') +\r\n sprintf(rowTemplate, MDB.loadResourceString('Dpn_CampaignAnnotationModel_CampaignChannels_DisplayName'), 'channels') +\r\n sprintf(rowTemplate, MDB.loadResourceString('Dpn_CampaignAnnotationModel_CampaignTitles_DisplayName'), 'titles') +\r\n '
' +\r\n '
' +\r\n '
' +\r\n '
';\r\n\r\n template = $(template);\r\n template.find('[data-bind=\"date\"]').text(moment(annotation.date).format('DD-MM-YYYY'));\r\n template.find('[data-bind=\"description\"]').text(annotation.description);\r\n template.find('[data-bind=\"creator\"]').text(annotation.creator);\r\n template.find('[data-bind=\"channels\"]').text(annotation.channels);\r\n template.find('[data-bind=\"titles\"]').text(annotation.titles);\r\n template.find('[data-bind=\"category\"]')\r\n .text(annotation.category)\r\n .css({'color': getAnnotationColor(annotation.category)});\r\n\r\n\r\n return $('
').append(template).html();\r\n }\r\n \r\n function getAnnotationColor(annotationCategory){\r\n return _annotationCategoryColors[annotationCategory] || _annotationCategoryColors['Default'];\r\n }\r\n \r\n function getDateRange(){\r\n return MDB.DPN.Campaigns.getDateRange();\r\n }\r\n \r\n function getApiFilters(){\r\n var dateRange = getDateRange();\r\n \r\n return {\r\n startDate: moment(dateRange.startDate).format(MDB.Charts.dateFilterFormat),\r\n endDate: moment(dateRange.endDate).format(MDB.Charts.dateFilterFormat),\r\n serializedFilters: JSON.stringify(MDB.Charts.getArraySerializedFilters())\r\n };\r\n }\r\n \r\n function getDateRangeInDays(){\r\n var now = moment()\r\n , dateRange = getDateRange();\r\n \r\n //from start of last month to end of next month\r\n var start = moment(dateRange.startDate).diff(now, 'day');\r\n var end = moment(dateRange.endDate).diff(now, 'day') + 1;\r\n \r\n return _.map(_.range(start, end, 1), function(day){\r\n return moment().add(day, 'day').toDate();\r\n });\r\n }\r\n\r\n function getTestCampaigns(){\r\n return ['SOA', 'LGBT', 'Happy Cactus', 'Krantenmens'];\r\n }\r\n})(jQuery);\r\n","var MDB = window.MDB || {};;\r\nMDB.DPO = MDB.DPO || {};\r\nMDB.DPO.Export = MDB.DPO.Export || {};\r\n\r\n(function(){\r\n var _config = {};\r\n \r\n $.extend(MDB.DPO.Export, {\r\n initializeExportButtons: function(config){\r\n _config = config;\r\n\r\n if(config.isDemoUser){\r\n $('body').addClass('dpo-demo-user');\r\n }\r\n \r\n deleteExportButtonsForDemoUser();\r\n bindExports();\r\n },\r\n generateDocument: function (element, url) {\r\n MDB.downloadDocument({\r\n defaultFilename: 'export.pdf',\r\n element: element,\r\n url: url \r\n });\r\n },\r\n showLoading: function() {\r\n $('body').append('
');\r\n $('body').append('
');\r\n },\r\n hideLoading: function() {\r\n $('.modal-backdrop').remove();\r\n $('.dpo-loader').remove();\r\n },\r\n initProcessingAgreementExportForm: function(form){\r\n form = $(form);\r\n\r\n deleteExportButtonsForDemoUser(form);\r\n\r\n MDB.initBootstrapSwitchesDependantControls(form.find('.enable-switch'));\r\n MDB.Collections.setupFormCollections($('.subprocessors-container'));\r\n }\r\n });\r\n \r\n function bindExports(){\r\n //Wire regular buttons to export on click\r\n selectExportButtons().on('click', function (e) {\r\n e.preventDefault();\r\n MDB.DPO.Export.generateDocument(this);\r\n });\r\n\r\n //Hijack our forms and force a download\r\n selectExportForms().on('submit', function(e) {\r\n e.preventDefault();\r\n\r\n //Validation should be either disabled or valid\r\n var $this = $(this);\r\n var isValid = !$this.valid || $this.valid();\r\n\r\n if (isValid && !_config.isDemoUser) {\r\n MDB.DPO.Export.generateDocument($this);\r\n }\r\n });\r\n\r\n $('.dpo-pdf-popup-export-form').on('click', function (e) {\r\n var me = $(this)\r\n , formUrl = me.data('formUrl')\r\n , title = me.data('title');\r\n\r\n var loadFormProm = $.ajax({\r\n url: formUrl\r\n });\r\n\r\n MDB.modal({\r\n buttons: ['
Ok '],\r\n events: {\r\n 'hidden.bs.modal': function(){\n $(this).remove(); \n }\r\n },\r\n shapeHtml: function (html) {\r\n deleteExportButtonsForDemoUser(html);\r\n\r\n html.find('.modal-header').prepend($('
', { class: 'text-bold' }).text(title));\r\n html.find('.modal-dialog').addClass('modal-xl');\r\n\r\n var body = html.find('.modal-body');\r\n body.html($('
', { class: 'loading' }));\r\n \r\n loadFormProm.done(function (res) {\r\n var form = $('
', { action: formUrl, method: 'POST' });\r\n\r\n form.append(res);\r\n $.validator.unobtrusive.parse(form);\r\n\r\n body.html(form);\r\n\r\n //Only processing agreement is shown in a popup\r\n //replace once we start using more forms in this way\r\n MDB.DPO.Export.initProcessingAgreementExportForm(form);\r\n\r\n html.find('.dpo-pdf-export-form-submit').on('click', function () {\r\n if (form.valid()) {\r\n MDB.killOpenModals();\r\n MDB.DPO.Export.generateDocument(form);\r\n }\r\n });\r\n });\r\n }\r\n });\r\n });\r\n }\r\n \r\n function deleteExportButtonsForDemoUser(context){\r\n if(_config.isDemoUser){\r\n deleteExportButtons(context);\r\n }\r\n }\r\n \r\n function deleteExportButtons(context){\r\n //Removing export buttons should be enough to fool the average user\r\n selectExportButtons(context)\r\n .add(selectExportFormSubmitButtons(context))\r\n .remove();\r\n \r\n selectExportForms(context)\r\n .attr('action', '/')\r\n .on('submit', function(e){\r\n e.preventDefault();\r\n e.stopPropagation();\r\n \r\n return false;\r\n });\r\n }\r\n \r\n function selectExportButtons(context){\r\n return $(context || document).find('a.dpo-pdf-export');\r\n }\r\n \r\n function selectExportFormSubmitButtons(context){\r\n return $(context || document).find('.dpo-pdf-export-form-submit');\r\n }\r\n \r\n function selectExportForms(context){\r\n return $(context || document).find('form.dpo-pdf-export-form');\r\n }\r\n}());\r\n","var MDB = window.MDB || {};;\r\nMDB.Forms = MDB.Forms || {};\r\nMDB.Forms.Edit = MDB.Forms.Edit || {};\r\n\r\nvar _config;\r\n\r\n$.extend(MDB.Forms.Edit,\r\n {\r\n boot: function(config) {\r\n _config = config;\r\n MDB.Forms.Edit.initControls();\r\n },\r\n initControls: function() {\r\n var newForm = $('#new-form-form');\r\n var saveNewForm = $('#save-new-form');\r\n\r\n saveNewForm.click(function(e){\r\n e.preventDefault();\r\n\r\n var model = newForm.serialize();\r\n\r\n MDB.sendAjaxRequest(_config.editFormUrl + '?' + model, {}, 'POST').done(function(data){\r\n MDB.Forms.Edit.loadForms();\r\n });\r\n });\r\n\r\n MDB.Forms.Edit.loadForms();\r\n },\r\n loadForms: function(){\r\n var forms = $('#form-list');\r\n forms.load(_config.formListUrl, function(){\r\n \r\n $('.edit-form-btn').each(function(){\r\n var me = $(this);\r\n var row = me.parent().parent();\r\n\r\n me.click(function(e){\r\n e.preventDefault();\r\n row.find('.txt-name').show();\r\n row.find('.name-txt').hide();\r\n row.find('.save-form-btn').show();\r\n me.hide();\r\n });\r\n });\r\n\r\n $('.save-form-btn').each(function(){\r\n var me = $(this);\r\n var row = me.parent().parent();\r\n\r\n me.click(function(e){\r\n e.preventDefault();\r\n\r\n var id = row.find('.form-id').val();\r\n var text = row.find('.name-txt');\r\n var input = row.find('.txt-name');\r\n var editBtn = row.find('.edit-form-btn');\r\n\r\n input.hide();\r\n text.val(input.val())\r\n text.show();\r\n editBtn.show();\r\n me.hide();\r\n\r\n MDB.sendAjaxRequest(_config.editFormUrl + \r\n '?Id=' + encodeURIComponent(id) + \r\n \"&name=\" + encodeURIComponent(input.val()), {}, 'POST').done(function(data){\r\n MDB.Forms.Edit.loadForms();\r\n });\r\n });\r\n });\r\n\r\n $('.delete-form-btn').each(function(){\r\n var me = $(this);\r\n var row = me.parent().parent();\r\n\r\n me.click(function(e){\r\n e.preventDefault();\r\n\r\n var id = row.find('.form-id').val();\r\n var name = row.find('.name-txt').text();\r\n\r\n MDB.promptHtml('Are you sure?', '
' +\r\n 'Are you sure you want to delete this form?', function(ok){\r\n if(ok){\r\n MDB.sendAjaxRequest(_config.editFormUrl + \r\n '?Id=' + encodeURIComponent(id) + \r\n \"&Name=\" + encodeURIComponent(name) +\r\n \"&IsDeleted=true\", {}, 'POST').done(function(data){\r\n MDB.Forms.Edit.loadForms();\r\n });\r\n }\r\n });\r\n });\r\n });\r\n\r\n $('.edit-pages-btn').each(function(){\r\n var me = $(this);\r\n var row = me.parent().parent();\r\n var id = row.find('.form-id').val();\r\n\r\n\r\n });\r\n });\r\n }, \r\n // getPages: function(id) {\r\n // $('#pages-editor').show();\r\n // return false;\r\n // }\r\n });","var MDB = window.MDB || {};\r\n\r\nMDB.TrackAndTrace = {\r\n _Systems: {\r\n LeadQ: 0,\r\n BAN: 1,\r\n P5: 2,\r\n ARIA: 3\r\n },\r\n _States: {\r\n BAN_P5_IN_PROCES:\"BAN_P5_IN_PROCES\",\r\n BAN_P5_MISSING:\"BAN_P5_MISSING\",\r\n BAN_P5_UITVAL:\"BAN_P5_UITVAL\",\r\n BAN_P5_WACHTRIJ:\"BAN_P5_WACHTRIJ\",\r\n BP_UITVAL:\"BP_UITVAL\",\r\n LQ_IN_PROGRESS:\"LQ_IN_PROGRESS\",\r\n LQ_MISSING:\"LQ_MISSING\",\r\n LQ_UITVAL:\"LQ_UITVAL\",\r\n OK_VERWERKT:\"OK_VERWERKT\",\r\n SCHORSING:\"SCHORSING\",\r\n SPIJTOPTANT:\"SPIJTOPTANT\",\r\n STRAATVERKOOP_TM_OPVOLGING:\"STRAATVERKOOP_TM_OPVOLGING\",\r\n STRAATVERKOOP_TM_UITVAL: \"STRAATVERKOOP_TM_UITVAL\",\r\n NIETVERWERKT: \"NIETVERWERKT\"\r\n },\r\n boot: function (config) {\r\n MDB.TrackAndTrace.initKendoGrid(config);\r\n MDB.TrackAndTrace.initCustomControls(config.banMissing.getDeclineReasonsUrl, config.base.editUrl);\r\n },\r\n initKendoGrid: function (config) {\r\n var crudServiceBaseUrl = '/api/DPN/TrackAndTrace/';\r\n \r\n var grid = $('#grid'),\r\n searchForm = $('#search-form'); \r\n\r\n var dataSource = new kendo.data.DataSource({\r\n transport: {\r\n read: function (opts) {\r\n var url;\r\n if (MDB.TrackAndTrace._export_busy) {\r\n url = crudServiceBaseUrl + 'Get' + '?' + searchForm.serialize();\r\n url += '&ExportData=true';\r\n MDB.TrackAndTrace._export_busy = false;\r\n document.location = url;\r\n } else {\r\n url = crudServiceBaseUrl + 'Get' + '?' + searchForm.serialize();\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(url, 'GET', opts);\r\n }\r\n },\r\n destroy: $.noop\r\n },\r\n batch: false,\r\n pageSize: 20,\r\n schema: {\r\n model: {\r\n id: 'LeadId',\r\n fields: {\r\n LeadId: { editable: false },\r\n RefId: {nullable: true, editable: false},\r\n Address: { nullable: true, editable: false },\r\n Contact: { nullable: true, editable: false },\r\n Subscription: { nullable: true, editable: false },\r\n RecruitmentData: { nullable: true, editable: false },\r\n State: { nullable: true, editable: false },\r\n Processed: { nullable: true, editable: false }\r\n }\r\n }\r\n },\r\n error: function (e) {\r\n this.cancelChanges();\r\n MDB.Notify.errorGrowl(MDB.KendoConfigBuilder.getWebApiErrorsMessage(e));\r\n }\r\n });\r\n\r\n var createHtmlFieldRenderer = function (field) {\r\n return function (model) {\r\n //Replace
s with newlines -> HTML encode value -> replace newlines with
s\r\n return kendo.htmlEncode(model[field].replace(/\\
/gi, '\\n')).replace(/\\n/g, '' +\r\n MDB.loadResourceString('DPN_TrackAndTrace_Index_EditModal_Select_DeclineReason_Text') +\r\n ' ');\r\n\r\n data.declineReasons.forEach(function (reason) {\r\n declineReasonIdDropdown.append('' + reason.Text + ' ');\r\n });\r\n },\r\n error: function () {\r\n MDB.Notify.errorGrowl('Oops! Something went wrong.');\r\n }\r\n });\r\n },\r\n getBanMissingEditStates: function (getStatesUrl, system) {\r\n system = system === undefined ? null : system;\r\n\r\n $.ajax({\r\n type: \"GET\",\r\n url: getStatesUrl,\r\n contentType: \"application/json; charset=utf-8\",\r\n data: {\r\n system: system\r\n },\r\n dataType: \"json\",\r\n success: function (data) {\r\n if (data.errors.length !== 0) {\r\n MDB.Notify.errorGrowl(data.errors.join(', '));\r\n }\r\n\r\n var flowStateDropdown = $('#FlowitemStateId');\r\n flowStateDropdown.empty();\r\n flowStateDropdown.append('' +\r\n MDB.loadResourceString('DPN_TrackAndTrace_Index_EditModal_Select_FlowState_Text') +\r\n ' ');\r\n\r\n data.states.forEach(function (state) {\r\n flowStateDropdown.append('' + '(' + state.value + ') ' + state.text + ' ');\r\n });\r\n\r\n MDB.TrackAndTrace.initBanMissingControls(flowStateDropdown);\r\n },\r\n error: function () {\r\n MDB.Notify.errorGrowl('Oops! Something went wrong.');\r\n }\r\n });\r\n },\r\n getBanP5Data: function (getDataUrl, leadId) {\r\n var table = $('#get-ban-p5-data-table');\r\n\r\n //Clear table on second click\r\n if (table.children().length) {\r\n table.empty();\r\n return;\r\n }\r\n\r\n table.data('getBanP5Data') || $.ajax({\r\n type: \"GET\",\r\n url: getDataUrl,\r\n contentType: \"application/json; charset=utf-8\",\r\n data: {\r\n leadId: leadId\r\n },\r\n dataType: \"json\" \r\n }).done(function(data) {\r\n if (data.errors.length !== 0) {\r\n MDB.Notify.errorGrowl(data.errors.join(', '));\r\n } else {\r\n MDB.TrackAndTrace.buildBanP5DataTable(table, data.rows);\r\n }\r\n }).error(function () {\r\n MDB.Notify.errorGrowl('Oops! Something went wrong.');\r\n });\r\n },\r\n buildBanP5DataTable: function (table, rows) {\r\n rows.forEach(function (row) {\r\n Object.keys(row).forEach(function (key) {\r\n var tableRow = $('
');\r\n var rowTemplate = \r\n '' +\r\n '
' +\r\n '
%s
' +\r\n '
%s
' +\r\n '
%s
' +\r\n '
' +\r\n '
%s ', format.value, format.text)\n } ) \r\n )\r\n });\r\n \r\n //In case no value was preselected, ensure the IOFormat dropdown is loaded\r\n if (!divisionDropdown.val() !== model.divisionId) {\r\n divisionDropdown.trigger('change');\r\n }\r\n\r\n viewFormatDefinitionButton.on('click', function (e) {\r\n e.preventDefault();\r\n\r\n var getIoDefinitionPromise = MDB.IoFormat.getFormatItemDefinitions(ioFormatDropdown.val());\r\n\r\n MDB.modal({\r\n shapeHtml: function (modal) {\r\n getIoDefinitionPromise.success(function (definitions) {\r\n var importDefinitions = _.filter(definitions, function (definition) {\r\n return definition.Type === 'ImportValue' && _.isNumber(definition.ExternalIndex);\r\n });\r\n \r\n \r\n $(modal).find('.modal-body').html(MDB.Mangl.Recordings._formatIOItemDefinitionsHtml(importDefinitions));\r\n })\r\n }\r\n });\r\n \r\n getIoDefinitionPromise.error(function (err) {\r\n MDB.alert('Er is iets misgegaan, probeer het opnieuw');\r\n });\r\n });\r\n \r\n \r\n if (window.FormData){\r\n $('.upload-form').on('submit', function(e) {\r\n e.preventDefault();\r\n\r\n var me = this\r\n , $me = $(me)\r\n , progress = $('.upload-progress');\r\n \r\n progress.width('100%');\r\n \r\n if($me.data('uploading')) {\n return;\n }\r\n\r\n $me.data('uploading', true);\r\n\r\n progress.removeClass('hidden');\r\n\r\n $.ajax({\r\n url: me.action,\r\n method: me.method,\r\n data: new FormData(me),\r\n processData: false,\r\n contentType: false,\r\n success: function(id) {\r\n location.href = '/MANGL/Import/RecordingImport/' + id;\r\n },\r\n error: function () {\r\n progress.attr('value', 0);\r\n $me.data('uploading', false);\r\n \r\n MDB.alert('Er is iets misgegaan, probeer het opnieuw');\r\n },\r\n xhr: function(){\r\n //https://stackoverflow.com/a/20984502\r\n var xhr = $.ajaxSettings.xhr();\r\n xhr.upload.onprogress = function(e) {\r\n if (e.lengthComputable) {\r\n progress.attr('value', ((e.loaded/e.total) * 100));\r\n }\r\n };\r\n\r\n return xhr;\r\n }\r\n });\r\n }); \r\n }\r\n }\r\n })\r\n}(jQuery));","var MDB = window.MDB || {};\r\nMDB.EmailCampaign = MDB.EmailCampaign || {};\r\n\r\n(function() {\r\n\r\n var _EmailCampaignState = {\r\n campaignNew: 0,\r\n campaignActive: 1,\r\n campaignPaused: 2,\r\n campaignInactive: 3\r\n };\r\n\r\n var _EmailCampaignType = {\r\n campaignOnce: 0,\r\n campaignContinuously: 1,\r\n campaignManual: 2\r\n };\r\n\r\n var _ButtonTemplateBuilder = {\r\n Refresh: function(field, type) {\r\n //Only render field when it is not null/undefined\r\n var fieldValueTemplate = '#if(' + field + ' !== null && ' + field + ' !== undefined) {# #= ' + field + ' # # } #';\r\n \r\n return '' +\r\n '' + fieldValueTemplate + ' ' +\r\n '
';\r\n }\r\n };\r\n\r\n var _ButtonTemplate = {\r\n Activate:\r\n '' +\r\n ' ',\r\n ActivateSend:\r\n '' +\r\n ' ',\r\n Reuse:\r\n '' +\r\n ' ',\r\n Pause:\r\n '' +\r\n ' ',\r\n Delete:\r\n '' +\r\n ' ',\r\n Edit:\r\n '' +\r\n ' ',\r\n Archive:\r\n ' ' +\r\n ' ',\r\n History:\r\n ' ' +\r\n ' ',\r\n View: \r\n ' ' +\r\n ' ',\r\n SendTestRecord: \r\n ' ' +\r\n ' ',\r\n Refresh: _ButtonTemplateBuilder.Refresh('LatestCount', 'count'),\r\n RefreshReminder: _ButtonTemplateBuilder.Refresh('LatestCountReminder', 'countReminder')\r\n };\r\n\r\n $.extend(MDB.EmailCampaign,\r\n {\r\n initGrid: function (grid, state) {\r\n \r\n var def = $.Deferred();\r\n\r\n var crudServiceBaseUrl = '/api/DPN/EmailCampaign/';\r\n //var grid = $('#new-campaigns-grid');\r\n\r\n var dataSource = new kendo.data.DataSource({\r\n transport: {\r\n read: function (opts) {\r\n var url = crudServiceBaseUrl + 'Get' + '?state=' + state;\r\n MDB.KendoConfigBuilder.dataSourceTransportFunction(url, 'GET', opts);\r\n },\r\n destroy: $.noop\r\n },\r\n batch: false,\r\n pageSize: 20,\r\n schema: {\r\n model: {\r\n id: 'Id',\r\n fields: {\r\n Id: { editable: false },\r\n StartDate: { nullable: true, editable: false },\r\n Name: { nullable: true, editable: false},\r\n Offerings: { nullable: true, editable: false},\r\n FreeFields: { nullable: true, editable: false},\r\n Selection: { nullable: true, editable: false},\r\n Description: { nullable: true, editable: false},\r\n Type: { nullable: true, editable: false},\r\n LatestCount: {nullable: true, editable: false},\r\n LatestCountReminder: {nullable: true, editable: false},\r\n Reminder: { nullable: true, editable: false}\r\n }\r\n }\r\n },\r\n error: function (e) {\r\n this.cancelChanges();\r\n alert(MDB.KendoConfigBuilder.getWebApiErrorsMessage(e));\r\n }\r\n });\r\n\r\n var gridConfig = {\r\n autoBind: true,\r\n dataBound: function() {\r\n var grid = this;\r\n\r\n if(state == _EmailCampaignState.campaignNew) {\r\n this.tbody.find('tr').each(function() {\r\n var me = $(this);\r\n var item = grid.dataItem(me);\r\n var activateBtn = me.find('.btn-activate');\r\n\r\n if(item.Type === _EmailCampaignType.campaignManual) {\r\n activateBtn.replaceWith(_ButtonTemplate.ActivateSend);\r\n activateBtn = me.find('.btn-activate');\r\n } else {\r\n me.find('.btn-history').remove();\r\n }\r\n\r\n if(!item.SelectionEnabled ) {\r\n activateBtn.prop('disabled', true);\r\n \r\n //A selection needs to be enabled for counting to be possible\r\n me.find('.count-container').remove();\r\n }\r\n });\r\n } else if (state == _EmailCampaignState.campaignActive) {\r\n this.tbody.find('tr').each(function() {\r\n var me = $(this);\r\n var item = grid.dataItem(me);\r\n\r\n if(item.State === _EmailCampaignState.campaignPaused){\r\n me.find('.btn-pause').replaceWith(_ButtonTemplate.Activate);\r\n me.find('.btn-view').remove();\r\n\r\n } else {\r\n var edit = me.find('.btn-edit');\r\n var archive = me.find('.btn-archive');\r\n edit.addClass('disabled').attr('onclick', '');\r\n edit.tooltip('disable');\r\n archive.addClass('disabled').attr('onclick', '');\r\n archive.tooltip('disable');\r\n }\r\n\r\n if(item.Type === _EmailCampaignType.campaignManual) {\r\n me.find('.btn-activate').replaceWith(_ButtonTemplate.ActivateSend);\r\n } else {\r\n me.find('.btn-history').remove();\r\n }\r\n\r\n });\r\n } else if (state == _EmailCampaignType.campaignInactive) {\r\n this.tbody.find('tr').each(function() {\r\n var me = $(this);\r\n var item = grid.dataItem(me);\r\n\r\n if(item.Type != _EmailCampaignType.campaignManual) {\r\n me.find('.btn-history').remove();\r\n }\r\n });\r\n }\r\n\r\n MDB.EmailCampaign.initKendoTooltips(this);\r\n def.resolve();\r\n },\r\n dataSource: dataSource,\r\n pageable: MDB.KendoConfigBuilder.gridPageableSettings(),\r\n columns: [\r\n {\r\n field: 'Id',\r\n title: 'Id',\r\n hidden: true\r\n },\r\n {\r\n field: 'SelectionEnabled',\r\n title: 'SelectionEnabled',\r\n hidden: true\r\n },\r\n {\r\n field: 'StartValue',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_StartDate_DisplayName').replace(':',''),\r\n hidden: false\r\n },\r\n {\r\n field: 'Name',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_Name_DisplayName').replace(':',''),\r\n hidden: false\r\n },\r\n {\r\n field: 'SelectionValue',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_Selection_DisplayName').replace(':',''),\r\n encoded: false\r\n },\r\n {\r\n field: 'Description',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_Description_DisplayName').replace(':',''),\r\n encoded: false,\r\n width: 300\r\n },\r\n {\r\n field: 'TypeValue',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_Type_DisplayName').replace(':',''),\r\n encoded: false\r\n },\r\n {\r\n field: 'LatestCount',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_LatestCount_DisplayName').replace(':',''),\r\n encoded: false,\r\n template: _ButtonTemplate.Refresh\r\n },\r\n {\r\n field: 'LatestCountReminder',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_LatestCountReminder_DisplayName').replace(':',''),\r\n encoded: false,\r\n template: _ButtonTemplate.RefreshReminder\r\n },\r\n {\r\n field: 'Reminder',\r\n title: MDB.loadResourceString('Dpn_EmailCampaign_EmailCampaignModel_Reminder_DisplayName').replace(':',''),\r\n encoded: false\r\n }\r\n ],\r\n messages: {\r\n commands: MDB.KendoConfigBuilder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n navigatable: true,\r\n sortable: { mode: 'multiple' },\r\n scrollable: false,\r\n filterable: {\r\n cell: {\r\n enabled: false\r\n }\r\n }\r\n };\r\n gridConfig.editable = {\r\n update: false,\r\n destroy: false\r\n };\r\n\r\n if(state == _EmailCampaignState.campaignNew) {\r\n gridConfig.columns.push(\r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'activate-campaign',\r\n text: MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Activate_DisplayText'),\r\n template: _ButtonTemplate.Activate + ' '\r\n },\r\n {\r\n name: 'history-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.History\r\n }\r\n ], 160, MDB.loadResourceString('Dpn_EmailCampaign_CampaignGrid_Activate_Title'))\r\n );\r\n gridConfig.columns.push(\r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'send-test-record',\r\n text: ' ',\r\n template: _ButtonTemplate.SendTestRecord + ' ' + ' '\r\n },\r\n {\r\n name: 'edit-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.Edit + ' '\r\n },\r\n {\r\n name: 'delete-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.Delete,\r\n }\r\n ], 91, MDB.loadResourceString('Dpn_EmailCampaign_CampaignGrid_Edit_Title'))\r\n );\r\n } else if(state == _EmailCampaignState.campaignActive) {\r\n gridConfig.columns.push(\r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'pause-campaign',\r\n text: MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Pause_DisplayText'),\r\n template: _ButtonTemplate.Pause + ' '\r\n },\r\n {\r\n name: 'history-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.History\r\n }\r\n ], 160, MDB.loadResourceString('Dpn_EmailCampaign_CampaignGrid_Inactive_Title')),\r\n \r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'send-test-record',\r\n text: ' ',\r\n template: _ButtonTemplate.SendTestRecord + ' ' + ' '\r\n },\r\n {\r\n name: 'view-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.View + ' ' + ' '\r\n },\r\n {\r\n name: 'edit-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.Edit + ' '\r\n },\r\n {\r\n name: 'archive-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.Archive\r\n }\r\n ], 135, MDB.loadResourceString('Dpn_EmailCampaign_CampaignGrid_Edit_Title'))\r\n );\r\n } else if(state == _EmailCampaignState.campaignInactive) {\r\n gridConfig.columns.push(\r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'reuse-campaign',\r\n text: MDB.loadResourceString('Dpn_EmailCampaign_Index_Button_Reuse_DisplayText'),\r\n template: _ButtonTemplate.Reuse + ' '\r\n },\r\n {\r\n name: 'history-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.History\r\n }\r\n ], 160, MDB.loadResourceString('Dpn_EmailCampaign_CampaignGrid_Reuse_Title')),\r\n MDB.KendoConfigBuilder.gridCommandColumn([\r\n {\r\n name: 'delete-campaign',\r\n text: ' ',\r\n template: _ButtonTemplate.Delete\r\n }\r\n ], 91)\r\n );\r\n }\r\n \r\n grid.kendoGrid(gridConfig);\r\n return def.promise();\r\n }\r\n });\r\n})();","var MDB = window.MDB || {};\r\nMDB.GDPR = MDB.GDPR || {};\r\nMDB.GDPR.Requests = MDB.GDPR.Requests || {};\r\n\r\n$.extend(MDB.GDPR.Requests, {\r\n bootOverview: function () {\r\n $('.gdpr-request-row').on('click', function() {\r\n window.location.href = $(this).data('url');\r\n });\r\n\r\n var tableSelector = $('.dataTable.request-table');\r\n var tableApi = tableSelector.dataTable().api();\r\n var headers = tableSelector.find('th');\r\n\r\n var sortOrder = [];\r\n _.forEach(headers, function (el, idx) {\r\n var order = $(el).data('order');\r\n if (order) {\r\n sortOrder.push([idx, order]);\r\n }\r\n });\r\n \r\n tableApi.order(sortOrder).draw();\r\n }\r\n});","var MDB = window.MDB || {};;\r\nMDB.Forms = MDB.Forms || {};\r\nMDB.Forms.Settings = MDB.Forms.Settings || {};\r\n\r\n$.extend(MDB.Forms.Settings,\r\n {\r\n _apiBaseUrl: '/api/dpo/Forms/Settings',\r\n _getUrlForVerb: function (verb) {\r\n return MDB.Forms.Settings._apiBaseUrl;\r\n },\r\n\r\n boot: function (model) {\r\n var grid = $('#settings-grid')\r\n , builder = MDB.KendoConfigBuilder\r\n , smlDropdownOpts = { ' ': ' ', 'S': 'S', 'M': 'M', 'L': 'L' }\r\n , smlDropdown = MDB.objectToDropdown(smlDropdownOpts);\r\n \r\n var ds = new kendo.data.DataSource({\r\n transport: {\r\n read: function (opts) {\n builder.dataSourceTransportFunction(MDB.Forms.Settings._getUrlForVerb('get'), 'GET', opts) \n },\r\n update: function (opts) {\n builder.dataSourceTransportFunction(MDB.Forms.Settings._getUrlForVerb('put'), 'PUT', opts) \n }\r\n },\r\n schema: {\r\n model: {\r\n id: 'KendoId',\r\n fields: {\r\n KendoId: { editable: false },\r\n FormId: { editable: false },\r\n GroupId: { editable: false },\r\n QuestionId: { editable: false },\r\n\r\n FormName: { editable: false },\r\n Question: { editable: false },\r\n SubQuestion: { editable: false },\r\n\r\n SML: { editable: true },\r\n LegallyObligated: { type: 'boolean', editable: true },\r\n IsLegallyPreferred: { type: 'boolean', editable: true }\r\n }\r\n }\r\n },\r\n error: function (e) {\r\n this.cancelChanges();\r\n alert(builder.getWebApiErrorsMessage(e));\r\n },\r\n pageSize: 20,\r\n sort: {\r\n field: 'FormName',\r\n dir: 'asc'\r\n }\r\n });\r\n\r\n var gridConf = {\r\n dataSource: ds,\r\n columns: [{\r\n field: 'FormName',\r\n title: 'Form'\r\n }, {\r\n field: 'Question',\r\n title: 'Question'\r\n },\r\n {\r\n field: 'SubQuestion',\r\n title: 'SubQuestion'\r\n }, {\r\n field: 'SML',\r\n title: 'SML',\r\n template: function (model) {\n return smlDropdownOpts[model['SML']] || ' '; \n },\r\n editor: function (container, opts) {\r\n builder.gridDropdownEditor(container, opts.field, smlDropdown);\r\n }\r\n }, {\r\n field: 'LegallyObligated',\r\n title: 'LegallyObligated',\r\n template: builder.gridBooleanYesNoTemplate('LegallyObligated'),\r\n editor: builder.gridCheckboxEditor,\r\n filterable: false\r\n }, {\r\n field: 'IsLegallyPreferred',\r\n title: 'IsLegallyPreferred',\r\n template: builder.gridBooleanYesNoTemplate('IsLegallyPreferred'),\r\n editor: builder.gridCheckboxEditor,\r\n filterable: false\r\n }],\r\n messages: {\r\n commands: builder.commandLabels(),\r\n noRecords: MDB.loadResourceString('DataTable_ZeroRecords')\r\n },\r\n navigatable: true,\r\n sortable: true,\r\n filterable: builder.gridGlobalFilterableSettings(),\r\n resizable: true,\r\n pageable: builder.gridPageableSettings()\r\n };\r\n\r\n if (model.editable) {\r\n gridConf.editable = {\r\n mode: 'inline',\r\n confirmation: false\r\n };\r\n\r\n gridConf.toolbar = ['create'];\r\n gridConf.columns.push(builder.gridCommandColumn(['edit']));\r\n }\r\n\r\n grid.kendoGrid(gridConf);\r\n }\r\n });"],"sourceRoot":""}