updated the CSS, and fixed the colspan over the filters

This commit is contained in:
Nivanka Fonseka 2018-06-05 11:04:23 +05:30
parent db7a79626d
commit 68a377b3ba
7 changed files with 50 additions and 4 deletions

1
client/dist/js/userforms.js.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap a315374ff7245c765b7c","webpack:///./client/src/bundles/UserForms.js","webpack:///external \"i18n\"","webpack:///external \"jQuery\""],"names":["jQuery","document","ready","$","userform","CONSTANTS","commonMixin","show","$el","attr","hide","ErrorContainer","element","find","text","i18n","_t","prototype","hasErrors","children","length","removeErrorMessage","fieldId","remove","addStepLink","step","itemID","$itemElement","stepID","stepTitle","data","on","e","preventDefault","jumpToStep","id","append","removeStepLink","closest","is","updateErrorMessage","$input","message","inputID","anchor","elementID","messageElement","describedBy","addClass","removeClass","html","each","location","pathname","search","match","RegExp","FormStep","self","$elButton","prop","viewed","valid","DISPLAY_ERROR_MESSAGES_AT_TOP","errorContainer","validator","errorList","i","error","trigger","conditionallyHidden","ProgressBar","$buttons","$jsAlign","stepButton","stepNumber","parseInt","target","update","$visibleButtons","filter","button","index","$button","leftPercent","leftPercentCssValue","buttonOffset","innerWidth","css","left","marginLeft","$newStepElement","barWidth","$element","$item","parent","removeAttr","siblings","width","FormActions","$prevButton","$nextButton","numberOfSteps","steps","currentStep","lastStep","UserForm","prevStep","nextStep","validate","validationOptions","a","field","rules","required","ignore","errorClass","errorElement","errorPlacement","parents","appendTo","insertAfter","invalidHandler","event","setTimeout","currentElements","first","focus","submitHandler","form","isValid","submit","success","errorId","substr","indexOf","replace","addStep","push","setCurrentStep","direction","targetStep","forward","main","userformElement","$userform","ENABLE_LIVE_VALIDATION","extend","onfocusout","HIDE_FIELD_LABELS","$label","progressBar","formActions","ssDatepicker","datepicker","setInterval","ajax","url","areYouSure"],"mappings":"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","file":"js/userforms.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap a315374ff7245c765b7c","/**\n * @file Manages the multi-step navigation.\n */\n\nimport jQuery from 'jquery';\nimport i18n from 'i18n';\n\njQuery(document).ready(($) => {\n // A reference to the UserForm instance.\n let userform = null;\n\n // Settings that come from the CMS.\n const CONSTANTS = {};\n\n // Common functions that extend multiple classes.\n const commonMixin = {\n /**\n * @func show\n * @desc Show the form step. Looks after aria attributes too.\n */\n show() {\n this.$el.attr('aria-hidden', false).show();\n },\n /**\n * @func hide\n * @desc Hide the form step. Looks after aria attributes too.\n */\n hide() {\n this.$el.attr('aria-hidden', true).hide();\n },\n };\n\n /**\n * @func ErrorContainer\n * @constructor\n * @param {object} element - The error container element.\n * @return {object} - The ErrorContainer instance.\n * @desc Creates an error container. Used to display step error messages at the top.\n */\n function ErrorContainer(element) {\n this.$el = element instanceof $ ? element : $(element);\n\n // Set the error container's heading.\n this.$el.find('h4').text(i18n._t('UserForms.ERROR_CONTAINER_HEADER',\n 'Please correct the following errors and try again:'));\n\n return this;\n }\n\n /**\n * @func hasErrors\n * @return boolean\n * @desc Checks if the error container has any error messages.\n */\n ErrorContainer.prototype.hasErrors = function hasErrors() {\n return this.$el.find('.error-list').children().length > 0;\n };\n\n /**\n * @func removeErrorMessage\n * @desc Removes an error message from the error container.\n */\n ErrorContainer.prototype.removeErrorMessage = function removeErrorMessage(fieldId) {\n this.$el.find(`#${fieldId}-top-error`).remove();\n\n // If there are no more error then hide the container.\n if (!this.hasErrors()) {\n this.hide();\n }\n };\n\n /**\n * @func addStepLink\n * @param {object} step - FormStep instance.\n * @desc Adds a link to a form step as an error message.\n */\n ErrorContainer.prototype.addStepLink = function addStepLink(step) {\n const itemID = `${step.$el.attr('id')}-error-link`;\n let $itemElement = this.$el.find(`#${itemID}`);\n const stepID = step.$el.attr('id');\n const stepTitle = step.$el.data('title');\n\n // If the item already exists we don't need to do anything.\n if ($itemElement.length) {\n return;\n }\n\n $itemElement = $(`<li id=\"${itemID}\"><a href=\"#${stepID}\">${stepTitle}</a></li>`);\n\n $itemElement.on('click', (e) => {\n e.preventDefault();\n userform.jumpToStep(step.id);\n });\n\n this.$el.find('.error-list').append($itemElement);\n };\n\n /**\n * @func removeStepLink\n * @param {object} step - FormStep instance.\n * @desc Removes a step link from the error container.\n */\n ErrorContainer.prototype.removeStepLink = function removeStepLink(fieldId) {\n const stepID = $(`#${fieldId}`).closest('.form-step').attr('id');\n\n this.$el.find(`#${stepID}-error-link`).remove();\n\n // Hide the error container if we've just removed the last error.\n if (this.$el.find('.error-list').is(':empty')) {\n this.hide();\n }\n };\n\n /**\n * @func ErrorContainer.updateErrorMessage\n * @param {object} $input - The jQuery input object which contains the field to validate.\n * @param {object} message - The error message to display (html escaped).\n * @desc Update an error message (displayed at the top of the form).\n */\n ErrorContainer.prototype.updateErrorMessage = function updateErrorMessage($input, message) {\n const inputID = $input.attr('id');\n let anchor = `#${inputID}`;\n const elementID = `${inputID}-top-error`;\n let messageElement = $(`#${elementID}`);\n let describedBy = $input.attr('aria-describedby');\n\n // The 'message' param will be an empty string if the field is valid.\n if (!message) {\n // Style issues as fixed if they already exist\n messageElement.addClass('fixed');\n return;\n }\n\n messageElement.removeClass('fixed');\n\n this.show();\n\n if (messageElement.length === 1) {\n // Update the existing error message.\n messageElement.show().find('a').html(message);\n } else {\n // Generate better link to field\n $input.closest('.field[id]').each(() => {\n anchor = `#${$(this).attr('id')}`;\n });\n\n // Add a new error message\n messageElement = $('<li><a></a></li>');\n messageElement\n .attr('id', elementID)\n .find('a')\n .attr('href', location.pathname + location.search + anchor)\n .html(message);\n\n this.$el.find('ul').append(messageElement);\n\n // Link back to original input via aria\n // Respect existing non-error aria-describedby\n if (!describedBy) {\n describedBy = elementID;\n } else if (!describedBy.match(new RegExp(`\\\\b${elementID}\\\\b`))) {\n // Add to end of list if not already present\n describedBy += ` ${elementID}`;\n }\n\n $input.attr('aria-describedby', describedBy);\n }\n };\n\n /**\n * @func FormStep\n * @constructor\n * @param {object} element\n * @return {object} - The FormStep instance.\n * @desc Creates a form step.\n */\n function FormStep(element) {\n const self = this;\n\n this.$el = element instanceof $ ? element : $(element);\n\n // Find button for this step\n this.$elButton = $(`.step-button-wrapper[data-for='${this.$el.prop('id')}']`);\n\n // Has the step been viewed by the user?\n this.viewed = false;\n\n // Is the form step valid?\n // This value is used on form submission, which fails, if any of the steps are invalid.\n this.valid = false;\n\n // The internal id of the step. Used for getting the step from the UserForm.steps array.\n this.id = null;\n\n this.hide();\n\n if (CONSTANTS.DISPLAY_ERROR_MESSAGES_AT_TOP) {\n this.errorContainer = new ErrorContainer(this.$el.find('.error-container'));\n\n // Listen for errors on the UserForm.\n userform.$el.on('userform.form.error', (e, validator) => {\n // The step only cares about errors if it's currently visible.\n if (!self.$el.is(':visible')) {\n return;\n }\n\n // Add or update each error in the list.\n $.each(validator.errorList, (i, error) => {\n self.errorContainer.updateErrorMessage($(error.element), error.message);\n });\n });\n\n // Listen for fields becoming valid\n userform.$el.on('userform.form.valid', (e, fieldId) => {\n self.errorContainer.removeErrorMessage(fieldId);\n });\n }\n\n // Ensure that page visibilty updates the step navigation\n this\n .$elButton\n .on('userform.field.hide userform.field.show', () => {\n userform.$el.trigger('userform.form.conditionalstep');\n });\n\n return this;\n }\n\n /**\n * Determine if this step is conditionally disabled\n *\n * @returns {Boolean}\n */\n // Because the element itself could be visible but 0 height, so check visibility of button\n FormStep.prototype.conditionallyHidden = function conditionallyHidden() {\n return !this.$elButton.find('button').is(':visible');\n };\n\n /**\n * @func ProgressBar\n * @constructor\n * @param {object} element\n * @return {object} - The Progress bar instance.\n * @desc Creates a progress bar.\n */\n function ProgressBar(element) {\n const self = this;\n\n this.$el = element instanceof $ ? element : $(element);\n this.$buttons = this.$el.find('.step-button-jump');\n this.$jsAlign = this.$el.find('.js-align');\n\n // Update the progress bar when 'step' buttons are clicked.\n this.$buttons.each((i, stepButton) => {\n $(stepButton).on('click', (e) => {\n e.preventDefault();\n const stepNumber = parseInt($(e.target).data('step'), 10);\n self.$el.trigger('userform.progress.changestep', stepNumber);\n });\n });\n\n // Update the progress bar when 'prev' and 'next' buttons are clicked.\n userform.$el.on('userform.form.changestep', (e, stepID) => {\n self.update(stepID);\n });\n\n // Listen for steps being conditionally shown / hidden by display rules.\n // We need to update step related UI like the number of step buttons\n // and any text that shows the total number of steps.\n userform.$el.on('userform.form.conditionalstep', () => {\n // Update the step numbers on the buttons.\n const $visibleButtons = self.$buttons.filter(':visible');\n\n $visibleButtons.each((i, button) => {\n $(button).text(i + 1);\n });\n\n // Update the actual progress bar.\n self.$el.find('.progress-bar').attr('aria-valuemax', $visibleButtons.length);\n\n // Update any text that uses the total number of steps.\n self.$el.find('.total-step-number').text($visibleButtons.length);\n });\n\n // Spaces out the steps below progress bar evenly\n this.$jsAlign.each((index, button) => {\n const $button = $(button);\n const leftPercent = 100 / (self.$jsAlign.length - 1) * index;\n const leftPercentCssValue = `${leftPercent}%`;\n const buttonOffset = -1 * ($button.innerWidth() / 2);\n\n $button.css({\n left: leftPercentCssValue,\n marginLeft: buttonOffset,\n });\n\n // First and last buttons are kept within userform-progress container\n if (index === self.$jsAlign.length - 1) {\n $button.css({ marginLeft: buttonOffset * 2 });\n } else if (index === 0) {\n $button.css({ marginLeft: 0 });\n }\n });\n\n return this;\n }\n\n /**\n * @func ProgressBar.update\n * @param {number} stepID - Zero based index of the new step.\n * @desc Update the progress element to show a new step.\n */\n ProgressBar.prototype.update = function update(stepID) {\n const $newStepElement = $($('.form-step')[stepID]);\n let stepNumber = 0;\n let barWidth = stepID / (this.$buttons.length - 1) * 100;\n\n // Set the current step number.\n this.$buttons.each((i, button) => {\n if (i > stepID) {\n // Break the loop\n return false;\n }\n\n if ($(button).is(':visible')) {\n stepNumber += 1;\n }\n return true;\n });\n\n // Update elements that contain the current step number.\n this.$el.find('.current-step-number').each((i, element) => {\n $(element).text(stepNumber);\n });\n\n // Update aria attributes.\n this.$el.find('[aria-valuenow]').each((i, element) => {\n $(element).attr('aria-valuenow', stepNumber);\n });\n\n // Update the CSS classes on step buttons.\n this.$buttons.each((i, element) => {\n const $element = $(element);\n const $item = $element.parent();\n\n if (parseInt($element.data('step'), 10) === stepNumber && $element.is(':visible')) {\n $item.addClass('current viewed');\n $element.removeAttr('disabled');\n\n return;\n }\n\n $item.removeClass('current');\n });\n\n // Update the progress bar's title with the new step's title.\n this.$el.siblings('.progress-title').text($newStepElement.data('title'));\n\n // Update the width of the progress bar.\n barWidth = barWidth ? `${barWidth}%` : '';\n this.$el.find('.progress-bar').width(barWidth);\n };\n\n /**\n * @func FormActions\n * @constructor\n * @param {object} element\n * @desc Creates the navigation and actions (Prev, Next, Submit buttons).\n */\n function FormActions(element) {\n const self = this;\n\n this.$el = element instanceof $ ? element : $(element);\n\n this.$prevButton = this.$el.find('.step-button-prev');\n this.$nextButton = this.$el.find('.step-button-next');\n\n // Show the buttons.\n this.$prevButton.parent().attr('aria-hidden', false).show();\n this.$nextButton.parent().attr('aria-hidden', false).show();\n\n // Bind the step navigation event listeners.\n this.$prevButton.on('click', (e) => {\n e.preventDefault();\n self.$el.trigger('userform.action.prev');\n });\n this.$nextButton.on('click', (e) => {\n e.preventDefault();\n self.$el.trigger('userform.action.next');\n });\n\n // Listen for changes to the current form step, or conditional pages,\n // so we can show hide buttons appropriately.\n userform.$el.on('userform.form.changestep userform.form.conditionalstep', () => {\n self.update();\n });\n\n return this;\n }\n\n /**\n * @func FormActions.update\n * @param {number} stepID - Zero based ID of the current step.\n * @desc Updates the form actions element to reflect the current state of the page.\n */\n FormActions.prototype.update = function update() {\n const numberOfSteps = userform.steps.length;\n const stepID = userform.currentStep ? userform.currentStep.id : 0;\n let i = null;\n let lastStep = null;\n\n // Update the \"Prev\" button.\n this.$el.find('.step-button-prev')[stepID === 0 ? 'hide' : 'show']();\n\n // Find last step, skipping hidden ones\n for (i = numberOfSteps - 1; i >= 0; i--) {\n lastStep = userform.steps[i];\n\n // Skip if step is hidden\n if (lastStep.conditionallyHidden()) {\n continue;\n }\n\n // Update the \"Next\" button.\n this.$el.find('.step-button-next')[stepID >= i ? 'hide' : 'show']();\n\n // Update the \"Actions\".\n this.$el.find('.Actions')[stepID >= i ? 'show' : 'hide']();\n\n // Stop processing last step\n break;\n }\n };\n\n /**\n * @func UserForm\n * @constructor\n * @param {object} element\n * @return {object} - The UserForm instance.\n * @desc The form\n */\n function UserForm(element) {\n const self = this;\n\n this.$el = element instanceof $ ? element : $(element);\n this.steps = [];\n\n // Add an error container which displays a list of invalid steps on form submission.\n this.errorContainer = new ErrorContainer(this.$el.children('.error-container'));\n\n // Listen for events triggered by form steps.\n this.$el.on('userform.action.prev', () => {\n self.prevStep();\n });\n this.$el.on('userform.action.next', () => {\n self.nextStep();\n });\n\n // Listen for events triggered by the progress bar.\n $('#userform-progress').on('userform.progress.changestep', (e, stepNumber) => {\n self.jumpToStep(stepNumber - 1);\n });\n\n // When a field becomes valid, remove errors from the error container.\n this.$el.on('userform.form.valid', (e, fieldId) => {\n self.errorContainer.removeStepLink(fieldId);\n });\n\n this.$el.validate(this.validationOptions);\n\n // Ensure checkbox groups are validated correctly\n $('.optionset.requiredField input').each((a, field) => {\n $(field).rules('add', {\n required: true,\n });\n });\n\n return this;\n }\n\n /*\n * Default options for step validation. These get extended in main().\n */\n UserForm.prototype.validationOptions = {\n ignore: ':hidden,ul',\n errorClass: 'error',\n errorElement: 'span',\n errorPlacement: (error, element) => {\n error.addClass('message');\n\n if (element.is(':radio') || element.parents('.checkboxset').length > 0) {\n error.appendTo(element.closest('.middleColumn'));\n } else if (element.parents('.checkbox').length > 0) {\n error.appendTo(element.closest('.field'));\n } else {\n error.insertAfter(element);\n }\n },\n invalidHandler: (event, validator) => {\n // setTimeout 0 so it runs after errorPlacement\n setTimeout(() => {\n validator.currentElements.filter('.error').first().focus();\n }, 0);\n },\n // Callback for handling the actual submit when the form is valid.\n // Submission in the jQuery.validate sence is handled at step level.\n // So when the final step is submitted we have to also check all previous steps are valid.\n submitHandler: (form) => {\n let isValid = true;\n\n // Validate the current step\n if (userform.currentStep) {\n userform.currentStep.valid = $(form).valid();\n }\n\n // Check for invalid previous steps.\n $.each(userform.steps, (i, step) => {\n if (!step.valid && !step.conditionallyHidden()) {\n isValid = false;\n userform.errorContainer.addStepLink(step);\n }\n });\n\n if (isValid) {\n // When using the \"are you sure?\" plugin, ensure the form immediately submits.\n $(form).removeClass('dirty');\n\n form.submit();\n } else {\n userform.errorContainer.show();\n }\n },\n // When a field becomes valid.\n success: (error) => {\n const errorId = $(error).attr('id');\n const fieldId = errorId.substr(0, errorId.indexOf('-error')).replace(/[\\\\[\\\\]]/, '');\n\n // Remove square brackets since jQuery.validate.js uses idOrName,\n // which breaks further on when using a selector that end with\n // square brackets.\n\n error.remove();\n\n // Pass the field's ID with the event.\n userform.$el.trigger('userform.form.valid', [fieldId]);\n },\n };\n\n /**\n * @func UserForm.addStep\n * @param {object} step - An instance of FormStep.\n * @desc Adds a step to the UserForm.\n */\n UserForm.prototype.addStep = function addStep(step) {\n // Make sure we're dealing with a form step.\n if (!step instanceof FormStep) {\n return;\n }\n\n // eslint-disable-next-line no-param-reassign\n step.id = this.steps.length;\n\n this.steps.push(step);\n };\n\n /**\n * @func UserForm.setCurrentStep\n * @param {object} step - An instance of FormStep.\n * @desc Sets the step the user is currently on.\n */\n UserForm.prototype.setCurrentStep = function setCurrentStep(step) {\n // Make sure we're dealing with a form step.\n if (!(step instanceof FormStep)) {\n return;\n }\n\n this.currentStep = step;\n this.currentStep.show();\n\n // Record the user has viewed the step.\n this.currentStep.viewed = true;\n this.currentStep.$el.addClass('viewed');\n };\n\n /**\n * @func UserForm.jumpToStep\n * @param {number} stepNumber\n * @param {boolean} [direction] - Defaults to forward (true).\n * @desc Jumps to a specific form step.\n */\n UserForm.prototype.jumpToStep = function jumpToStep(stepNumber, direction) {\n const targetStep = this.steps[stepNumber];\n let isValid = false;\n const forward = direction === void 0 ? true : direction;\n\n // Make sure the target step exists.\n if (targetStep === void 0) {\n return;\n }\n\n // Make sure the step we're trying to set as current is not\n // hidden by custom display rules. If it is then jump to the next step.\n if (targetStep.conditionallyHidden()) {\n if (forward) {\n this.jumpToStep(stepNumber + 1);\n } else {\n this.jumpToStep(stepNumber - 1);\n }\n\n return;\n }\n\n // Validate the form.\n // This well effectivly validate the current step and not the entire form.\n // This is because hidden fields are excluded from validation, and all fields\n // on all other steps, are currently hidden.\n isValid = this.$el.valid();\n\n // Set the 'valid' property on the current step.\n this.currentStep.valid = isValid;\n\n // Users can navigate to step's they've already viewed even if the current step is invalid.\n if (isValid === false && targetStep.viewed === false) {\n return;\n }\n\n this.currentStep.hide();\n this.setCurrentStep(targetStep);\n\n this.$el.trigger('userform.form.changestep', [targetStep.id]);\n };\n\n /**\n * @func UserForm.nextStep\n * @desc Advances the form to the next step.\n */\n UserForm.prototype.nextStep = function nextStep() {\n this.jumpToStep(this.steps.indexOf(this.currentStep) + 1, true);\n };\n\n /**\n * @func UserForm.prevStep\n * @desc Goes back one step (not bound to browser history).\n */\n UserForm.prototype.prevStep = function prevStep() {\n this.jumpToStep(this.steps.indexOf(this.currentStep) - 1, false);\n };\n\n /**\n * @func main\n * @desc Bootstraps the front-end.\n */\n function main(index, userformElement) {\n const $userform = $(userformElement);\n\n // If there's no userform, do nothing.\n if ($userform.length === 0) {\n return;\n }\n\n CONSTANTS.ENABLE_LIVE_VALIDATION = $userform.data('livevalidation') !== void 0;\n CONSTANTS.DISPLAY_ERROR_MESSAGES_AT_TOP = $userform.data('toperrors') !== void 0;\n\n // Extend the default validation options with conditional options\n // that are set by the user in the CMS.\n if (CONSTANTS.ENABLE_LIVE_VALIDATION === false) {\n $.extend(UserForm.prototype.validationOptions, {\n onfocusout: false,\n });\n }\n\n if (CONSTANTS.DISPLAY_ERROR_MESSAGES_AT_TOP) {\n $.extend(UserForm.prototype.validationOptions, {\n // Callback for custom code when an invalid form / step is submitted.\n invalidHandler: (event, validator) => {\n $userform.trigger('userform.form.error', [validator]);\n },\n onfocusout: false,\n });\n }\n\n // Display all the things that are hidden when JavaScript is disabled.\n $('.userform-progress, .step-navigation').attr('aria-hidden', false).show();\n\n // Extend classes with common functionality.\n $.extend(FormStep.prototype, commonMixin);\n $.extend(ErrorContainer.prototype, commonMixin);\n\n userform = new UserForm($userform);\n\n // Conditionally hide field labels and use HTML5 placeholder instead.\n if (CONSTANTS.HIDE_FIELD_LABELS) {\n $userform.find('label.left').each(() => {\n const $label = $(this);\n\n $(`[name=\"${$label.attr('for')}\"]`).attr('placeholder', $label.text());\n $label.remove();\n });\n }\n\n // Initialise the form steps.\n userform.$el.find('.form-step').each((i, element) => {\n const step = new FormStep(element);\n\n userform.addStep(step);\n });\n\n userform.setCurrentStep(userform.steps[0]);\n\n // Initialise actions and progressbar\n const progressBar = new ProgressBar($('#userform-progress'));\n progressBar.update(0);\n\n const formActions = new FormActions($('#step-navigation'));\n formActions.update();\n\n // Enable jQuery UI datepickers\n $(document).on('click', 'input.text[data-showcalendar]', () => {\n const $element = $(this);\n\n $element.ssDatepicker();\n\n if ($element.data('datepicker')) {\n $element.datepicker('show');\n }\n });\n\n // Make sure the form doesn't expire on the user. Pings every 3 mins.\n setInterval(() => {\n $.ajax({ url: 'UserDefinedFormController/ping' });\n }, 180 * 1000);\n\n // Bind a confirmation message when navigating away from a partially completed form.\n const form = $('form.userform');\n if (typeof form.areYouSure !== 'undefined') {\n form.areYouSure({\n message: i18n._t('UserForms.LEAVE_CONFIRMATION', 'You have unsaved changes!'),\n });\n }\n }\n\n $('.userform').each(main);\n});\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/bundles/UserForms.js","module.exports = i18n;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"i18n\"\n// module id = 2\n// module chunks = 0","module.exports = jQuery;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"jQuery\"\n// module id = 3\n// module chunks = 0"],"sourceRoot":""}

View File

@ -1 +1 @@
.uf-field-editor{padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item{height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item,.uf-field-editor .grid-field__table .ss-gridfield-item:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item td{border-right-width:0;vertical-align:middle;padding-top:6px;padding-bottom:6px}.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child{border-right-width:1px}.uf-field-editor .grid-field__table .ss-gridfield-item .handle{min-height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background{-webkit-animation:flash-background 2s linear;-o-animation:flash-background 2s linear;animation:flash-background 2s linear}.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder{height:50px}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group{padding:0;margin-bottom:2px;color:#43536d}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after{border-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;max-width:100%;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle{background:#ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep],.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]:hover{background:#566b8d;color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] label{font-weight:700;color:#fff;font-size:15px;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:before{color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:hover:before{color:#566b8d}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] .form__field-label{font-weight:700;padding-bottom:0;color:#43536d}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] td{border-bottom:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]{border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] .col-buttons .action{display:none}.uf-field-editor .sticky-buttons{position:fixed;top:73px;z-index:2;background:#f7f8fa;border-bottom:1px solid #dbe0e9;padding:12px;margin-left:-12px}.uf-field-editor .sticky-buttons button.action{margin-bottom:0}.uf-field-editor .sticky-buttons~.ss-gridfield-table{margin-top:73px}
.uf-field-editor{padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item{height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item,.uf-field-editor .grid-field__table .ss-gridfield-item:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item td{border-right-width:0;vertical-align:middle;padding-top:6px;padding-bottom:6px}.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child{border-right-width:1px}.uf-field-editor .grid-field__table .ss-gridfield-item .handle{min-height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background{-webkit-animation:flash-background 2s linear;-o-animation:flash-background 2s linear;animation:flash-background 2s linear}.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder{height:50px}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group{padding:0;margin-bottom:2px;color:#43536d}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after{border-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;max-width:100%;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle{background:#ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep],.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]:hover{background:#566b8d;color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] label{font-weight:700;color:#fff;font-size:15px;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:before{color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:hover:before{color:#566b8d}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] .form__field-label{font-weight:700;padding-bottom:0;color:#43536d}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] td{border-bottom:3px solid #ced5e1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]{border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] .col-buttons .action{display:none}.uf-field-editor .sticky-buttons{position:fixed;top:73px;z-index:2;background:#f7f8fa;border-bottom:1px solid #dbe0e9;padding:12px;margin-left:-12px}.uf-field-editor .sticky-buttons button.action{margin-bottom:0}.uf-field-editor .sticky-buttons~.ss-gridfield-table{margin-top:73px}.cms .grid-field__table .grid-field__uf-filter-header{padding:0}.cms .grid-field__table .grid-field__uf-filter-header .form__fieldgroup-label{color:#fff}.cms .grid-field__table .grid-field__uf-filter-header .ss-gridfield-button-filter:not(.trigger),.cms .grid-field__table .grid-field__uf-filter-header .ss-gridfield-button-filter:not(.trigger):hover{background-color:#3fa142}.cms .grid-field__table .grid-field__uf-filter-header table{width:100%}

View File

@ -0,0 +1 @@
{"version":3,"sources":["webpack:///./client/src/styles/userforms-cms.scss?61a4","webpack:///./bundle-cms.scss?b4af"],"names":[],"mappings":"AAAA,iBACE,iBCCD,uDDKK,YCDL,oHDKO,gBCAP,0DDIO,qBACA,sBACA,gBACA,mBCAP,qEDGS,uBCCT,+DDIO,gBCAP,wEDIO,0HCAP,+EDIO,YCAP,mEDIO,UACA,kBACA,cCAP,yEDGS,gBCCT,sFDGS,+CACA,eACA,iBCCT,8IDOO,gBCFP,6JDOO,mBCFP,oRDSO,mBACA,WCJP,6IDQO,gBACA,WACA,eACA,iBCJP,+ODQO,6BCJP,uKDSS,WCLT,6KDUW,cCNX,4IDcO,6BCVP,4JDcO,gBACA,iBACA,cCVP,+IDgBO,gCCZP,oPDgBO,aCZP,iKDgBO,aCZP,iCDkBG,eACA,SACA,UACA,mBACA,gCACA,aACA,kBCdH,+CDiBK,gBCbL,qDDiBK,gBCbL,sDDqBC,UCjBD,8EDoBG,WChBH,sMDwBG,yBChBH,4DDoBG","file":"styles/userforms-cms.css","sourcesContent":[".uf-field-editor {\n padding-bottom: 0;\n\n // Row styles\n .grid-field__table {\n // Standard rows\n .ss-gridfield-item {\n height: 46px;\n\n &,\n &:hover {\n background: $white;\n }\n\n td {\n border-right-width: 0;\n vertical-align: middle;\n padding-top: 6px;\n padding-bottom: 6px;\n\n &:last-child {\n border-right-width: 1px;\n }\n }\n\n .handle {\n min-height: 46px;\n }\n\n &.flash-background {\n animation: flash-background 2s linear;\n }\n\n &.ui-sortable-placeholder {\n height: 50px;\n }\n\n .form-group {\n padding: 0;\n margin-bottom: 2px;\n color: $gray-700;\n\n &:after {\n border-bottom: 0;\n }\n\n .form__field-label {\n flex: auto;\n max-width: 100%;\n padding-bottom: 0;\n }\n }\n }\n\n .ss-gridfield-item.infieldgroup {\n &,\n &:hover {\n background: $white;\n }\n\n .col-reorder,\n .handle {\n background: $gray-200;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] {\n &,\n &:hover {\n background: $gray-600;\n color: $white;\n }\n\n label {\n font-weight: bold;\n color: $white;\n font-size: 15px;\n padding-bottom: 0;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid $gray-200;\n }\n\n .grid-field__icon-action {\n &:before {\n color: $white;\n }\n\n &:hover {\n &:before {\n color: $gray-600;\n }\n }\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] {\n td {\n border-top: 3px solid $gray-200;\n }\n\n .form__field-label {\n font-weight: bold;\n padding-bottom: 0;\n color: $gray-700;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n td {\n border-bottom: 3px solid $gray-200;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n }\n\n .col-buttons .action {\n display: none;\n }\n }\n }\n\n .sticky-buttons {\n position: fixed;\n top: 73px;\n z-index: 2;\n background: $body-bg;\n border-bottom: 1px solid $border-color-light;\n padding: 12px;\n margin-left: -12px;\n\n & button.action {\n margin-bottom: 0;\n }\n\n ~ .ss-gridfield-table {\n margin-top: 73px;\n }\n }\n}\n\n\n\n.cms .grid-field__table .grid-field__uf-filter-header {\n padding: 0;\n\n .form__fieldgroup-label {\n color: $white;\n }\n\n .ss-gridfield-button-filter:not(.trigger) {\n background-color: $brand-success;\n }\n\n .ss-gridfield-button-filter:not(.trigger):hover {\n background-color: $brand-success;\n }\n\n table {\n width: 100%;\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms-cms.scss",".uf-field-editor {\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item {\n height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item,\n.uf-field-editor .grid-field__table .ss-gridfield-item:hover {\n background: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td {\n border-right-width: 0;\n vertical-align: middle;\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child {\n border-right-width: 1px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .handle {\n min-height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background {\n animation: flash-background 2s linear;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder {\n height: 50px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group {\n padding: 0;\n margin-bottom: 2px;\n color: #43536d;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after {\n border-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label {\n flex: auto;\n max-width: 100%;\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover {\n background: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle {\n background: #ced5e1;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"],\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"]:hover {\n background: #566b8d;\n color: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] label {\n font-weight: bold;\n color: #fff;\n font-size: 15px;\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid #ced5e1;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] .grid-field__icon-action:before {\n color: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] .grid-field__icon-action:hover:before {\n color: #566b8d;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid #ced5e1;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] .form__field-label {\n font-weight: bold;\n padding-bottom: 0;\n color: #43536d;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] td {\n border-bottom: 3px solid #ced5e1;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] .col-buttons .action {\n display: none;\n}\n\n.uf-field-editor .sticky-buttons {\n position: fixed;\n top: 73px;\n z-index: 2;\n background: #f7f8fa;\n border-bottom: 1px solid #dbe0e9;\n padding: 12px;\n margin-left: -12px;\n}\n\n.uf-field-editor .sticky-buttons button.action {\n margin-bottom: 0;\n}\n\n.uf-field-editor .sticky-buttons ~ .ss-gridfield-table {\n margin-top: 73px;\n}\n\n.cms .grid-field__table .grid-field__uf-filter-header {\n padding: 0;\n}\n\n.cms .grid-field__table .grid-field__uf-filter-header .form__fieldgroup-label {\n color: #fff;\n}\n\n.cms .grid-field__table .grid-field__uf-filter-header .ss-gridfield-button-filter:not(.trigger) {\n background-color: #3fa142;\n}\n\n.cms .grid-field__table .grid-field__uf-filter-header .ss-gridfield-button-filter:not(.trigger):hover {\n background-color: #3fa142;\n}\n\n.cms .grid-field__table .grid-field__uf-filter-header table {\n width: 100%;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle-cms.scss"],"sourceRoot":""}

1
client/dist/styles/userforms.css.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["webpack:///./client/src/styles/userforms.scss?1f22","webpack:///./bundle.scss?6663"],"names":[],"mappings":"AAGE,6BACE,kBACA,WACA,mBCFH,iCDMG,kBACA,WACA,mBCFH,iCDMG,cACA,kBCFH,wCDMG,qBACA,qBCFH,iEDKK,UCDL,qCDMG,kBACA,MACA,WCFH,+BDQG,cCJH,sCDQG,qBACA,qBCJH,UDSC,WACA,WACA,eCLD,gBDQG,aCJH,6BDQG,cCJH,gBDSC,yBACA,kBACA,YACA,gBACA,mBCLD,uBDQG,iBACA,kBACA,SACA,WCJH,aDSC,WACA,cCLD,uBDSC,eCLD,gBDSC,kBACA","file":"styles/userforms.css","sourcesContent":["// Lightweight base styles for the front-end form.\n\n.userform-progress {\n .progress {\n position: relative;\n height: 1em;\n background: $gray-200;\n }\n\n .progress-bar {\n position: absolute;\n height: 1em;\n background: $gray-600;\n }\n\n .step-buttons {\n margin-left: 0;\n position: relative;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n\n &.viewed .step-button-jump {\n opacity: 1;\n }\n }\n\n .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n }\n}\n\n.step-navigation {\n .step-buttons {\n margin-left: 0;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n }\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n\n .hide {\n display: none;\n }\n\n .field label.right {\n color: $gray-800;\n }\n}\n\n.userformsgroup {\n border: 1px solid $gray-300;\n border-radius: 4px;\n padding: 8px;\n margin-top: 12px;\n margin-bottom: 12px;\n\n > legend {\n padding-left: 4px;\n padding-right: 4px;\n border: 0;\n width: auto;\n }\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms.scss",".userform-progress .progress {\n position: relative;\n height: 1em;\n background: #ced5e1;\n}\n\n.userform-progress .progress-bar {\n position: absolute;\n height: 1em;\n background: #566b8d;\n}\n\n.userform-progress .step-buttons {\n margin-left: 0;\n position: relative;\n}\n\n.userform-progress .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform-progress .step-button-wrapper.viewed .step-button-jump {\n opacity: 1;\n}\n\n.userform-progress .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n}\n\n.step-navigation .step-buttons {\n margin-left: 0;\n}\n\n.step-navigation .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n}\n\n.userform .hide {\n display: none;\n}\n\n.userform .field label.right {\n color: #303b4d;\n}\n\n.userformsgroup {\n border: 1px solid #aebace;\n border-radius: 4px;\n padding: 8px;\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.userformsgroup > legend {\n padding-left: 4px;\n padding-right: 4px;\n border: 0;\n width: auto;\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle.scss"],"sourceRoot":""}

View File

@ -140,3 +140,25 @@
}
}
}
.cms .grid-field__table .grid-field__uf-filter-header {
padding: 0;
.form__fieldgroup-label {
color: $white;
}
.ss-gridfield-button-filter:not(.trigger) {
background-color: $brand-success;
}
.ss-gridfield-button-filter:not(.trigger):hover {
background-color: $brand-success;
}
table {
width: 100%;
}
}

View File

@ -9,6 +9,7 @@ use SilverStripe\Forms\DropdownField;
use SilverStripe\Forms\FieldGroup;
use SilverStripe\Forms\GridField\GridField;
use SilverStripe\Forms\GridField\GridField_FormAction;
use SilverStripe\Forms\GridField\GridFieldDataColumns;
use SilverStripe\Forms\GridField\GridFieldFilterHeader;
use SilverStripe\Forms\TextField;
use SilverStripe\ORM\ArrayList;
@ -111,7 +112,7 @@ class UserFormsGridFieldFilterHeader extends GridFieldFilterHeader
->setAttribute('title', _t(__CLASS__.'.FILTER', "Filter"))
->setAttribute('id', 'action_filter_' . $gridField->getModelClass() . '_' . $columnField),
GridField_FormAction::create($gridField, 'reset', false, 'reset', null)
->addExtraClass('ss-gridfield-button-close btn btn-primary')
->addExtraClass('ss-gridfield-button-close btn ')
->setTitle(_t(__CLASS__.'.RESET', "Reset"))
->setAttribute('title', _t(__CLASS__.'.RESET', "Reset"))
->setAttribute('id', 'action_reset_' . $gridField->getModelClass() . '_' . $columnField)
@ -120,13 +121,17 @@ class UserFormsGridFieldFilterHeader extends GridFieldFilterHeader
$actions->addExtraClass('filter-buttons');
$actions->addExtraClass('no-change-track');
$colSpan = 2 + count($gridField->getConfig()->getComponentByType(GridFieldDataColumns::class)
->getDisplayFields($gridField));
$forTemplate = ArrayData::create(array(
'Fields' => $fields
'Fields' => $fields,
'ColSpan' => $colSpan
));
return array(
'header' => $forTemplate->renderWith(GridFieldFilterHeader::class . '_Row')
'header' => $forTemplate->renderWith(UserFormsGridFieldFilterHeader::class . '_Row')
);
}
@ -164,4 +169,7 @@ class UserFormsGridFieldFilterHeader extends GridFieldFilterHeader
return $dataList;
}
}

View File

@ -0,0 +1,13 @@
<% if $Fields %>
<tr class="grid-field__filter-header" style="display:none;">
<td colspan="{$ColSpan}" class="grid-field__uf-filter-header">
<table>
<tr>
<% loop $Fields %>
<th class="extra">$Field</th>
<% end_loop %>
</tr>
</table>
</td>
</tr>
<% end_if %>