js lint and build vanilla scripts for JS
This commit is contained in:
Nivanka Fonseka
parent
1d198ca05d
commit
425504ae43
|
|
@ -1,506 +1 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "";
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = "./client/src/bundles/bundle-cms.js");
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ "./client/src/bundles/ConfirmFolder.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
var _i18n = __webpack_require__(5);
|
||||
|
||||
var _i18n2 = _interopRequireDefault(_i18n);
|
||||
|
||||
var _jquery = __webpack_require__(0);
|
||||
|
||||
var _jquery2 = _interopRequireDefault(_jquery);
|
||||
|
||||
var _react = __webpack_require__(3);
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = __webpack_require__(4);
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Injector = __webpack_require__(1);
|
||||
|
||||
var _url = __webpack_require__(2);
|
||||
|
||||
var _url2 = _interopRequireDefault(_url);
|
||||
|
||||
var _qs = __webpack_require__(6);
|
||||
|
||||
var _qs2 = _interopRequireDefault(_qs);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var FormBuilderModal = (0, _Injector.loadComponent)('FormBuilderModal');
|
||||
|
||||
_jquery2.default.entwine('ss', function ($) {
|
||||
$('#Form_EditForm_Fields').entwine({
|
||||
onmatch: function onmatch() {
|
||||
var _this = this;
|
||||
|
||||
this._super();
|
||||
|
||||
this.on('addnewinline', function () {
|
||||
_this.one('reload', function () {
|
||||
var newField = _this.find('.ss-gridfield-item').last();
|
||||
newField.find('.col-ClassName select').attr('data-folderconfirmed', 0);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function toggleVisibility(check, show, hide) {
|
||||
if (check) {
|
||||
$(show).show();
|
||||
$(hide).hide();
|
||||
} else {
|
||||
$(hide).show();
|
||||
$(show).hide();
|
||||
}
|
||||
}
|
||||
|
||||
$('#Form_ConfirmFolderForm_FolderOptions-new').entwine({
|
||||
onmatch: function onmatch() {
|
||||
$('#Form_ConfirmFolderForm_CreateFolder_Holder').detach().appendTo($('#Form_ConfirmFolderForm_FolderOptions-new').parent().parent());
|
||||
toggleVisibility($(this).prop('checked'), '#Form_ConfirmFolderForm_CreateFolder_Holder', '#Form_ConfirmFolderForm_FolderID_Holder');
|
||||
},
|
||||
onchange: function onchange() {
|
||||
toggleVisibility($(this).prop('checked'), '#Form_ConfirmFolderForm_CreateFolder_Holder', '#Form_ConfirmFolderForm_FolderID_Holder');
|
||||
}
|
||||
});
|
||||
|
||||
$('#Form_ConfirmFolderForm_FolderOptions-existing').entwine({
|
||||
onmatch: function onmatch() {
|
||||
$('#Form_ConfirmFolderForm_FolderID_Holder').detach().appendTo($('#Form_ConfirmFolderForm_FolderOptions-existing').parent().parent());
|
||||
toggleVisibility($(this).prop('checked'), '#Form_ConfirmFolderForm_FolderID_Holder', '#Form_ConfirmFolderForm_CreateFolder_Holder');
|
||||
},
|
||||
onchange: function onchange() {
|
||||
toggleVisibility($(this).prop('checked'), '#Form_ConfirmFolderForm_FolderID_Holder', '#Form_ConfirmFolderForm_CreateFolder_Holder');
|
||||
}
|
||||
});
|
||||
|
||||
$('#Form_ConfirmFolderForm_FolderID_Holder .treedropdownfield.is-open,#Form_ItemEditForm_FolderID .treedropdownfield.is-open').entwine({
|
||||
onunmatch: function onunmatch() {
|
||||
var _this2 = this;
|
||||
|
||||
var adminUrl = $(this).closest('#Form_ConfirmFolderForm').data('adminUrl');
|
||||
var parsedURL = _url2.default.parse(adminUrl + 'user-forms/getfoldergrouppermissions');
|
||||
var parsedQs = _qs2.default.parse(parsedURL.query);
|
||||
parsedQs.FolderID = $(this).find('input[name=FolderID]').val();
|
||||
var fetchURL = _url2.default.format(_extends({}, parsedURL, { search: _qs2.default.stringify(parsedQs) }));
|
||||
|
||||
return fetch(fetchURL, {
|
||||
credentials: 'same-origin'
|
||||
}).then(function (response) {
|
||||
return response.json();
|
||||
}).then(function (response) {
|
||||
$(_this2).siblings('.form__field-description').html(response);
|
||||
$(_this2).parent().siblings('.form__field-description').html(response);
|
||||
return response;
|
||||
}).catch(function (error) {
|
||||
_jquery2.default.noticeAdd({ text: error.message, stay: false, type: 'error' });
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(".uf-field-editor .ss-gridfield-items .dropdown.editable-column-field.form-group--no-label:not([data-folderconfirmed='1'])").entwine({
|
||||
onchange: function onchange() {
|
||||
if (this.get(0).value !== 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFileField') {
|
||||
return;
|
||||
}
|
||||
|
||||
if ($(".uf-field-editor .ss-gridfield-items .dropdown.editable-column-field.form-group--no-label[data-folderconfirmed='1']").length) {
|
||||
return;
|
||||
}
|
||||
|
||||
var dialog = $('#confirm-folder__dialog-wrapper');
|
||||
|
||||
if (dialog.length) {
|
||||
dialog.remove();
|
||||
}
|
||||
|
||||
dialog = $('<div id="confirm-folder__dialog-wrapper" />');
|
||||
var id = $(this).closest('tr').data('id');
|
||||
var adminUrl = $(this).closest('.uf-field-editor').data('adminUrl');
|
||||
dialog.data('id', id);
|
||||
dialog.data('adminUrl', adminUrl);
|
||||
$('body').append(dialog);
|
||||
|
||||
dialog.open();
|
||||
}
|
||||
});
|
||||
|
||||
$('#confirm-folder__dialog-wrapper').entwine({
|
||||
onunmatch: function onunmatch() {
|
||||
this._clearModal();
|
||||
},
|
||||
open: function open() {
|
||||
this._renderModal(true);
|
||||
},
|
||||
close: function close(noRevert) {
|
||||
if (!noRevert) {
|
||||
var id = $('#confirm-folder__dialog-wrapper').data('id');
|
||||
var select = $('.ss-gridfield-item[data-id=\'' + id + '\'] .dropdown.editable-column-field.form-group--no-label[data-folderconfirmed=\'0\']');
|
||||
select.val('SilverStripe\\UserForms\\Model\\EditableFormField\\EditableTextField');
|
||||
}
|
||||
|
||||
this._renderModal(false);
|
||||
},
|
||||
_renderModal: function _renderModal(isOpen) {
|
||||
var _this3 = this;
|
||||
|
||||
var handleHide = function handleHide() {
|
||||
return _this3._handleHideModal.apply(_this3, arguments);
|
||||
};
|
||||
var handleSubmit = function handleSubmit() {
|
||||
return _this3._handleSubmitModal.apply(_this3, arguments);
|
||||
};
|
||||
var title = _i18n2.default._t('UserForms.FILE_CONFIRMATION_TITLE', 'Select file upload folder');
|
||||
var editableFileFieldID = $(this).data('id');
|
||||
|
||||
var adminUrl = $(this).data('adminUrl');
|
||||
var parsedURL = _url2.default.parse(adminUrl + 'user-forms/confirmfolderformschema');
|
||||
var parsedQs = _qs2.default.parse(parsedURL.query);
|
||||
parsedQs.ID = editableFileFieldID;
|
||||
var schemaUrl = _url2.default.format(_extends({}, parsedURL, { search: _qs2.default.stringify(parsedQs) }));
|
||||
|
||||
_reactDom2.default.render(_react2.default.createElement(FormBuilderModal, {
|
||||
title: title,
|
||||
isOpen: isOpen,
|
||||
onSubmit: handleSubmit,
|
||||
onClosed: handleHide,
|
||||
schemaUrl: schemaUrl,
|
||||
bodyClassName: 'modal__dialog',
|
||||
className: 'confirm-folder-modal',
|
||||
responseClassBad: 'modal__response modal__response--error',
|
||||
responseClassGood: 'modal__response modal__response--good',
|
||||
identifier: 'UserForms.ConfirmFolder'
|
||||
}), this[0]);
|
||||
},
|
||||
_clearModal: function _clearModal() {
|
||||
_reactDom2.default.unmountComponentAtNode(this[0]);
|
||||
},
|
||||
_handleHideModal: function _handleHideModal() {
|
||||
return this.close();
|
||||
},
|
||||
_handleSubmitModal: function _handleSubmitModal(data, action, submitFn) {
|
||||
var _this4 = this;
|
||||
|
||||
return submitFn().then(function () {
|
||||
_jquery2.default.noticeAdd({ text: _i18n2.default._t('UserForms.FILE_CONFIRMATION_CONFIRMATION', 'Folder confirmed successfully.'), stay: false, type: 'success' });
|
||||
_this4.close(true);
|
||||
$('[name=action_doSave], [name=action_save]').click();
|
||||
}).catch(function (error) {
|
||||
_jquery2.default.noticeAdd({ text: error.message, stay: false, type: 'error' });
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#Form_ConfirmFolderForm_action_cancel').entwine({
|
||||
onclick: function onclick() {
|
||||
$('#confirm-folder__dialog-wrapper').close();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./client/src/bundles/FieldEditor.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _jquery = __webpack_require__(0);
|
||||
|
||||
var _jquery2 = _interopRequireDefault(_jquery);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
_jquery2.default.entwine('ss', function ($) {
|
||||
var stickyHeaderInterval = null;
|
||||
|
||||
$('.uf-field-editor .ss-gridfield-items').entwine({
|
||||
onmatch: function onmatch() {
|
||||
var thisLevel = 0;
|
||||
var depth = 0;
|
||||
var $buttonrow = $('.uf-field-editor .ss-gridfield-buttonrow').addClass('sticky-buttons');
|
||||
var navHeight = $('.cms-content-header.north').first().height() + parseInt($('.sticky-buttons').css('padding-top'), 10);
|
||||
var fieldEditor = $('.uf-field-editor');
|
||||
|
||||
this._super();
|
||||
|
||||
this.find('.ss-gridfield-item').each(function (index, el) {
|
||||
switch ($(el).data('class')) {
|
||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep':
|
||||
{
|
||||
depth = 0;
|
||||
return;
|
||||
}
|
||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup':
|
||||
{
|
||||
depth += 1;
|
||||
thisLevel = depth;
|
||||
break;
|
||||
}
|
||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd':
|
||||
{
|
||||
thisLevel = depth;
|
||||
depth -= 1;
|
||||
break;
|
||||
}
|
||||
default:
|
||||
{
|
||||
thisLevel = depth;
|
||||
}
|
||||
}
|
||||
|
||||
$(el).toggleClass('infieldgroup', thisLevel > 0);
|
||||
for (var i = 1; i <= 5; i++) {
|
||||
$(el).toggleClass('infieldgroup-level-' + i, thisLevel >= i);
|
||||
}
|
||||
});
|
||||
|
||||
stickyHeaderInterval = setInterval(function () {
|
||||
var offsetTop = fieldEditor.offset().top;
|
||||
$buttonrow.width('100%');
|
||||
if (offsetTop > navHeight || offsetTop === 0) {
|
||||
$buttonrow.removeClass('sticky-buttons');
|
||||
} else {
|
||||
$buttonrow.addClass('sticky-buttons');
|
||||
}
|
||||
}, 300);
|
||||
},
|
||||
onunmatch: function onunmatch() {
|
||||
this._super();
|
||||
|
||||
clearInterval(stickyHeaderInterval);
|
||||
}
|
||||
});
|
||||
|
||||
$('.uf-field-editor .ss-gridfield-buttonrow .action').entwine({
|
||||
onclick: function onclick(e) {
|
||||
this._super(e);
|
||||
|
||||
this.trigger('addnewinline');
|
||||
}
|
||||
});
|
||||
|
||||
$('.uf-field-editor').entwine({
|
||||
onmatch: function onmatch() {
|
||||
var _this = this;
|
||||
|
||||
this._super();
|
||||
|
||||
this.on('addnewinline', function () {
|
||||
_this.one('reload', function () {
|
||||
var $newField = _this.find('.ss-gridfield-item').last();
|
||||
var $groupEnd = null;
|
||||
var fqcn = 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd';
|
||||
if ($newField.attr('data-class') === fqcn) {
|
||||
$groupEnd = $newField;
|
||||
$groupEnd.prev().find('.col-Title input').focus();
|
||||
$newField = $groupEnd.add($groupEnd.prev());
|
||||
$groupEnd.css('visibility', 'hidden');
|
||||
} else {
|
||||
$newField.find('.col-Title input').focus();
|
||||
}
|
||||
|
||||
$newField.addClass('flashBackground');
|
||||
var $contenFields = $('.cms-content-fields');
|
||||
if ($contenFields.length > 0) {
|
||||
$contenFields.scrollTop($contenFields[0].scrollHeight);
|
||||
}
|
||||
if ($groupEnd) {
|
||||
$groupEnd.css('visibility', 'visible');
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
onummatch: function onummatch() {
|
||||
this._super();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./client/src/bundles/Recipient.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _jquery = __webpack_require__(0);
|
||||
|
||||
var _jquery2 = _interopRequireDefault(_jquery);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
_jquery2.default.entwine('ss', function ($) {
|
||||
var recipient = {
|
||||
updateFormatSpecificFields: function updateFormatSpecificFields() {
|
||||
var sendPlainChecked = $('input[name="SendPlain"]').is(':checked');
|
||||
|
||||
$('.field.toggle-html-only')[sendPlainChecked ? 'hide' : 'show']();
|
||||
$('.field.toggle-plain-only')[sendPlainChecked ? 'show' : 'hide']();
|
||||
}
|
||||
};
|
||||
|
||||
$('#Form_ItemEditForm .EmailRecipientForm').entwine({
|
||||
onmatch: function onmatch() {
|
||||
recipient.updateFormatSpecificFields();
|
||||
},
|
||||
|
||||
onunmatch: function onunmatch() {
|
||||
undefined._super();
|
||||
}
|
||||
});
|
||||
|
||||
$('#Form_ItemEditForm .EmailRecipientForm input[name="SendPlain"]').entwine({
|
||||
onchange: function onchange() {
|
||||
recipient.updateFormatSpecificFields();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./client/src/bundles/bundle-cms.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
__webpack_require__("./client/src/bundles/FieldEditor.js");
|
||||
|
||||
__webpack_require__("./client/src/bundles/ConfirmFolder.js");
|
||||
|
||||
__webpack_require__("./client/src/bundles/Recipient.js");
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = jQuery;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = Injector;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 2:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = NodeUrl;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 3:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = React;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 4:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ReactDom;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 5:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = i18n;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 6:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = qs;
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
//# sourceMappingURL=userforms-cms.js.map
|
||||
!function(e){function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}var r={};o.m=e,o.c=r,o.i=function(e){return e},o.d=function(e,r,t){o.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},o.p="",o(o.s="./client/src/bundles/bundle-cms.js")}({"./client/src/bundles/ConfirmFolder.js":function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i=r(5),d=t(i),l=r(0),s=t(l),a=r(3),c=t(a),f=r(4),u=t(f),m=r(1),p=r(2),F=t(p),_=r(6),h=t(_),g=(0,m.loadComponent)("FormBuilderModal");s.default.entwine("ss",function(e){function o(o,r,t){o?(e(r).show(),e(t).hide()):(e(t).show(),e(r).hide())}e("#Form_EditForm_Fields").entwine({onmatch:function(){var e=this;this._super(),this.on("addnewinline",function(){e.one("reload",function(){e.find(".ss-gridfield-item").last().find(".col-ClassName select").attr("data-folderconfirmed",0)})})}}),e("#Form_ConfirmFolderForm_FolderOptions-new").entwine({onmatch:function(){e("#Form_ConfirmFolderForm_CreateFolder_Holder").detach().appendTo(e("#Form_ConfirmFolderForm_FolderOptions-new").parent().parent()),o(e(this).prop("checked"),"#Form_ConfirmFolderForm_CreateFolder_Holder","#Form_ConfirmFolderForm_FolderID_Holder")},onchange:function(){o(e(this).prop("checked"),"#Form_ConfirmFolderForm_CreateFolder_Holder","#Form_ConfirmFolderForm_FolderID_Holder")}}),e("#Form_ConfirmFolderForm_FolderOptions-existing").entwine({onmatch:function(){e("#Form_ConfirmFolderForm_FolderID_Holder").detach().appendTo(e("#Form_ConfirmFolderForm_FolderOptions-existing").parent().parent()),o(e(this).prop("checked"),"#Form_ConfirmFolderForm_FolderID_Holder","#Form_ConfirmFolderForm_CreateFolder_Holder")},onchange:function(){o(e(this).prop("checked"),"#Form_ConfirmFolderForm_FolderID_Holder","#Form_ConfirmFolderForm_CreateFolder_Holder")}}),e("#Form_ConfirmFolderForm_FolderID_Holder .treedropdownfield.is-open,#Form_ItemEditForm_FolderID .treedropdownfield.is-open").entwine({onunmatch:function(){var o=this,r=e(this).closest("#Form_ConfirmFolderForm").data("adminUrl"),t=F.default.parse(r+"user-forms/getfoldergrouppermissions"),i=h.default.parse(t.query);i.FolderID=e(this).find("input[name=FolderID]").val();var d=F.default.format(n({},t,{search:h.default.stringify(i)}));return fetch(d,{credentials:"same-origin"}).then(function(e){return e.json()}).then(function(r){return e(o).siblings(".form__field-description").html(r),e(o).parent().siblings(".form__field-description").html(r),r}).catch(function(e){s.default.noticeAdd({text:e.message,stay:!1,type:"error"})})}}),e(".uf-field-editor .ss-gridfield-items .dropdown.editable-column-field.form-group--no-label:not([data-folderconfirmed='1'])").entwine({onchange:function(){if("SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFileField"===this.get(0).value&&!e(".uf-field-editor .ss-gridfield-items .dropdown.editable-column-field.form-group--no-label[data-folderconfirmed='1']").length){var o=e("#confirm-folder__dialog-wrapper");o.length&&o.remove(),o=e('<div id="confirm-folder__dialog-wrapper" />');var r=e(this).closest("tr").data("id"),t=e(this).closest(".uf-field-editor").data("adminUrl");o.data("id",r),o.data("adminUrl",t),e("body").append(o),o.open()}}}),e("#confirm-folder__dialog-wrapper").entwine({onunmatch:function(){this._clearModal()},open:function(){this._renderModal(!0)},close:function(o){if(!o){var r=e("#confirm-folder__dialog-wrapper").data("id");e(".ss-gridfield-item[data-id='"+r+"'] .dropdown.editable-column-field.form-group--no-label[data-folderconfirmed='0']").val("SilverStripe\\UserForms\\Model\\EditableFormField\\EditableTextField")}this._renderModal(!1)},_renderModal:function(o){var r=this,t=function(){return r._handleHideModal.apply(r,arguments)},i=function(){return r._handleSubmitModal.apply(r,arguments)},l=d.default._t("UserForms.FILE_CONFIRMATION_TITLE","Select file upload folder"),s=e(this).data("id"),a=e(this).data("adminUrl"),f=F.default.parse(a+"user-forms/confirmfolderformschema"),m=h.default.parse(f.query);m.ID=s;var p=F.default.format(n({},f,{search:h.default.stringify(m)}));u.default.render(c.default.createElement(g,{title:l,isOpen:o,onSubmit:i,onClosed:t,schemaUrl:p,bodyClassName:"modal__dialog",className:"confirm-folder-modal",responseClassBad:"modal__response modal__response--error",responseClassGood:"modal__response modal__response--good",identifier:"UserForms.ConfirmFolder"}),this[0])},_clearModal:function(){u.default.unmountComponentAtNode(this[0])},_handleHideModal:function(){return this.close()},_handleSubmitModal:function(o,r,t){var n=this;return t().then(function(){s.default.noticeAdd({text:d.default._t("UserForms.FILE_CONFIRMATION_CONFIRMATION","Folder confirmed successfully."),stay:!1,type:"success"}),n.close(!0),e("[name=action_doSave], [name=action_save]").click()}).catch(function(e){s.default.noticeAdd({text:e.message,stay:!1,type:"error"})})}}),e("#Form_ConfirmFolderForm_action_cancel").entwine({onclick:function(){e("#confirm-folder__dialog-wrapper").close()}})})},"./client/src/bundles/FieldEditor.js":function(e,o,r){"use strict";var t=r(0);(function(e){return e&&e.__esModule?e:{default:e}})(t).default.entwine("ss",function(e){var o=null;e(".uf-field-editor .ss-gridfield-items").entwine({onmatch:function(){var r=0,t=0,n=e(".uf-field-editor .ss-gridfield-buttonrow").addClass("sticky-buttons"),i=e(".cms-content-header.north").first().height()+parseInt(e(".sticky-buttons").css("padding-top"),10),d=e(".uf-field-editor");this._super(),this.find(".ss-gridfield-item").each(function(o,n){switch(e(n).data("class")){case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep":return void(t=0);case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup":t+=1,r=t;break;case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd":r=t,t-=1;break;default:r=t}e(n).toggleClass("infieldgroup",r>0);for(var i=1;i<=5;i++)e(n).toggleClass("infieldgroup-level-"+i,r>=i)}),o=setInterval(function(){var e=d.offset().top;n.width("100%"),e>i||0===e?n.removeClass("sticky-buttons"):n.addClass("sticky-buttons")},300)},onunmatch:function(){this._super(),clearInterval(o)}}),e(".uf-field-editor .ss-gridfield-buttonrow .action").entwine({onclick:function(e){this._super(e),this.trigger("addnewinline")}}),e(".uf-field-editor").entwine({onmatch:function(){var o=this;this._super(),this.on("addnewinline",function(){o.one("reload",function(){var r=o.find(".ss-gridfield-item").last(),t=null;"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"===r.attr("data-class")?(t=r,t.prev().find(".col-Title input").focus(),r=t.add(t.prev()),t.css("visibility","hidden")):r.find(".col-Title input").focus(),r.addClass("flashBackground");var n=e(".cms-content-fields");n.length>0&&n.scrollTop(n[0].scrollHeight),t&&t.css("visibility","visible")})})},onummatch:function(){this._super()}})})},"./client/src/bundles/Recipient.js":function(e,o,r){"use strict";var t=r(0);(function(e){return e&&e.__esModule?e:{default:e}})(t).default.entwine("ss",function(e){var o={updateFormatSpecificFields:function(){var o=e('input[name="SendPlain"]').is(":checked");e(".field.toggle-html-only")[o?"hide":"show"](),e(".field.toggle-plain-only")[o?"show":"hide"]()}};e("#Form_ItemEditForm .EmailRecipientForm").entwine({onmatch:function(){o.updateFormatSpecificFields()},onunmatch:function(){(void 0)._super()}}),e('#Form_ItemEditForm .EmailRecipientForm input[name="SendPlain"]').entwine({onchange:function(){o.updateFormatSpecificFields()}})})},"./client/src/bundles/bundle-cms.js":function(e,o,r){"use strict";r("./client/src/bundles/FieldEditor.js"),r("./client/src/bundles/ConfirmFolder.js"),r("./client/src/bundles/Recipient.js")},0:function(e,o){e.exports=jQuery},1:function(e,o){e.exports=Injector},2:function(e,o){e.exports=NodeUrl},3:function(e,o){e.exports=React},4:function(e,o){e.exports=ReactDom},5:function(e,o){e.exports=i18n},6:function(e,o){e.exports=qs}});
|
||||
|
|
@ -1,2371 +1 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "";
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = "./client/src/bundles/bundle.js");
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ "./client/src/bundles/UserForms.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _asyncValidator = __webpack_require__("./node_modules/async-validator/dist-web/index.js");
|
||||
|
||||
var _asyncValidator2 = _interopRequireDefault(_asyncValidator);
|
||||
|
||||
var _i18n = __webpack_require__(0);
|
||||
|
||||
var _i18n2 = _interopRequireDefault(_i18n);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
var isVisible = function isVisible(element) {
|
||||
return element.style.display !== 'none' && element.style.visibility !== 'hidden' && !element.classList.contains('hide');
|
||||
};
|
||||
|
||||
var ProgressBar = function () {
|
||||
function ProgressBar(dom, userForm) {
|
||||
_classCallCheck(this, ProgressBar);
|
||||
|
||||
this.dom = dom;
|
||||
this.userForm = userForm;
|
||||
this.progressTitle = this.userForm.dom.querySelector('.progress-title');
|
||||
this.buttons = this.dom.querySelectorAll('.step-button-jump');
|
||||
this.currentStepNumber = this.dom.querySelector('.current-step-number');
|
||||
this.init();
|
||||
}
|
||||
|
||||
_createClass(ProgressBar, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
var _this = this;
|
||||
|
||||
this.dom.style.display = 'initial';
|
||||
var buttons = this.buttons;
|
||||
|
||||
var _loop = function _loop(button) {
|
||||
button.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
var stepNumber = parseInt(button.getAttribute('data-step'), 10);
|
||||
_this.userForm.jumpToStep(stepNumber);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
var _iteratorNormalCompletion = true;
|
||||
var _didIteratorError = false;
|
||||
var _iteratorError = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator = buttons[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
||||
var button = _step.value;
|
||||
|
||||
_loop(button);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError = true;
|
||||
_iteratorError = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion && _iterator.return) {
|
||||
_iterator.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError) {
|
||||
throw _iteratorError;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.userForm.dom.addEventListener('userform.form.changestep', function (e) {
|
||||
_this.update(e.detail.stepId);
|
||||
});
|
||||
|
||||
this.update(0);
|
||||
}
|
||||
}, {
|
||||
key: 'update',
|
||||
value: function update(stepId) {
|
||||
var stepNumber = this.userForm.getCurrentStepID() + 1;
|
||||
var newStep = this.userForm.getStep(stepId);
|
||||
var newStepElement = newStep.step;
|
||||
var barWidth = stepId / (this.buttons.length - 1) * 100;
|
||||
|
||||
this.currentStepNumber.innerText = stepNumber;
|
||||
|
||||
var _iteratorNormalCompletion2 = true;
|
||||
var _didIteratorError2 = false;
|
||||
var _iteratorError2 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator2 = this.dom.querySelectorAll('[aria-valuenow]')[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
||||
var e = _step2.value;
|
||||
|
||||
e.setAttribute('aria-valuenow', stepNumber);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError2 = true;
|
||||
_iteratorError2 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion2 && _iterator2.return) {
|
||||
_iterator2.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError2) {
|
||||
throw _iteratorError2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var _iteratorNormalCompletion3 = true;
|
||||
var _didIteratorError3 = false;
|
||||
var _iteratorError3 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator3 = this.buttons[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
|
||||
var button = _step3.value;
|
||||
|
||||
var parent = button.parentNode;
|
||||
if (parseInt(button.getAttribute('data-step'), 10) === stepNumber && isVisible(button)) {
|
||||
parent.classList.add('current');
|
||||
parent.classList.add('viewed');
|
||||
|
||||
button.disabled = false;
|
||||
break;
|
||||
}
|
||||
parent.classList.remove('current');
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError3 = true;
|
||||
_iteratorError3 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion3 && _iterator3.return) {
|
||||
_iterator3.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError3) {
|
||||
throw _iteratorError3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.progressTitle.innerText = newStepElement.getAttribute('data-title');
|
||||
|
||||
barWidth = barWidth ? barWidth + '%' : '';
|
||||
this.dom.querySelector('.progress-bar').style.width = barWidth;
|
||||
}
|
||||
}]);
|
||||
|
||||
return ProgressBar;
|
||||
}();
|
||||
|
||||
var FormStep = function () {
|
||||
function FormStep(step, userForm) {
|
||||
_classCallCheck(this, FormStep);
|
||||
|
||||
this.step = step;
|
||||
this.userForm = userForm;
|
||||
this.viewed = false;
|
||||
this.buttonHolder = null;
|
||||
this.id = 0;
|
||||
|
||||
this.init();
|
||||
}
|
||||
|
||||
_createClass(FormStep, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
var _this2 = this;
|
||||
|
||||
var id = this.getHTMLId();
|
||||
this.buttonHolder = document.querySelector('.step-button-wrapper[data-for=\'' + id + '\']');
|
||||
['userform.field.hide', 'userform.field.show'].forEach(function (action) {
|
||||
_this2.buttonHolder.addEventListener(action, function () {
|
||||
_this2.userForm.dom.trigger('userform.form.conditionalstep');
|
||||
});
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: 'setId',
|
||||
value: function setId(id) {
|
||||
this.id = id;
|
||||
}
|
||||
}, {
|
||||
key: 'getHTMLId',
|
||||
value: function getHTMLId() {
|
||||
return this.step.getAttribute('id');
|
||||
}
|
||||
}, {
|
||||
key: 'show',
|
||||
value: function show() {
|
||||
this.step.setAttribute('aria-hidden', false);
|
||||
this.step.classList.remove('hide');
|
||||
this.step.classList.add('viewed');
|
||||
this.viewed = true;
|
||||
}
|
||||
}, {
|
||||
key: 'hide',
|
||||
value: function hide() {
|
||||
this.step.setAttribute('aria-hidden', true);
|
||||
this.step.classList.add('hide');
|
||||
}
|
||||
}, {
|
||||
key: 'conditionallyHidden',
|
||||
value: function conditionallyHidden() {
|
||||
var button = this.buttonHolder.querySelector('button');
|
||||
return !(button.style.display !== 'none' && button.visibility !== 'hidden' && !button.classList.contains('hide'));
|
||||
}
|
||||
}, {
|
||||
key: 'getValidatorType',
|
||||
value: function getValidatorType(input) {
|
||||
if (input.getAttribute('type') === 'email') {
|
||||
return 'email';
|
||||
}
|
||||
if (input.getAttribute('type') === 'date') {
|
||||
return 'date';
|
||||
}
|
||||
if (input.classList.contains('numeric') || input.getAttribute('type') === 'numeric') {
|
||||
return 'number';
|
||||
}
|
||||
return 'string';
|
||||
}
|
||||
}, {
|
||||
key: 'getValidatorMessage',
|
||||
value: function getValidatorMessage(input) {
|
||||
if (input.getAttribute('data-msg-required')) {
|
||||
return input.getAttribute('data-msg-required');
|
||||
}
|
||||
return this.getFieldLabel(input) + ' is required';
|
||||
}
|
||||
}, {
|
||||
key: 'getFieldLabel',
|
||||
value: function getFieldLabel(input) {
|
||||
var holder = window.closest(input, 'div.field');
|
||||
if (holder) {
|
||||
var label = holder.querySelector('label.left');
|
||||
if (label) {
|
||||
return label.innerText;
|
||||
}
|
||||
}
|
||||
return input.getAttribute('name');
|
||||
}
|
||||
}, {
|
||||
key: 'getValidationsDescriptors',
|
||||
value: function getValidationsDescriptors(onlyDirty) {
|
||||
var _this3 = this;
|
||||
|
||||
var descriptors = {};
|
||||
var fields = this.step.querySelectorAll('input, textarea, select');
|
||||
|
||||
var _loop2 = function _loop2(field) {
|
||||
|
||||
if (!isVisible(field)) {
|
||||
return 'continue';
|
||||
}
|
||||
|
||||
if (onlyDirty && !field.classList.contains('dirty')) {
|
||||
return 'continue';
|
||||
}
|
||||
|
||||
var label = _this3.getFieldLabel(field);
|
||||
descriptors[field.getAttribute('name')] = {
|
||||
title: label,
|
||||
type: _this3.getValidatorType(field),
|
||||
required: field.getAttribute('required') == 'required',
|
||||
message: _this3.getValidatorMessage(field)
|
||||
};
|
||||
|
||||
var min = field.getAttribute('data-rule-min');
|
||||
var max = field.getAttribute('data-rule-max');
|
||||
if (min !== null || max !== null) {
|
||||
descriptors[field.getAttribute('name')]['asyncValidator'] = function (rule, value) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (min !== null && value < min) {
|
||||
reject(label + ' cannot be less than ' + min);
|
||||
} else if (max !== null && value > max) {
|
||||
reject(label + ' cannot be greater than ' + max);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
var _iteratorNormalCompletion4 = true;
|
||||
var _didIteratorError4 = false;
|
||||
var _iteratorError4 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator4 = fields[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
|
||||
var field = _step4.value;
|
||||
|
||||
var _ret2 = _loop2(field);
|
||||
|
||||
if (_ret2 === 'continue') continue;
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError4 = true;
|
||||
_iteratorError4 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion4 && _iterator4.return) {
|
||||
_iterator4.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError4) {
|
||||
throw _iteratorError4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return descriptors;
|
||||
}
|
||||
}, {
|
||||
key: 'validate',
|
||||
value: function validate(onlyDirty) {
|
||||
var _this4 = this;
|
||||
|
||||
var descriptors = this.getValidationsDescriptors(onlyDirty);
|
||||
if (Object.keys(descriptors).length) {
|
||||
var validator = new _asyncValidator2.default(descriptors);
|
||||
|
||||
var formData = new FormData(this.userForm.dom);
|
||||
var data = {};
|
||||
formData.forEach(function (value, key) {
|
||||
data[key] = value;
|
||||
});
|
||||
|
||||
var _promise = new Promise(function (resolve, reject) {
|
||||
validator.validate(data, function (errors, fields) {
|
||||
if (errors && errors.length) {
|
||||
_this4.displayErrorMessages(errors);
|
||||
reject(errors);
|
||||
} else {
|
||||
_this4.displayErrorMessages([]);
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
return _promise;
|
||||
}
|
||||
|
||||
var promise = new Promise(function (resolve, reject) {
|
||||
resolve();
|
||||
});
|
||||
return promise;
|
||||
}
|
||||
}, {
|
||||
key: 'enableLiveValidation',
|
||||
value: function enableLiveValidation() {
|
||||
var _this5 = this;
|
||||
|
||||
var fields = this.step.querySelectorAll('input, textarea, select');
|
||||
|
||||
var _loop3 = function _loop3(field) {
|
||||
|
||||
field.addEventListener('change', function () {
|
||||
field.classList.add('dirty');
|
||||
});
|
||||
|
||||
field.addEventListener('focusout', function () {
|
||||
_this5.validate(true).then(function () {}).catch(function () {});
|
||||
});
|
||||
};
|
||||
|
||||
var _iteratorNormalCompletion5 = true;
|
||||
var _didIteratorError5 = false;
|
||||
var _iteratorError5 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator5 = fields[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
|
||||
var field = _step5.value;
|
||||
|
||||
_loop3(field);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError5 = true;
|
||||
_iteratorError5 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion5 && _iterator5.return) {
|
||||
_iterator5.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError5) {
|
||||
throw _iteratorError5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'displayErrorMessages',
|
||||
value: function displayErrorMessages(errors) {
|
||||
var errorIds = [];
|
||||
|
||||
var _iteratorNormalCompletion6 = true;
|
||||
var _didIteratorError6 = false;
|
||||
var _iteratorError6 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator6 = errors[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
|
||||
var error = _step6.value;
|
||||
|
||||
var fieldHolder = this.userForm.dom.querySelector('#' + error.field);
|
||||
if (fieldHolder) {
|
||||
var errorLabel = fieldHolder.querySelector('span.error');
|
||||
if (!errorLabel) {
|
||||
errorLabel = document.createElement('span');
|
||||
errorLabel.classList.add('error');
|
||||
errorLabel.setAttribute('data-id', error.field);
|
||||
}
|
||||
errorIds.push(error.field);
|
||||
errorLabel.innerHTML = error.message;
|
||||
fieldHolder.append(errorLabel);
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError6 = true;
|
||||
_iteratorError6 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion6 && _iterator6.return) {
|
||||
_iterator6.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError6) {
|
||||
throw _iteratorError6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var messages = this.step.querySelectorAll('span.error');
|
||||
var _iteratorNormalCompletion7 = true;
|
||||
var _didIteratorError7 = false;
|
||||
var _iteratorError7 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator7 = messages[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
|
||||
var mesasge = _step7.value;
|
||||
|
||||
var id = mesasge.getAttribute('data-id');
|
||||
if (errorIds.indexOf(id) === -1) {
|
||||
mesasge.remove();
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError7 = true;
|
||||
_iteratorError7 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion7 && _iterator7.return) {
|
||||
_iterator7.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError7) {
|
||||
throw _iteratorError7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}]);
|
||||
|
||||
return FormStep;
|
||||
}();
|
||||
|
||||
var FormActions = function () {
|
||||
function FormActions(dom, userForm) {
|
||||
_classCallCheck(this, FormActions);
|
||||
|
||||
this.dom = dom;
|
||||
this.userForm = userForm;
|
||||
this.prevButton = dom.querySelector('.step-button-prev');
|
||||
this.nextButton = dom.querySelector('.step-button-next');
|
||||
|
||||
this.init();
|
||||
}
|
||||
|
||||
_createClass(FormActions, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
var _this6 = this;
|
||||
|
||||
this.prevButton.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
window.triggerDispatchEvent(_this6.userForm.dom, 'userform.action.prev');
|
||||
});
|
||||
this.nextButton.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
window.triggerDispatchEvent(_this6.userForm.dom, 'userform.action.next');
|
||||
});
|
||||
|
||||
this.update();
|
||||
|
||||
this.userForm.dom.addEventListener('userform.form.changestep', function () {
|
||||
_this6.update();
|
||||
});
|
||||
|
||||
this.userForm.dom.addEventListener('userform.form.conditionalstep', function () {
|
||||
_this6.update();
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: 'update',
|
||||
value: function update() {
|
||||
var numberOfSteps = this.userForm.getNumberOfSteps();
|
||||
var stepId = this.userForm.getCurrentStepID();
|
||||
var i = null;
|
||||
var lastStep = null;
|
||||
for (i = numberOfSteps - 1; i >= 0; i--) {
|
||||
lastStep = this.userForm.getStep(i);
|
||||
if (!lastStep.conditionallyHidden()) {
|
||||
if (stepId >= i) {
|
||||
this.nextButton.parentNode.classList.add('hide');
|
||||
} else {
|
||||
this.nextButton.parentNode.classList.remove('hide');
|
||||
}
|
||||
|
||||
if (stepId > 0 && stepId <= i) {
|
||||
this.prevButton.parentNode.classList.remove('hide');
|
||||
} else {
|
||||
this.prevButton.parentNode.classList.add('hide');
|
||||
}
|
||||
|
||||
if (stepId >= i) {
|
||||
this.dom.querySelector('.btn-toolbar').classList.remove('hide');
|
||||
} else {
|
||||
this.dom.querySelector('.btn-toolbar').classList.add('hide');
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}]);
|
||||
|
||||
return FormActions;
|
||||
}();
|
||||
|
||||
var UserForm = function () {
|
||||
function UserForm(form) {
|
||||
_classCallCheck(this, UserForm);
|
||||
|
||||
this.dom = form;
|
||||
this.CONSTANTS = {};
|
||||
this.steps = [];
|
||||
this.progressBar = null;
|
||||
this.actions = null;
|
||||
this.currentStep = null;
|
||||
|
||||
this.CONSTANTS.ENABLE_LIVE_VALIDATION = this.dom.getAttribute('livevalidation') !== undefined;
|
||||
this.CONSTANTS.DISPLAY_ERROR_MESSAGES_AT_TOP = this.dom.getAttribute('toperrors') !== undefined;
|
||||
}
|
||||
|
||||
_createClass(UserForm, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
this.initialiseFormSteps();
|
||||
}
|
||||
}, {
|
||||
key: 'initialiseFormSteps',
|
||||
value: function initialiseFormSteps() {
|
||||
var _this7 = this;
|
||||
|
||||
var steps = this.dom.querySelectorAll('.form-step');
|
||||
var _iteratorNormalCompletion8 = true;
|
||||
var _didIteratorError8 = false;
|
||||
var _iteratorError8 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator8 = steps[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
|
||||
var stepDom = _step8.value;
|
||||
|
||||
var step = new FormStep(stepDom, this);
|
||||
step.hide();
|
||||
this.addStep(step);
|
||||
|
||||
if (this.CONSTANTS.ENABLE_LIVE_VALIDATION) {
|
||||
step.enableLiveValidation();
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError8 = true;
|
||||
_iteratorError8 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion8 && _iterator8.return) {
|
||||
_iterator8.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError8) {
|
||||
throw _iteratorError8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.setCurrentStep(this.steps[0]);
|
||||
|
||||
var progressBarDom = this.dom.querySelector('.userform-progress');
|
||||
if (progressBarDom) {
|
||||
this.progressBar = new ProgressBar(progressBarDom, this);
|
||||
}
|
||||
|
||||
var stepNavigation = this.dom.querySelector('.step-navigation');
|
||||
if (stepNavigation) {
|
||||
this.formActions = new FormActions(stepNavigation, this);
|
||||
this.formActions.update();
|
||||
}
|
||||
|
||||
this.setUpPing();
|
||||
|
||||
this.dom.addEventListener('userform.action.next', function () {
|
||||
_this7.nextStep();
|
||||
});
|
||||
|
||||
this.dom.addEventListener('userform.action.prev', function () {
|
||||
_this7.prevStep();
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: 'setCurrentStep',
|
||||
value: function setCurrentStep(step) {
|
||||
if (!(step instanceof FormStep)) {
|
||||
return;
|
||||
}
|
||||
this.currentStep = step;
|
||||
this.currentStep.show();
|
||||
}
|
||||
}, {
|
||||
key: 'addStep',
|
||||
value: function addStep(step) {
|
||||
if (!(step instanceof FormStep)) {
|
||||
return;
|
||||
}
|
||||
step.setId(this.steps.length);
|
||||
this.steps.push(step);
|
||||
}
|
||||
}, {
|
||||
key: 'getNumberOfSteps',
|
||||
value: function getNumberOfSteps() {
|
||||
return this.steps.length;
|
||||
}
|
||||
}, {
|
||||
key: 'getCurrentStepID',
|
||||
value: function getCurrentStepID() {
|
||||
return this.currentStep.id ? this.currentStep.id : 0;
|
||||
}
|
||||
}, {
|
||||
key: 'getStep',
|
||||
value: function getStep(index) {
|
||||
return this.steps[index];
|
||||
}
|
||||
}, {
|
||||
key: 'nextStep',
|
||||
value: function nextStep() {
|
||||
var _this8 = this;
|
||||
|
||||
this.currentStep.validate().then(function () {
|
||||
_this8.jumpToStep(_this8.steps.indexOf(_this8.currentStep) + 1, true);
|
||||
}).catch(function (errors) {});
|
||||
}
|
||||
}, {
|
||||
key: 'prevStep',
|
||||
value: function prevStep() {
|
||||
this.jumpToStep(this.steps.indexOf(this.currentStep) - 1, true);
|
||||
}
|
||||
}, {
|
||||
key: 'jumpToStep',
|
||||
value: function jumpToStep(stepNumber, direction) {
|
||||
var targetStep = this.steps[stepNumber];
|
||||
var isValid = false;
|
||||
var forward = direction === undefined ? true : direction;
|
||||
|
||||
if (targetStep === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (targetStep.conditionallyHidden()) {
|
||||
if (forward) {
|
||||
this.jumpToStep(stepNumber + 1, direction);
|
||||
} else {
|
||||
this.jumpToStep(stepNumber - 1, direction);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.currentStep) {
|
||||
this.currentStep.hide();
|
||||
}
|
||||
|
||||
this.setCurrentStep(targetStep);
|
||||
|
||||
window.triggerDispatchEvent(this.dom, 'userform.form.changestep', {
|
||||
stepId: targetStep.id
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: 'setUpPing',
|
||||
value: function setUpPing() {
|
||||
window.setInterval(function () {
|
||||
fetch('UserDefinedFormController/ping');
|
||||
}, 180 * 1000);
|
||||
}
|
||||
}]);
|
||||
|
||||
return UserForm;
|
||||
}();
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var forms = document.querySelectorAll('form.userform');
|
||||
var _iteratorNormalCompletion9 = true;
|
||||
var _didIteratorError9 = false;
|
||||
var _iteratorError9 = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator9 = forms[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
|
||||
var form = _step9.value;
|
||||
|
||||
var userForm = new UserForm(form);
|
||||
userForm.init();
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError9 = true;
|
||||
_iteratorError9 = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion9 && _iterator9.return) {
|
||||
_iterator9.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError9) {
|
||||
throw _iteratorError9;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./client/src/bundles/bundle.js":
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
__webpack_require__("./client/src/bundles/UserForms.js");
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/async-validator/dist-web/index.js":
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||||
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Schema; });
|
||||
function _extends() {
|
||||
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
return _extends.apply(this, arguments);
|
||||
}
|
||||
|
||||
function _inheritsLoose(subClass, superClass) {
|
||||
subClass.prototype = Object.create(superClass.prototype);
|
||||
subClass.prototype.constructor = subClass;
|
||||
|
||||
_setPrototypeOf(subClass, superClass);
|
||||
}
|
||||
|
||||
function _getPrototypeOf(o) {
|
||||
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
|
||||
return o.__proto__ || Object.getPrototypeOf(o);
|
||||
};
|
||||
return _getPrototypeOf(o);
|
||||
}
|
||||
|
||||
function _setPrototypeOf(o, p) {
|
||||
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
||||
o.__proto__ = p;
|
||||
return o;
|
||||
};
|
||||
return _setPrototypeOf(o, p);
|
||||
}
|
||||
|
||||
function _isNativeReflectConstruct() {
|
||||
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
||||
if (Reflect.construct.sham) return false;
|
||||
if (typeof Proxy === "function") return true;
|
||||
|
||||
try {
|
||||
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function _construct(Parent, args, Class) {
|
||||
if (_isNativeReflectConstruct()) {
|
||||
_construct = Reflect.construct.bind();
|
||||
} else {
|
||||
_construct = function _construct(Parent, args, Class) {
|
||||
var a = [null];
|
||||
a.push.apply(a, args);
|
||||
var Constructor = Function.bind.apply(Parent, a);
|
||||
var instance = new Constructor();
|
||||
if (Class) _setPrototypeOf(instance, Class.prototype);
|
||||
return instance;
|
||||
};
|
||||
}
|
||||
|
||||
return _construct.apply(null, arguments);
|
||||
}
|
||||
|
||||
function _isNativeFunction(fn) {
|
||||
return Function.toString.call(fn).indexOf("[native code]") !== -1;
|
||||
}
|
||||
|
||||
function _wrapNativeSuper(Class) {
|
||||
var _cache = typeof Map === "function" ? new Map() : undefined;
|
||||
|
||||
_wrapNativeSuper = function _wrapNativeSuper(Class) {
|
||||
if (Class === null || !_isNativeFunction(Class)) return Class;
|
||||
|
||||
if (typeof Class !== "function") {
|
||||
throw new TypeError("Super expression must either be null or a function");
|
||||
}
|
||||
|
||||
if (typeof _cache !== "undefined") {
|
||||
if (_cache.has(Class)) return _cache.get(Class);
|
||||
|
||||
_cache.set(Class, Wrapper);
|
||||
}
|
||||
|
||||
function Wrapper() {
|
||||
return _construct(Class, arguments, _getPrototypeOf(this).constructor);
|
||||
}
|
||||
|
||||
Wrapper.prototype = Object.create(Class.prototype, {
|
||||
constructor: {
|
||||
value: Wrapper,
|
||||
enumerable: false,
|
||||
writable: true,
|
||||
configurable: true
|
||||
}
|
||||
});
|
||||
return _setPrototypeOf(Wrapper, Class);
|
||||
};
|
||||
|
||||
return _wrapNativeSuper(Class);
|
||||
}
|
||||
|
||||
/* eslint no-console:0 */
|
||||
var formatRegExp = /%[sdj%]/g;
|
||||
var warning = function warning() {}; // don't print warning message when in production env or node runtime
|
||||
|
||||
if (typeof process !== 'undefined' && __webpack_require__.i({"NODE_ENV":"development"}) && "development" !== 'production' && typeof window !== 'undefined' && typeof document !== 'undefined') {
|
||||
warning = function warning(type, errors) {
|
||||
if (typeof console !== 'undefined' && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === 'undefined') {
|
||||
if (errors.every(function (e) {
|
||||
return typeof e === 'string';
|
||||
})) {
|
||||
console.warn(type, errors);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function convertFieldsError(errors) {
|
||||
if (!errors || !errors.length) return null;
|
||||
var fields = {};
|
||||
errors.forEach(function (error) {
|
||||
var field = error.field;
|
||||
fields[field] = fields[field] || [];
|
||||
fields[field].push(error);
|
||||
});
|
||||
return fields;
|
||||
}
|
||||
function format(template) {
|
||||
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
args[_key - 1] = arguments[_key];
|
||||
}
|
||||
|
||||
var i = 0;
|
||||
var len = args.length;
|
||||
|
||||
if (typeof template === 'function') {
|
||||
return template.apply(null, args);
|
||||
}
|
||||
|
||||
if (typeof template === 'string') {
|
||||
var str = template.replace(formatRegExp, function (x) {
|
||||
if (x === '%%') {
|
||||
return '%';
|
||||
}
|
||||
|
||||
if (i >= len) {
|
||||
return x;
|
||||
}
|
||||
|
||||
switch (x) {
|
||||
case '%s':
|
||||
return String(args[i++]);
|
||||
|
||||
case '%d':
|
||||
return Number(args[i++]);
|
||||
|
||||
case '%j':
|
||||
try {
|
||||
return JSON.stringify(args[i++]);
|
||||
} catch (_) {
|
||||
return '[Circular]';
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
return x;
|
||||
}
|
||||
});
|
||||
return str;
|
||||
}
|
||||
|
||||
return template;
|
||||
}
|
||||
|
||||
function isNativeStringType(type) {
|
||||
return type === 'string' || type === 'url' || type === 'hex' || type === 'email' || type === 'date' || type === 'pattern';
|
||||
}
|
||||
|
||||
function isEmptyValue(value, type) {
|
||||
if (value === undefined || value === null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (type === 'array' && Array.isArray(value) && !value.length) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (isNativeStringType(type) && typeof value === 'string' && !value) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function asyncParallelArray(arr, func, callback) {
|
||||
var results = [];
|
||||
var total = 0;
|
||||
var arrLength = arr.length;
|
||||
|
||||
function count(errors) {
|
||||
results.push.apply(results, errors || []);
|
||||
total++;
|
||||
|
||||
if (total === arrLength) {
|
||||
callback(results);
|
||||
}
|
||||
}
|
||||
|
||||
arr.forEach(function (a) {
|
||||
func(a, count);
|
||||
});
|
||||
}
|
||||
|
||||
function asyncSerialArray(arr, func, callback) {
|
||||
var index = 0;
|
||||
var arrLength = arr.length;
|
||||
|
||||
function next(errors) {
|
||||
if (errors && errors.length) {
|
||||
callback(errors);
|
||||
return;
|
||||
}
|
||||
|
||||
var original = index;
|
||||
index = index + 1;
|
||||
|
||||
if (original < arrLength) {
|
||||
func(arr[original], next);
|
||||
} else {
|
||||
callback([]);
|
||||
}
|
||||
}
|
||||
|
||||
next([]);
|
||||
}
|
||||
|
||||
function flattenObjArr(objArr) {
|
||||
var ret = [];
|
||||
Object.keys(objArr).forEach(function (k) {
|
||||
ret.push.apply(ret, objArr[k] || []);
|
||||
});
|
||||
return ret;
|
||||
}
|
||||
|
||||
var AsyncValidationError = /*#__PURE__*/function (_Error) {
|
||||
_inheritsLoose(AsyncValidationError, _Error);
|
||||
|
||||
function AsyncValidationError(errors, fields) {
|
||||
var _this;
|
||||
|
||||
_this = _Error.call(this, 'Async Validation Error') || this;
|
||||
_this.errors = errors;
|
||||
_this.fields = fields;
|
||||
return _this;
|
||||
}
|
||||
|
||||
return AsyncValidationError;
|
||||
}( /*#__PURE__*/_wrapNativeSuper(Error));
|
||||
function asyncMap(objArr, option, func, callback, source) {
|
||||
if (option.first) {
|
||||
var _pending = new Promise(function (resolve, reject) {
|
||||
var next = function next(errors) {
|
||||
callback(errors);
|
||||
return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
|
||||
};
|
||||
|
||||
var flattenArr = flattenObjArr(objArr);
|
||||
asyncSerialArray(flattenArr, func, next);
|
||||
});
|
||||
|
||||
_pending["catch"](function (e) {
|
||||
return e;
|
||||
});
|
||||
|
||||
return _pending;
|
||||
}
|
||||
|
||||
var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
|
||||
var objArrKeys = Object.keys(objArr);
|
||||
var objArrLength = objArrKeys.length;
|
||||
var total = 0;
|
||||
var results = [];
|
||||
var pending = new Promise(function (resolve, reject) {
|
||||
var next = function next(errors) {
|
||||
results.push.apply(results, errors);
|
||||
total++;
|
||||
|
||||
if (total === objArrLength) {
|
||||
callback(results);
|
||||
return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
|
||||
}
|
||||
};
|
||||
|
||||
if (!objArrKeys.length) {
|
||||
callback(results);
|
||||
resolve(source);
|
||||
}
|
||||
|
||||
objArrKeys.forEach(function (key) {
|
||||
var arr = objArr[key];
|
||||
|
||||
if (firstFields.indexOf(key) !== -1) {
|
||||
asyncSerialArray(arr, func, next);
|
||||
} else {
|
||||
asyncParallelArray(arr, func, next);
|
||||
}
|
||||
});
|
||||
});
|
||||
pending["catch"](function (e) {
|
||||
return e;
|
||||
});
|
||||
return pending;
|
||||
}
|
||||
|
||||
function isErrorObj(obj) {
|
||||
return !!(obj && obj.message !== undefined);
|
||||
}
|
||||
|
||||
function getValue(value, path) {
|
||||
var v = value;
|
||||
|
||||
for (var i = 0; i < path.length; i++) {
|
||||
if (v == undefined) {
|
||||
return v;
|
||||
}
|
||||
|
||||
v = v[path[i]];
|
||||
}
|
||||
|
||||
return v;
|
||||
}
|
||||
|
||||
function complementError(rule, source) {
|
||||
return function (oe) {
|
||||
var fieldValue;
|
||||
|
||||
if (rule.fullFields) {
|
||||
fieldValue = getValue(source, rule.fullFields);
|
||||
} else {
|
||||
fieldValue = source[oe.field || rule.fullField];
|
||||
}
|
||||
|
||||
if (isErrorObj(oe)) {
|
||||
oe.field = oe.field || rule.fullField;
|
||||
oe.fieldValue = fieldValue;
|
||||
return oe;
|
||||
}
|
||||
|
||||
return {
|
||||
message: typeof oe === 'function' ? oe() : oe,
|
||||
fieldValue: fieldValue,
|
||||
field: oe.field || rule.fullField
|
||||
};
|
||||
};
|
||||
}
|
||||
function deepMerge(target, source) {
|
||||
if (source) {
|
||||
for (var s in source) {
|
||||
if (source.hasOwnProperty(s)) {
|
||||
var value = source[s];
|
||||
|
||||
if (typeof value === 'object' && typeof target[s] === 'object') {
|
||||
target[s] = _extends({}, target[s], value);
|
||||
} else {
|
||||
target[s] = value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
}
|
||||
|
||||
var required$1 = function required(rule, value, source, errors, options, type) {
|
||||
if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type || rule.type))) {
|
||||
errors.push(format(options.messages.required, rule.fullField));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Rule for validating whitespace.
|
||||
*
|
||||
* @param rule The validation rule.
|
||||
* @param value The value of the field on the source object.
|
||||
* @param source The source object being validated.
|
||||
* @param errors An array of errors that this rule may add
|
||||
* validation errors to.
|
||||
* @param options The validation options.
|
||||
* @param options.messages The validation messages.
|
||||
*/
|
||||
|
||||
var whitespace = function whitespace(rule, value, source, errors, options) {
|
||||
if (/^\s+$/.test(value) || value === '') {
|
||||
errors.push(format(options.messages.whitespace, rule.fullField));
|
||||
}
|
||||
};
|
||||
|
||||
// https://github.com/kevva/url-regex/blob/master/index.js
|
||||
var urlReg;
|
||||
var getUrlRegex = (function () {
|
||||
if (urlReg) {
|
||||
return urlReg;
|
||||
}
|
||||
|
||||
var word = '[a-fA-F\\d:]';
|
||||
|
||||
var b = function b(options) {
|
||||
return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : '';
|
||||
};
|
||||
|
||||
var v4 = '(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}';
|
||||
var v6seg = '[a-fA-F\\d]{1,4}';
|
||||
var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm, '').replace(/\n/g, '').trim(); // Pre-compile only the exact regexes because adding a global flag make regexes stateful
|
||||
|
||||
var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
|
||||
var v4exact = new RegExp("^" + v4 + "$");
|
||||
var v6exact = new RegExp("^" + v6 + "$");
|
||||
|
||||
var ip = function ip(options) {
|
||||
return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", 'g');
|
||||
};
|
||||
|
||||
ip.v4 = function (options) {
|
||||
return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), 'g');
|
||||
};
|
||||
|
||||
ip.v6 = function (options) {
|
||||
return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), 'g');
|
||||
};
|
||||
|
||||
var protocol = "(?:(?:[a-z]+:)?//)";
|
||||
var auth = '(?:\\S+(?::\\S*)?@)?';
|
||||
var ipv4 = ip.v4().source;
|
||||
var ipv6 = ip.v6().source;
|
||||
var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
|
||||
var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
|
||||
var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
|
||||
var port = '(?::\\d{2,5})?';
|
||||
var path = '(?:[/?#][^\\s"]*)?';
|
||||
var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
|
||||
urlReg = new RegExp("(?:^" + regex + "$)", 'i');
|
||||
return urlReg;
|
||||
});
|
||||
|
||||
/* eslint max-len:0 */
|
||||
|
||||
var pattern$2 = {
|
||||
// http://emailregex.com/
|
||||
email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
|
||||
// url: new RegExp(
|
||||
// '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
|
||||
// 'i',
|
||||
// ),
|
||||
hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
|
||||
};
|
||||
var types = {
|
||||
integer: function integer(value) {
|
||||
return types.number(value) && parseInt(value, 10) === value;
|
||||
},
|
||||
"float": function float(value) {
|
||||
return types.number(value) && !types.integer(value);
|
||||
},
|
||||
array: function array(value) {
|
||||
return Array.isArray(value);
|
||||
},
|
||||
regexp: function regexp(value) {
|
||||
if (value instanceof RegExp) {
|
||||
return true;
|
||||
}
|
||||
|
||||
try {
|
||||
return !!new RegExp(value);
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
date: function date(value) {
|
||||
return typeof value.getTime === 'function' && typeof value.getMonth === 'function' && typeof value.getYear === 'function' && !isNaN(value.getTime());
|
||||
},
|
||||
number: function number(value) {
|
||||
if (isNaN(value)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return typeof value === 'number';
|
||||
},
|
||||
object: function object(value) {
|
||||
return typeof value === 'object' && !types.array(value);
|
||||
},
|
||||
method: function method(value) {
|
||||
return typeof value === 'function';
|
||||
},
|
||||
email: function email(value) {
|
||||
return typeof value === 'string' && value.length <= 320 && !!value.match(pattern$2.email);
|
||||
},
|
||||
url: function url(value) {
|
||||
return typeof value === 'string' && value.length <= 2048 && !!value.match(getUrlRegex());
|
||||
},
|
||||
hex: function hex(value) {
|
||||
return typeof value === 'string' && !!value.match(pattern$2.hex);
|
||||
}
|
||||
};
|
||||
|
||||
var type$1 = function type(rule, value, source, errors, options) {
|
||||
if (rule.required && value === undefined) {
|
||||
required$1(rule, value, source, errors, options);
|
||||
return;
|
||||
}
|
||||
|
||||
var custom = ['integer', 'float', 'array', 'regexp', 'object', 'method', 'email', 'number', 'date', 'url', 'hex'];
|
||||
var ruleType = rule.type;
|
||||
|
||||
if (custom.indexOf(ruleType) > -1) {
|
||||
if (!types[ruleType](value)) {
|
||||
errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
|
||||
} // straight typeof check
|
||||
|
||||
} else if (ruleType && typeof value !== rule.type) {
|
||||
errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
|
||||
}
|
||||
};
|
||||
|
||||
var range = function range(rule, value, source, errors, options) {
|
||||
var len = typeof rule.len === 'number';
|
||||
var min = typeof rule.min === 'number';
|
||||
var max = typeof rule.max === 'number'; // 正则匹配码点范围从U+010000一直到U+10FFFF的文字（补充平面Supplementary Plane）
|
||||
|
||||
var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
|
||||
var val = value;
|
||||
var key = null;
|
||||
var num = typeof value === 'number';
|
||||
var str = typeof value === 'string';
|
||||
var arr = Array.isArray(value);
|
||||
|
||||
if (num) {
|
||||
key = 'number';
|
||||
} else if (str) {
|
||||
key = 'string';
|
||||
} else if (arr) {
|
||||
key = 'array';
|
||||
} // if the value is not of a supported type for range validation
|
||||
// the validation rule rule should use the
|
||||
// type property to also test for a particular type
|
||||
|
||||
|
||||
if (!key) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (arr) {
|
||||
val = value.length;
|
||||
}
|
||||
|
||||
if (str) {
|
||||
// 处理码点大于U+010000的文字length属性不准确的bug，如"𠮷𠮷𠮷".lenght !== 3
|
||||
val = value.replace(spRegexp, '_').length;
|
||||
}
|
||||
|
||||
if (len) {
|
||||
if (val !== rule.len) {
|
||||
errors.push(format(options.messages[key].len, rule.fullField, rule.len));
|
||||
}
|
||||
} else if (min && !max && val < rule.min) {
|
||||
errors.push(format(options.messages[key].min, rule.fullField, rule.min));
|
||||
} else if (max && !min && val > rule.max) {
|
||||
errors.push(format(options.messages[key].max, rule.fullField, rule.max));
|
||||
} else if (min && max && (val < rule.min || val > rule.max)) {
|
||||
errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max));
|
||||
}
|
||||
};
|
||||
|
||||
var ENUM$1 = 'enum';
|
||||
|
||||
var enumerable$1 = function enumerable(rule, value, source, errors, options) {
|
||||
rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
|
||||
|
||||
if (rule[ENUM$1].indexOf(value) === -1) {
|
||||
errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(', ')));
|
||||
}
|
||||
};
|
||||
|
||||
var pattern$1 = function pattern(rule, value, source, errors, options) {
|
||||
if (rule.pattern) {
|
||||
if (rule.pattern instanceof RegExp) {
|
||||
// if a RegExp instance is passed, reset `lastIndex` in case its `global`
|
||||
// flag is accidentally set to `true`, which in a validation scenario
|
||||
// is not necessary and the result might be misleading
|
||||
rule.pattern.lastIndex = 0;
|
||||
|
||||
if (!rule.pattern.test(value)) {
|
||||
errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
|
||||
}
|
||||
} else if (typeof rule.pattern === 'string') {
|
||||
var _pattern = new RegExp(rule.pattern);
|
||||
|
||||
if (!_pattern.test(value)) {
|
||||
errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var rules = {
|
||||
required: required$1,
|
||||
whitespace: whitespace,
|
||||
type: type$1,
|
||||
range: range,
|
||||
"enum": enumerable$1,
|
||||
pattern: pattern$1
|
||||
};
|
||||
|
||||
var string = function string(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value, 'string') && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options, 'string');
|
||||
|
||||
if (!isEmptyValue(value, 'string')) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
rules.range(rule, value, source, errors, options);
|
||||
rules.pattern(rule, value, source, errors, options);
|
||||
|
||||
if (rule.whitespace === true) {
|
||||
rules.whitespace(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var method = function method(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var number = function number(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (value === '') {
|
||||
value = undefined;
|
||||
}
|
||||
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
rules.range(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var _boolean = function _boolean(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var regexp = function regexp(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (!isEmptyValue(value)) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var integer = function integer(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
rules.range(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var floatFn = function floatFn(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
rules.range(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var array = function array(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if ((value === undefined || value === null) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options, 'array');
|
||||
|
||||
if (value !== undefined && value !== null) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
rules.range(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var object = function object(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var ENUM = 'enum';
|
||||
|
||||
var enumerable = function enumerable(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (value !== undefined) {
|
||||
rules[ENUM](rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var pattern = function pattern(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value, 'string') && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (!isEmptyValue(value, 'string')) {
|
||||
rules.pattern(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var date = function date(rule, value, callback, source, options) {
|
||||
// console.log('integer rule called %j', rule);
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); // console.log('validate on %s value', value);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value, 'date') && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
|
||||
if (!isEmptyValue(value, 'date')) {
|
||||
var dateObject;
|
||||
|
||||
if (value instanceof Date) {
|
||||
dateObject = value;
|
||||
} else {
|
||||
dateObject = new Date(value);
|
||||
}
|
||||
|
||||
rules.type(rule, dateObject, source, errors, options);
|
||||
|
||||
if (dateObject) {
|
||||
rules.range(rule, dateObject.getTime(), source, errors, options);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var required = function required(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var type = Array.isArray(value) ? 'array' : typeof value;
|
||||
rules.required(rule, value, source, errors, options, type);
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var type = function type(rule, value, callback, source, options) {
|
||||
var ruleType = rule.type;
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value, ruleType) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options, ruleType);
|
||||
|
||||
if (!isEmptyValue(value, ruleType)) {
|
||||
rules.type(rule, value, source, errors, options);
|
||||
}
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var any = function any(rule, value, callback, source, options) {
|
||||
var errors = [];
|
||||
var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
|
||||
|
||||
if (validate) {
|
||||
if (isEmptyValue(value) && !rule.required) {
|
||||
return callback();
|
||||
}
|
||||
|
||||
rules.required(rule, value, source, errors, options);
|
||||
}
|
||||
|
||||
callback(errors);
|
||||
};
|
||||
|
||||
var validators = {
|
||||
string: string,
|
||||
method: method,
|
||||
number: number,
|
||||
"boolean": _boolean,
|
||||
regexp: regexp,
|
||||
integer: integer,
|
||||
"float": floatFn,
|
||||
array: array,
|
||||
object: object,
|
||||
"enum": enumerable,
|
||||
pattern: pattern,
|
||||
date: date,
|
||||
url: type,
|
||||
hex: type,
|
||||
email: type,
|
||||
required: required,
|
||||
any: any
|
||||
};
|
||||
|
||||
function newMessages() {
|
||||
return {
|
||||
"default": 'Validation error on field %s',
|
||||
required: '%s is required',
|
||||
"enum": '%s must be one of %s',
|
||||
whitespace: '%s cannot be empty',
|
||||
date: {
|
||||
format: '%s date %s is invalid for format %s',
|
||||
parse: '%s date could not be parsed, %s is invalid ',
|
||||
invalid: '%s date %s is invalid'
|
||||
},
|
||||
types: {
|
||||
string: '%s is not a %s',
|
||||
method: '%s is not a %s (function)',
|
||||
array: '%s is not an %s',
|
||||
object: '%s is not an %s',
|
||||
number: '%s is not a %s',
|
||||
date: '%s is not a %s',
|
||||
"boolean": '%s is not a %s',
|
||||
integer: '%s is not an %s',
|
||||
"float": '%s is not a %s',
|
||||
regexp: '%s is not a valid %s',
|
||||
email: '%s is not a valid %s',
|
||||
url: '%s is not a valid %s',
|
||||
hex: '%s is not a valid %s'
|
||||
},
|
||||
string: {
|
||||
len: '%s must be exactly %s characters',
|
||||
min: '%s must be at least %s characters',
|
||||
max: '%s cannot be longer than %s characters',
|
||||
range: '%s must be between %s and %s characters'
|
||||
},
|
||||
number: {
|
||||
len: '%s must equal %s',
|
||||
min: '%s cannot be less than %s',
|
||||
max: '%s cannot be greater than %s',
|
||||
range: '%s must be between %s and %s'
|
||||
},
|
||||
array: {
|
||||
len: '%s must be exactly %s in length',
|
||||
min: '%s cannot be less than %s in length',
|
||||
max: '%s cannot be greater than %s in length',
|
||||
range: '%s must be between %s and %s in length'
|
||||
},
|
||||
pattern: {
|
||||
mismatch: '%s value %s does not match pattern %s'
|
||||
},
|
||||
clone: function clone() {
|
||||
var cloned = JSON.parse(JSON.stringify(this));
|
||||
cloned.clone = this.clone;
|
||||
return cloned;
|
||||
}
|
||||
};
|
||||
}
|
||||
var messages = newMessages();
|
||||
|
||||
/**
|
||||
* Encapsulates a validation schema.
|
||||
*
|
||||
* @param descriptor An object declaring validation rules
|
||||
* for this schema.
|
||||
*/
|
||||
|
||||
var Schema = /*#__PURE__*/function () {
|
||||
// ========================= Static =========================
|
||||
// ======================== Instance ========================
|
||||
function Schema(descriptor) {
|
||||
this.rules = null;
|
||||
this._messages = messages;
|
||||
this.define(descriptor);
|
||||
}
|
||||
|
||||
var _proto = Schema.prototype;
|
||||
|
||||
_proto.define = function define(rules) {
|
||||
var _this = this;
|
||||
|
||||
if (!rules) {
|
||||
throw new Error('Cannot configure a schema with no rules');
|
||||
}
|
||||
|
||||
if (typeof rules !== 'object' || Array.isArray(rules)) {
|
||||
throw new Error('Rules must be an object');
|
||||
}
|
||||
|
||||
this.rules = {};
|
||||
Object.keys(rules).forEach(function (name) {
|
||||
var item = rules[name];
|
||||
_this.rules[name] = Array.isArray(item) ? item : [item];
|
||||
});
|
||||
};
|
||||
|
||||
_proto.messages = function messages(_messages) {
|
||||
if (_messages) {
|
||||
this._messages = deepMerge(newMessages(), _messages);
|
||||
}
|
||||
|
||||
return this._messages;
|
||||
};
|
||||
|
||||
_proto.validate = function validate(source_, o, oc) {
|
||||
var _this2 = this;
|
||||
|
||||
if (o === void 0) {
|
||||
o = {};
|
||||
}
|
||||
|
||||
if (oc === void 0) {
|
||||
oc = function oc() {};
|
||||
}
|
||||
|
||||
var source = source_;
|
||||
var options = o;
|
||||
var callback = oc;
|
||||
|
||||
if (typeof options === 'function') {
|
||||
callback = options;
|
||||
options = {};
|
||||
}
|
||||
|
||||
if (!this.rules || Object.keys(this.rules).length === 0) {
|
||||
if (callback) {
|
||||
callback(null, source);
|
||||
}
|
||||
|
||||
return Promise.resolve(source);
|
||||
}
|
||||
|
||||
function complete(results) {
|
||||
var errors = [];
|
||||
var fields = {};
|
||||
|
||||
function add(e) {
|
||||
if (Array.isArray(e)) {
|
||||
var _errors;
|
||||
|
||||
errors = (_errors = errors).concat.apply(_errors, e);
|
||||
} else {
|
||||
errors.push(e);
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = 0; i < results.length; i++) {
|
||||
add(results[i]);
|
||||
}
|
||||
|
||||
if (!errors.length) {
|
||||
callback(null, source);
|
||||
} else {
|
||||
fields = convertFieldsError(errors);
|
||||
callback(errors, fields);
|
||||
}
|
||||
}
|
||||
|
||||
if (options.messages) {
|
||||
var messages$1 = this.messages();
|
||||
|
||||
if (messages$1 === messages) {
|
||||
messages$1 = newMessages();
|
||||
}
|
||||
|
||||
deepMerge(messages$1, options.messages);
|
||||
options.messages = messages$1;
|
||||
} else {
|
||||
options.messages = this.messages();
|
||||
}
|
||||
|
||||
var series = {};
|
||||
var keys = options.keys || Object.keys(this.rules);
|
||||
keys.forEach(function (z) {
|
||||
var arr = _this2.rules[z];
|
||||
var value = source[z];
|
||||
arr.forEach(function (r) {
|
||||
var rule = r;
|
||||
|
||||
if (typeof rule.transform === 'function') {
|
||||
if (source === source_) {
|
||||
source = _extends({}, source);
|
||||
}
|
||||
|
||||
value = source[z] = rule.transform(value);
|
||||
}
|
||||
|
||||
if (typeof rule === 'function') {
|
||||
rule = {
|
||||
validator: rule
|
||||
};
|
||||
} else {
|
||||
rule = _extends({}, rule);
|
||||
} // Fill validator. Skip if nothing need to validate
|
||||
|
||||
|
||||
rule.validator = _this2.getValidationMethod(rule);
|
||||
|
||||
if (!rule.validator) {
|
||||
return;
|
||||
}
|
||||
|
||||
rule.field = z;
|
||||
rule.fullField = rule.fullField || z;
|
||||
rule.type = _this2.getType(rule);
|
||||
series[z] = series[z] || [];
|
||||
series[z].push({
|
||||
rule: rule,
|
||||
value: value,
|
||||
source: source,
|
||||
field: z
|
||||
});
|
||||
});
|
||||
});
|
||||
var errorFields = {};
|
||||
return asyncMap(series, options, function (data, doIt) {
|
||||
var rule = data.rule;
|
||||
var deep = (rule.type === 'object' || rule.type === 'array') && (typeof rule.fields === 'object' || typeof rule.defaultField === 'object');
|
||||
deep = deep && (rule.required || !rule.required && data.value);
|
||||
rule.field = data.field;
|
||||
|
||||
function addFullField(key, schema) {
|
||||
return _extends({}, schema, {
|
||||
fullField: rule.fullField + "." + key,
|
||||
fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
|
||||
});
|
||||
}
|
||||
|
||||
function cb(e) {
|
||||
if (e === void 0) {
|
||||
e = [];
|
||||
}
|
||||
|
||||
var errorList = Array.isArray(e) ? e : [e];
|
||||
|
||||
if (!options.suppressWarning && errorList.length) {
|
||||
Schema.warning('async-validator:', errorList);
|
||||
}
|
||||
|
||||
if (errorList.length && rule.message !== undefined) {
|
||||
errorList = [].concat(rule.message);
|
||||
} // Fill error info
|
||||
|
||||
|
||||
var filledErrors = errorList.map(complementError(rule, source));
|
||||
|
||||
if (options.first && filledErrors.length) {
|
||||
errorFields[rule.field] = 1;
|
||||
return doIt(filledErrors);
|
||||
}
|
||||
|
||||
if (!deep) {
|
||||
doIt(filledErrors);
|
||||
} else {
|
||||
// if rule is required but the target object
|
||||
// does not exist fail at the rule level and don't
|
||||
// go deeper
|
||||
if (rule.required && !data.value) {
|
||||
if (rule.message !== undefined) {
|
||||
filledErrors = [].concat(rule.message).map(complementError(rule, source));
|
||||
} else if (options.error) {
|
||||
filledErrors = [options.error(rule, format(options.messages.required, rule.field))];
|
||||
}
|
||||
|
||||
return doIt(filledErrors);
|
||||
}
|
||||
|
||||
var fieldsSchema = {};
|
||||
|
||||
if (rule.defaultField) {
|
||||
Object.keys(data.value).map(function (key) {
|
||||
fieldsSchema[key] = rule.defaultField;
|
||||
});
|
||||
}
|
||||
|
||||
fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);
|
||||
var paredFieldsSchema = {};
|
||||
Object.keys(fieldsSchema).forEach(function (field) {
|
||||
var fieldSchema = fieldsSchema[field];
|
||||
var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
|
||||
paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
|
||||
});
|
||||
var schema = new Schema(paredFieldsSchema);
|
||||
schema.messages(options.messages);
|
||||
|
||||
if (data.rule.options) {
|
||||
data.rule.options.messages = options.messages;
|
||||
data.rule.options.error = options.error;
|
||||
}
|
||||
|
||||
schema.validate(data.value, data.rule.options || options, function (errs) {
|
||||
var finalErrors = [];
|
||||
|
||||
if (filledErrors && filledErrors.length) {
|
||||
finalErrors.push.apply(finalErrors, filledErrors);
|
||||
}
|
||||
|
||||
if (errs && errs.length) {
|
||||
finalErrors.push.apply(finalErrors, errs);
|
||||
}
|
||||
|
||||
doIt(finalErrors.length ? finalErrors : null);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var res;
|
||||
|
||||
if (rule.asyncValidator) {
|
||||
res = rule.asyncValidator(rule, data.value, cb, data.source, options);
|
||||
} else if (rule.validator) {
|
||||
try {
|
||||
res = rule.validator(rule, data.value, cb, data.source, options);
|
||||
} catch (error) {
|
||||
console.error == null ? void 0 : console.error(error); // rethrow to report error
|
||||
|
||||
if (!options.suppressValidatorError) {
|
||||
setTimeout(function () {
|
||||
throw error;
|
||||
}, 0);
|
||||
}
|
||||
|
||||
cb(error.message);
|
||||
}
|
||||
|
||||
if (res === true) {
|
||||
cb();
|
||||
} else if (res === false) {
|
||||
cb(typeof rule.message === 'function' ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
|
||||
} else if (res instanceof Array) {
|
||||
cb(res);
|
||||
} else if (res instanceof Error) {
|
||||
cb(res.message);
|
||||
}
|
||||
}
|
||||
|
||||
if (res && res.then) {
|
||||
res.then(function () {
|
||||
return cb();
|
||||
}, function (e) {
|
||||
return cb(e);
|
||||
});
|
||||
}
|
||||
}, function (results) {
|
||||
complete(results);
|
||||
}, source);
|
||||
};
|
||||
|
||||
_proto.getType = function getType(rule) {
|
||||
if (rule.type === undefined && rule.pattern instanceof RegExp) {
|
||||
rule.type = 'pattern';
|
||||
}
|
||||
|
||||
if (typeof rule.validator !== 'function' && rule.type && !validators.hasOwnProperty(rule.type)) {
|
||||
throw new Error(format('Unknown rule type %s', rule.type));
|
||||
}
|
||||
|
||||
return rule.type || 'string';
|
||||
};
|
||||
|
||||
_proto.getValidationMethod = function getValidationMethod(rule) {
|
||||
if (typeof rule.validator === 'function') {
|
||||
return rule.validator;
|
||||
}
|
||||
|
||||
var keys = Object.keys(rule);
|
||||
var messageIndex = keys.indexOf('message');
|
||||
|
||||
if (messageIndex !== -1) {
|
||||
keys.splice(messageIndex, 1);
|
||||
}
|
||||
|
||||
if (keys.length === 1 && keys[0] === 'required') {
|
||||
return validators.required;
|
||||
}
|
||||
|
||||
return validators[this.getType(rule)] || undefined;
|
||||
};
|
||||
|
||||
return Schema;
|
||||
}();
|
||||
|
||||
Schema.register = function register(type, validator) {
|
||||
if (typeof validator !== 'function') {
|
||||
throw new Error('Cannot register a validator by type, validator is not a function');
|
||||
}
|
||||
|
||||
validators[type] = validator;
|
||||
};
|
||||
|
||||
Schema.warning = warning;
|
||||
Schema.messages = messages;
|
||||
Schema.validators = validators;
|
||||
|
||||
|
||||
//# sourceMappingURL=index.js.map
|
||||
|
||||
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__("./node_modules/process/browser.js")))
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/process/browser.js":
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// shim for using process in browser
|
||||
var process = module.exports = {};
|
||||
|
||||
// cached from whatever global is present so that test runners that stub it
|
||||
// don't break things. But we need to wrap it in a try catch in case it is
|
||||
// wrapped in strict mode code which doesn't define any globals. It's inside a
|
||||
// function because try/catches deoptimize in certain engines.
|
||||
|
||||
var cachedSetTimeout;
|
||||
var cachedClearTimeout;
|
||||
|
||||
function defaultSetTimout() {
|
||||
throw new Error('setTimeout has not been defined');
|
||||
}
|
||||
function defaultClearTimeout () {
|
||||
throw new Error('clearTimeout has not been defined');
|
||||
}
|
||||
(function () {
|
||||
try {
|
||||
if (typeof setTimeout === 'function') {
|
||||
cachedSetTimeout = setTimeout;
|
||||
} else {
|
||||
cachedSetTimeout = defaultSetTimout;
|
||||
}
|
||||
} catch (e) {
|
||||
cachedSetTimeout = defaultSetTimout;
|
||||
}
|
||||
try {
|
||||
if (typeof clearTimeout === 'function') {
|
||||
cachedClearTimeout = clearTimeout;
|
||||
} else {
|
||||
cachedClearTimeout = defaultClearTimeout;
|
||||
}
|
||||
} catch (e) {
|
||||
cachedClearTimeout = defaultClearTimeout;
|
||||
}
|
||||
} ())
|
||||
function runTimeout(fun) {
|
||||
if (cachedSetTimeout === setTimeout) {
|
||||
//normal enviroments in sane situations
|
||||
return setTimeout(fun, 0);
|
||||
}
|
||||
// if setTimeout wasn't available but was latter defined
|
||||
if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
|
||||
cachedSetTimeout = setTimeout;
|
||||
return setTimeout(fun, 0);
|
||||
}
|
||||
try {
|
||||
// when when somebody has screwed with setTimeout but no I.E. maddness
|
||||
return cachedSetTimeout(fun, 0);
|
||||
} catch(e){
|
||||
try {
|
||||
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
|
||||
return cachedSetTimeout.call(null, fun, 0);
|
||||
} catch(e){
|
||||
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
|
||||
return cachedSetTimeout.call(this, fun, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
function runClearTimeout(marker) {
|
||||
if (cachedClearTimeout === clearTimeout) {
|
||||
//normal enviroments in sane situations
|
||||
return clearTimeout(marker);
|
||||
}
|
||||
// if clearTimeout wasn't available but was latter defined
|
||||
if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
|
||||
cachedClearTimeout = clearTimeout;
|
||||
return clearTimeout(marker);
|
||||
}
|
||||
try {
|
||||
// when when somebody has screwed with setTimeout but no I.E. maddness
|
||||
return cachedClearTimeout(marker);
|
||||
} catch (e){
|
||||
try {
|
||||
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
|
||||
return cachedClearTimeout.call(null, marker);
|
||||
} catch (e){
|
||||
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
|
||||
// Some versions of I.E. have different rules for clearTimeout vs setTimeout
|
||||
return cachedClearTimeout.call(this, marker);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
var queue = [];
|
||||
var draining = false;
|
||||
var currentQueue;
|
||||
var queueIndex = -1;
|
||||
|
||||
function cleanUpNextTick() {
|
||||
if (!draining || !currentQueue) {
|
||||
return;
|
||||
}
|
||||
draining = false;
|
||||
if (currentQueue.length) {
|
||||
queue = currentQueue.concat(queue);
|
||||
} else {
|
||||
queueIndex = -1;
|
||||
}
|
||||
if (queue.length) {
|
||||
drainQueue();
|
||||
}
|
||||
}
|
||||
|
||||
function drainQueue() {
|
||||
if (draining) {
|
||||
return;
|
||||
}
|
||||
var timeout = runTimeout(cleanUpNextTick);
|
||||
draining = true;
|
||||
|
||||
var len = queue.length;
|
||||
while(len) {
|
||||
currentQueue = queue;
|
||||
queue = [];
|
||||
while (++queueIndex < len) {
|
||||
if (currentQueue) {
|
||||
currentQueue[queueIndex].run();
|
||||
}
|
||||
}
|
||||
queueIndex = -1;
|
||||
len = queue.length;
|
||||
}
|
||||
currentQueue = null;
|
||||
draining = false;
|
||||
runClearTimeout(timeout);
|
||||
}
|
||||
|
||||
process.nextTick = function (fun) {
|
||||
var args = new Array(arguments.length - 1);
|
||||
if (arguments.length > 1) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
args[i - 1] = arguments[i];
|
||||
}
|
||||
}
|
||||
queue.push(new Item(fun, args));
|
||||
if (queue.length === 1 && !draining) {
|
||||
runTimeout(drainQueue);
|
||||
}
|
||||
};
|
||||
|
||||
// v8 likes predictible objects
|
||||
function Item(fun, array) {
|
||||
this.fun = fun;
|
||||
this.array = array;
|
||||
}
|
||||
Item.prototype.run = function () {
|
||||
this.fun.apply(null, this.array);
|
||||
};
|
||||
process.title = 'browser';
|
||||
process.browser = true;
|
||||
process.env = {};
|
||||
process.argv = [];
|
||||
process.version = ''; // empty string to avoid regexp issues
|
||||
process.versions = {};
|
||||
|
||||
function noop() {}
|
||||
|
||||
process.on = noop;
|
||||
process.addListener = noop;
|
||||
process.once = noop;
|
||||
process.off = noop;
|
||||
process.removeListener = noop;
|
||||
process.removeAllListeners = noop;
|
||||
process.emit = noop;
|
||||
process.prependListener = noop;
|
||||
process.prependOnceListener = noop;
|
||||
|
||||
process.listeners = function (name) { return [] }
|
||||
|
||||
process.binding = function (name) {
|
||||
throw new Error('process.binding is not supported');
|
||||
};
|
||||
|
||||
process.cwd = function () { return '/' };
|
||||
process.chdir = function (dir) {
|
||||
throw new Error('process.chdir is not supported');
|
||||
};
|
||||
process.umask = function() { return 0; };
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = i18n;
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
//# sourceMappingURL=userforms.js.map
|
||||
!function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var r={};t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="./client/src/bundles/bundle.js")}({"./client/src/bundles/UserForms.js":function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e){return"none"!==e.style.display&&"hidden"!==e.style.visibility&&!e.classList.contains("hide")}var s=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),u=r("./node_modules/async-validator/dist-web/index.js"),o=function(e){return e&&e.__esModule?e:{default:e}}(u),a=function(){function e(t,r){n(this,e),this.dom=t,this.userForm=r,this.progressTitle=this.userForm.dom.querySelector(".progress-title"),this.buttons=this.dom.querySelectorAll(".step-button-jump"),this.currentStepNumber=this.dom.querySelector(".current-step-number"),this.init()}return s(e,[{key:"init",value:function(){var e=this;this.dom.style.display="initial",this.buttons.forEach(function(t){t.addEventListener("click",function(r){r.preventDefault();var n=parseInt(t.getAttribute("data-step"),10);return e.userForm.jumpToStep(n-1),!1})}),this.userForm.dom.addEventListener("userform.form.changestep",function(t){e.update(t.detail.stepId)}),this.update(0)}},{key:"update",value:function(e){var t=this.userForm.getCurrentStepID()+1,r=this.userForm.getStep(e),n=r.step,s=e/(this.buttons.length-1)*100;this.currentStepNumber.innerText=t,this.dom.querySelectorAll("[aria-valuenow]").forEach(function(e){e.setAttribute("aria-valuenow",t)}),this.buttons.forEach(function(e){var r=e,n=r.parentNode;parseInt(r.getAttribute("data-step"),10)===t&&i(r)&&(n.classList.add("current"),n.classList.add("viewed"),r.disabled=!1),n.classList.remove("current")}),this.progressTitle.innerText=n.getAttribute("data-title"),s=s?s+"%":"",this.dom.querySelector(".progress-bar").style.width=s}}]),e}(),l=function(){function e(t,r){n(this,e),this.step=t,this.userForm=r,this.viewed=!1,this.buttonHolder=null,this.id=0,this.init()}return s(e,[{key:"init",value:function(){var e=this,t=this.getHTMLId();this.buttonHolder=document.querySelector(".step-button-wrapper[data-for='"+t+"']"),["userform.field.hide","userform.field.show"].forEach(function(t){e.buttonHolder.addEventListener(t,function(){e.userForm.dom.trigger("userform.form.conditionalstep")})})}},{key:"setId",value:function(e){this.id=e}},{key:"getHTMLId",value:function(){return this.step.getAttribute("id")}},{key:"show",value:function(){this.step.setAttribute("aria-hidden",!1),this.step.classList.remove("hide"),this.step.classList.add("viewed"),this.viewed=!0}},{key:"hide",value:function(){this.step.setAttribute("aria-hidden",!0),this.step.classList.add("hide")}},{key:"conditionallyHidden",value:function(){var e=this.buttonHolder.querySelector("button");return!("none"!==e.style.display&&"hidden"!==e.visibility&&!e.classList.contains("hide"))}},{key:"getValidatorType",value:function(e){return"email"===e.getAttribute("type")?"email":"date"===e.getAttribute("type")?"date":e.classList.contains("numeric")||"numeric"===e.getAttribute("type")?"number":"string"}},{key:"getValidatorMessage",value:function(e){return e.getAttribute("data-msg-required")?e.getAttribute("data-msg-required"):this.getFieldLabel(e)+" is required"}},{key:"getHolderForField",value:function(e){return window.closest(e,".field")}},{key:"getFieldLabel",value:function(e){var t=this.getHolderForField(e);if(t){var r=t.querySelector("label.left, legend.left");if(r)return r.innerText}return e.getAttribute("name")}},{key:"getValidationsDescriptors",value:function(e){var t=this,r={};return this.step.querySelectorAll("input, textarea, select").forEach(function(n){if(i(n)&&(!e||e&&!n.classList.contains("dirty"))){var s=t.getFieldLabel(n),u=t.getHolderForField(n);r[n.getAttribute("name")]={title:s,type:t.getValidatorType(n),required:u.classList.contains("requiredField"),message:t.getValidatorMessage(n)};var o=n.getAttribute("data-rule-min"),a=n.getAttribute("data-rule-max");null===o&&null===a||(r[n.getAttribute("name")].asyncValidator=function(e,t){return new Promise(function(e,r){null!==o&&t<o?r(s+" cannot be less than "+o):null!==a&&t>a?r(s+" cannot be greater than "+a):e()})});var l=n.getAttribute("data-rule-minlength"),c=n.getAttribute("data-rule-maxlength");null===l&&null===c||(r[n.getAttribute("name")].asyncValidator=function(e,t){return new Promise(function(e,r){null!==l&&t.length<l?r(s+" cannot be shorter than "+l):null!==c&&t.length>c?r(s+" cannot be longer than "+c):e()})})}}),r}},{key:"validate",value:function(e){var t=this,r=this.getValidationsDescriptors(e);if(Object.keys(r).length){var n=new o.default(r),i=new FormData(this.userForm.dom),s={};return i.forEach(function(e,t){s[t]=e}),this.step.querySelectorAll('input[type="radio"],input[type="checkbox"]').forEach(function(e){var t=e.getAttribute("name");void 0===s[t]&&(s[t]="")}),new Promise(function(e,r){n.validate(s,function(n){n&&n.length?(t.displayErrorMessages(n),r(n)):(t.displayErrorMessages([]),e())})})}return new Promise(function(e){e()})}},{key:"enableLiveValidation",value:function(){var e=this;this.step.querySelectorAll("input, textarea, select").forEach(function(t){t.addEventListener("change",function(){t.classList.add("dirty")}),t.addEventListener("focusout",function(){e.validate(!0).then(function(){}).catch(function(){})})})}},{key:"displayErrorMessages",value:function(e){var t=this,r=[];e.forEach(function(e){var n=t.userForm.dom.querySelector("#"+e.field);if(n){var i=n.querySelector("span.error");i||(i=document.createElement("span"),i.classList.add("error"),i.setAttribute("data-id",e.field)),r.push(e.field),i.innerHTML=e.message,n.append(i)}}),this.step.querySelectorAll("span.error").forEach(function(e){var t=e.getAttribute("data-id");-1===r.indexOf(t)&&e.remove()})}}]),e}(),c=function(){function e(t,r){n(this,e),this.dom=t,this.userForm=r,this.prevButton=t.querySelector(".step-button-prev"),this.nextButton=t.querySelector(".step-button-next"),this.init()}return s(e,[{key:"init",value:function(){var e=this;this.prevButton.addEventListener("click",function(t){t.preventDefault(),window.triggerDispatchEvent(e.userForm.dom,"userform.action.prev")}),this.nextButton.addEventListener("click",function(t){t.preventDefault(),window.triggerDispatchEvent(e.userForm.dom,"userform.action.next")}),this.update(),this.userForm.dom.addEventListener("userform.form.changestep",function(){e.update()}),this.userForm.dom.addEventListener("userform.form.conditionalstep",function(){e.update()})}},{key:"update",value:function(){var e=this.userForm.getNumberOfSteps(),t=this.userForm.getCurrentStepID(),r=null,n=null;for(r=e-1;r>=0;r--)if(n=this.userForm.getStep(r),!n.conditionallyHidden()){t>=r?this.nextButton.parentNode.classList.add("hide"):this.nextButton.parentNode.classList.remove("hide"),t>0&&t<=r?this.prevButton.parentNode.classList.remove("hide"):this.prevButton.parentNode.classList.add("hide"),t>=r?this.dom.querySelector(".btn-toolbar").classList.remove("hide"):this.dom.querySelector(".btn-toolbar").classList.add("hide");break}}}]),e}(),f=function(){function e(t){n(this,e),this.dom=t,this.CONSTANTS={},this.steps=[],this.progressBar=null,this.actions=null,this.currentStep=null,this.CONSTANTS.ENABLE_LIVE_VALIDATION=void 0!==this.dom.getAttribute("livevalidation"),this.CONSTANTS.DISPLAY_ERROR_MESSAGES_AT_TOP=void 0!==this.dom.getAttribute("toperrors")}return s(e,[{key:"init",value:function(){this.initialiseFormSteps()}},{key:"initialiseFormSteps",value:function(){var e=this;this.dom.querySelectorAll(".form-step").forEach(function(t){var r=new l(t,e);r.hide(),e.addStep(r),e.CONSTANTS.ENABLE_LIVE_VALIDATION&&r.enableLiveValidation()}),this.setCurrentStep(this.steps[0]);var t=this.dom.querySelector(".userform-progress");t&&(this.progressBar=new a(t,this));var r=this.dom.querySelector(".step-navigation");r&&(this.formActions=new c(r,this),this.formActions.update()),this.setUpPing(),this.dom.addEventListener("userform.action.next",function(){e.nextStep()}),this.dom.addEventListener("userform.action.prev",function(){e.prevStep()}),this.dom.addEventListener("submit",function(t){e.validateForm(t)})}},{key:"validateForm",value:function(e){var t=this;e.preventDefault(),this.currentStep.validate().then(function(e){e||t.dom.submit()}).catch(function(){})}},{key:"setCurrentStep",value:function(e){e instanceof l&&(this.currentStep=e,this.currentStep.show())}},{key:"addStep",value:function(e){e instanceof l&&(e.setId(this.steps.length),this.steps.push(e))}},{key:"getNumberOfSteps",value:function(){return this.steps.length}},{key:"getCurrentStepID",value:function(){return this.currentStep.id?this.currentStep.id:0}},{key:"getStep",value:function(e){return this.steps[e]}},{key:"nextStep",value:function(){var e=this;this.currentStep.validate().then(function(){e.jumpToStep(e.steps.indexOf(e.currentStep)+1,!0)}).catch(function(){})}},{key:"prevStep",value:function(){this.jumpToStep(this.steps.indexOf(this.currentStep)-1,!0)}},{key:"jumpToStep",value:function(e,t){var r=this.steps[e],n=void 0===t||t;if(void 0!==r){if(r.conditionallyHidden())return void(n?this.jumpToStep(e+1,t):this.jumpToStep(e-1,t));this.currentStep&&this.currentStep.hide(),this.setCurrentStep(r),window.triggerDispatchEvent(this.dom,"userform.form.changestep",{stepId:r.id})}}},{key:"setUpPing",value:function(){window.setInterval(function(){fetch("UserDefinedFormController/ping")},18e4)}}]),e}();document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("form.userform").forEach(function(e){new f(e).init()})})},"./client/src/bundles/bundle.js":function(e,t,r){"use strict";r("./client/src/bundles/UserForms.js")},"./node_modules/async-validator/dist-web/index.js":function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,u(e,t)}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function o(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}function a(e,t,r){return a=o()?Reflect.construct.bind():function(e,t,r){var n=[null];n.push.apply(n,t);var i=Function.bind.apply(e,n),s=new i;return r&&u(s,r.prototype),s},a.apply(null,arguments)}function l(e){return-1!==Function.toString.call(e).indexOf("[native code]")}function c(e){var t="function"==typeof Map?new Map:void 0;return(c=function(e){function r(){return a(e,arguments,s(this).constructor)}if(null===e||!l(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),u(r,e)})(e)}function f(e){if(!e||!e.length)return null;var t={};return e.forEach(function(e){var r=e.field;t[r]=t[r]||[],t[r].push(e)}),t}function d(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var i=0,s=r.length;return"function"==typeof e?e.apply(null,r):"string"==typeof e?e.replace(S,function(e){if("%%"===e)return"%";if(i>=s)return e;switch(e){case"%s":return String(r[i++]);case"%d":return Number(r[i++]);case"%j":try{return JSON.stringify(r[i++])}catch(e){return"[Circular]"}break;default:return e}}):e}function p(e){return"string"===e||"url"===e||"hex"===e||"email"===e||"date"===e||"pattern"===e}function h(e,t){return void 0===e||null===e||!("array"!==t||!Array.isArray(e)||e.length)||!(!p(t)||"string"!=typeof e||e)}function m(e,t,r){function n(e){i.push.apply(i,e||[]),++s===u&&r(i)}var i=[],s=0,u=e.length;e.forEach(function(e){t(e,n)})}function y(e,t,r){function n(u){if(u&&u.length)return void r(u);var o=i;i+=1,o<s?t(e[o],n):r([])}var i=0,s=e.length;n([])}function v(e){var t=[];return Object.keys(e).forEach(function(r){t.push.apply(t,e[r]||[])}),t}function g(e,t,r,n,i){if(t.first){var s=new Promise(function(t,s){var u=function(e){return n(e),e.length?s(new O(e,f(e))):t(i)};y(v(e),r,u)});return s.catch(function(e){return e}),s}var u=!0===t.firstFields?Object.keys(e):t.firstFields||[],o=Object.keys(e),a=o.length,l=0,c=[],d=new Promise(function(t,s){var d=function(e){if(c.push.apply(c,e),++l===a)return n(c),c.length?s(new O(c,f(c))):t(i)};o.length||(n(c),t(i)),o.forEach(function(t){var n=e[t];-1!==u.indexOf(t)?y(n,r,d):m(n,r,d)})});return d.catch(function(e){return e}),d}function b(e){return!(!e||void 0===e.message)}function w(e,t){for(var r=e,n=0;n<t.length;n++){if(void 0==r)return r;r=r[t[n]]}return r}function q(e,t){return function(r){var n;return n=e.fullFields?w(t,e.fullFields):t[r.field||e.fullField],b(r)?(r.field=r.field||e.fullField,r.fieldValue=n,r):{message:"function"==typeof r?r():r,fieldValue:n,field:r.field||e.fullField}}}function F(e,t){if(t)for(var r in t)if(t.hasOwnProperty(r)){var i=t[r];"object"==typeof i&&"object"==typeof e[r]?e[r]=n({},e[r],i):e[r]=i}return e}function A(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}r.d(t,"default",function(){return te});var S=/%[sdj%]/g,E=function(){};void 0!==e&&r.i({NODE_ENV:"production"});var x,O=function(e){function t(t,r){var n;return n=e.call(this,"Async Validation Error")||this,n.errors=t,n.fields=r,n}return i(t,e),t}(c(Error)),j=function(e,t,r,n,i,s){!e.required||r.hasOwnProperty(e.field)&&!h(t,s||e.type)||n.push(d(i.messages.required,e.fullField))},T=function(e,t,r,n,i){(/^\s+$/.test(t)||""===t)&&n.push(d(i.messages.whitespace,e.fullField))},L=function(){if(x)return x;var e=function(e){return e&&e.includeBoundaries?"(?:(?<=\\s|^)(?=[a-fA-F\\d:])|(?<=[a-fA-F\\d:])(?=\\s|$))":""},t="(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}",r="[a-fA-F\\d]{1,4}",n=("\n(?:\n(?:"+r+":){7}(?:"+r+"|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:"+r+":){6}(?:"+t+"|:"+r+"|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:"+r+":){5}(?::"+t+"|(?::"+r+"){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:"+r+":){4}(?:(?::"+r+"){0,1}:"+t+"|(?::"+r+"){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:"+r+":){3}(?:(?::"+r+"){0,2}:"+t+"|(?::"+r+"){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:"+r+":){2}(?:(?::"+r+"){0,3}:"+t+"|(?::"+r+"){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:"+r+":){1}(?:(?::"+r+"){0,4}:"+t+"|(?::"+r+"){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::"+r+"){0,5}:"+t+"|(?::"+r+"){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm,"").replace(/\n/g,"").trim(),i=new RegExp("(?:^"+t+"$)|(?:^"+n+"$)"),s=new RegExp("^"+t+"$"),u=new RegExp("^"+n+"$"),o=function(r){return r&&r.exact?i:new RegExp("(?:"+e(r)+t+e(r)+")|(?:"+e(r)+n+e(r)+")","g")};o.v4=function(r){return r&&r.exact?s:new RegExp(""+e(r)+t+e(r),"g")},o.v6=function(t){return t&&t.exact?u:new RegExp(""+e(t)+n+e(t),"g")};var a=o.v4().source,l=o.v6().source,c="(?:(?:(?:[a-z]+:)?//)|www\\.)(?:\\S+(?::\\S*)?@)?(?:localhost|"+a+"|"+l+'|(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))(?::\\d{2,5})?(?:[/?#][^\\s"]*)?';return x=new RegExp("(?:^"+c+"$)","i")},k={email:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},P={integer:function(e){return P.number(e)&&parseInt(e,10)===e},float:function(e){return P.number(e)&&!P.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch(e){return!1}},date:function(e){return"function"==typeof e.getTime&&"function"==typeof e.getMonth&&"function"==typeof e.getYear&&!isNaN(e.getTime())},number:function(e){return!isNaN(e)&&"number"==typeof e},object:function(e){return"object"==typeof e&&!P.array(e)},method:function(e){return"function"==typeof e},email:function(e){return"string"==typeof e&&e.length<=320&&!!e.match(k.email)},url:function(e){return"string"==typeof e&&e.length<=2048&&!!e.match(L())},hex:function(e){return"string"==typeof e&&!!e.match(k.hex)}},_=function(e,t,r,n,i){if(e.required&&void 0===t)return void j(e,t,r,n,i);var s=["integer","float","array","regexp","object","method","email","number","date","url","hex"],u=e.type;s.indexOf(u)>-1?P[u](t)||n.push(d(i.messages.types[u],e.fullField,e.type)):u&&typeof t!==e.type&&n.push(d(i.messages.types[u],e.fullField,e.type))},D=function(e,t,r,n,i){var s="number"==typeof e.len,u="number"==typeof e.min,o="number"==typeof e.max,a=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,l=t,c=null,f="number"==typeof t,p="string"==typeof t,h=Array.isArray(t);if(f?c="number":p?c="string":h&&(c="array"),!c)return!1;h&&(l=t.length),p&&(l=t.replace(a,"_").length),s?l!==e.len&&n.push(d(i.messages[c].len,e.fullField,e.len)):u&&!o&&l<e.min?n.push(d(i.messages[c].min,e.fullField,e.min)):o&&!u&&l>e.max?n.push(d(i.messages[c].max,e.fullField,e.max)):u&&o&&(l<e.min||l>e.max)&&n.push(d(i.messages[c].range,e.fullField,e.min,e.max))},N=function(e,t,r,n,i){e.enum=Array.isArray(e.enum)?e.enum:[],-1===e.enum.indexOf(t)&&n.push(d(i.messages.enum,e.fullField,e.enum.join(", ")))},V=function(e,t,r,n,i){if(e.pattern)if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(t)||n.push(d(i.messages.pattern.mismatch,e.fullField,t,e.pattern));else if("string"==typeof e.pattern){var s=new RegExp(e.pattern);s.test(t)||n.push(d(i.messages.pattern.mismatch,e.fullField,t,e.pattern))}},I={required:j,whitespace:T,type:_,range:D,enum:N,pattern:V},R=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t,"string")&&!e.required)return r();I.required(e,t,n,s,i,"string"),h(t,"string")||(I.type(e,t,n,s,i),I.range(e,t,n,s,i),I.pattern(e,t,n,s,i),!0===e.whitespace&&I.whitespace(e,t,n,s,i))}r(s)},C=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&I.type(e,t,n,s,i)}r(s)},M=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(""===t&&(t=void 0),h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&(I.type(e,t,n,s,i),I.range(e,t,n,s,i))}r(s)},B=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&I.type(e,t,n,s,i)}r(s)},H=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),h(t)||I.type(e,t,n,s,i)}r(s)},$=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&(I.type(e,t,n,s,i),I.range(e,t,n,s,i))}r(s)},z=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&(I.type(e,t,n,s,i),I.range(e,t,n,s,i))}r(s)},U=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if((void 0===t||null===t)&&!e.required)return r();I.required(e,t,n,s,i,"array"),void 0!==t&&null!==t&&(I.type(e,t,n,s,i),I.range(e,t,n,s,i))}r(s)},J=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&I.type(e,t,n,s,i)}r(s)},Z=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i),void 0!==t&&I.enum(e,t,n,s,i)}r(s)},Y=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t,"string")&&!e.required)return r();I.required(e,t,n,s,i),h(t,"string")||I.pattern(e,t,n,s,i)}r(s)},G=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t,"date")&&!e.required)return r();if(I.required(e,t,n,s,i),!h(t,"date")){var u;u=t instanceof Date?t:new Date(t),I.type(e,u,n,s,i),u&&I.range(e,u.getTime(),n,s,i)}}r(s)},W=function(e,t,r,n,i){var s=[],u=Array.isArray(t)?"array":typeof t;I.required(e,t,n,s,i,u),r(s)},K=function(e,t,r,n,i){var s=e.type,u=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t,s)&&!e.required)return r();I.required(e,t,n,u,i,s),h(t,s)||I.type(e,t,n,u,i)}r(u)},Q=function(e,t,r,n,i){var s=[];if(e.required||!e.required&&n.hasOwnProperty(e.field)){if(h(t)&&!e.required)return r();I.required(e,t,n,s,i)}r(s)},X={string:R,method:C,number:M,boolean:B,regexp:H,integer:$,float:z,array:U,object:J,enum:Z,pattern:Y,date:G,url:K,hex:K,email:K,required:W,any:Q},ee=A(),te=function(){function e(e){this.rules=null,this._messages=ee,this.define(e)}var t=e.prototype;return t.define=function(e){var t=this;if(!e)throw new Error("Cannot configure a schema with no rules");if("object"!=typeof e||Array.isArray(e))throw new Error("Rules must be an object");this.rules={},Object.keys(e).forEach(function(r){var n=e[r];t.rules[r]=Array.isArray(n)?n:[n]})},t.messages=function(e){return e&&(this._messages=F(A(),e)),this._messages},t.validate=function(t,r,i){function s(e){for(var t=[],r={},n=0;n<e.length;n++)!function(e){if(Array.isArray(e)){var r;t=(r=t).concat.apply(r,e)}else t.push(e)}(e[n]);t.length?(r=f(t),l(t,r)):l(null,o)}var u=this;void 0===r&&(r={}),void 0===i&&(i=function(){});var o=t,a=r,l=i;if("function"==typeof a&&(l=a,a={}),!this.rules||0===Object.keys(this.rules).length)return l&&l(null,o),Promise.resolve(o);if(a.messages){var c=this.messages();c===ee&&(c=A()),F(c,a.messages),a.messages=c}else a.messages=this.messages();var p={};(a.keys||Object.keys(this.rules)).forEach(function(e){var r=u.rules[e],i=o[e];r.forEach(function(r){var s=r;"function"==typeof s.transform&&(o===t&&(o=n({},o)),i=o[e]=s.transform(i)),s="function"==typeof s?{validator:s}:n({},s),s.validator=u.getValidationMethod(s),s.validator&&(s.field=e,s.fullField=s.fullField||e,s.type=u.getType(s),p[e]=p[e]||[],p[e].push({rule:s,value:i,source:o,field:e}))})});var h={};return g(p,a,function(t,r){function i(e,t){return n({},t,{fullField:u.fullField+"."+e,fullFields:u.fullFields?[].concat(u.fullFields,[e]):[e]})}function s(s){void 0===s&&(s=[]);var c=Array.isArray(s)?s:[s];!a.suppressWarning&&c.length&&e.warning("async-validator:",c),c.length&&void 0!==u.message&&(c=[].concat(u.message));var f=c.map(q(u,o));if(a.first&&f.length)return h[u.field]=1,r(f);if(l){if(u.required&&!t.value)return void 0!==u.message?f=[].concat(u.message).map(q(u,o)):a.error&&(f=[a.error(u,d(a.messages.required,u.field))]),r(f);var p={};u.defaultField&&Object.keys(t.value).map(function(e){p[e]=u.defaultField}),p=n({},p,t.rule.fields);var m={};Object.keys(p).forEach(function(e){var t=p[e],r=Array.isArray(t)?t:[t];m[e]=r.map(i.bind(null,e))});var y=new e(m);y.messages(a.messages),t.rule.options&&(t.rule.options.messages=a.messages,t.rule.options.error=a.error),y.validate(t.value,t.rule.options||a,function(e){var t=[];f&&f.length&&t.push.apply(t,f),e&&e.length&&t.push.apply(t,e),r(t.length?t:null)})}else r(f)}var u=t.rule,l=!("object"!==u.type&&"array"!==u.type||"object"!=typeof u.fields&&"object"!=typeof u.defaultField);l=l&&(u.required||!u.required&&t.value),u.field=t.field;var c;if(u.asyncValidator)c=u.asyncValidator(u,t.value,s,t.source,a);else if(u.validator){try{c=u.validator(u,t.value,s,t.source,a)}catch(e){null==console.error||console.error(e),a.suppressValidatorError||setTimeout(function(){throw e},0),s(e.message)}!0===c?s():!1===c?s("function"==typeof u.message?u.message(u.fullField||u.field):u.message||(u.fullField||u.field)+" fails"):c instanceof Array?s(c):c instanceof Error&&s(c.message)}c&&c.then&&c.then(function(){return s()},function(e){return s(e)})},function(e){s(e)},o)},t.getType=function(e){if(void 0===e.type&&e.pattern instanceof RegExp&&(e.type="pattern"),"function"!=typeof e.validator&&e.type&&!X.hasOwnProperty(e.type))throw new Error(d("Unknown rule type %s",e.type));return e.type||"string"},t.getValidationMethod=function(e){if("function"==typeof e.validator)return e.validator;var t=Object.keys(e),r=t.indexOf("message");return-1!==r&&t.splice(r,1),1===t.length&&"required"===t[0]?X.required:X[this.getType(e)]||void 0},e}();te.register=function(e,t){if("function"!=typeof t)throw new Error("Cannot register a validator by type, validator is not a function");X[e]=t},te.warning=E,te.messages=ee,te.validators=X}.call(t,r("./node_modules/process/browser.js"))},"./node_modules/process/browser.js":function(e,t){function r(){throw new Error("setTimeout has not been defined")}function n(){throw new Error("clearTimeout has not been defined")}function i(e){if(c===setTimeout)return setTimeout(e,0);if((c===r||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function s(e){if(f===clearTimeout)return clearTimeout(e);if((f===n||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(e);try{return f(e)}catch(t){try{return f.call(null,e)}catch(t){return f.call(this,e)}}}function u(){m&&p&&(m=!1,p.length?h=p.concat(h):y=-1,h.length&&o())}function o(){if(!m){var e=i(u);m=!0;for(var t=h.length;t;){for(p=h,h=[];++y<t;)p&&p[y].run();y=-1,t=h.length}p=null,m=!1,s(e)}}function a(e,t){this.fun=e,this.array=t}function l(){}var c,f,d=e.exports={};!function(){try{c="function"==typeof setTimeout?setTimeout:r}catch(e){c=r}try{f="function"==typeof clearTimeout?clearTimeout:n}catch(e){f=n}}();var p,h=[],m=!1,y=-1;d.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];h.push(new a(e,t)),1!==h.length||m||i(o)},a.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=l,d.addListener=l,d.once=l,d.off=l,d.removeListener=l,d.removeAllListeners=l,d.emit=l,d.prependListener=l,d.prependOnceListener=l,d.listeners=function(e){return[]},d.binding=function(e){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(e){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}}});
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +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:1;background:#fafbfc;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%}.cms-preview{z-index:2}.userform-field__allowed-length .form__fieldgroup-item{margin-top:0}.userform-field__allowed-length .field.text{min-width:auto}.userform-field__allowed-length input.text{width:4rem}.userform-field__allowed-length-separator{display:inline-block;margin:0 .6rem .6rem 0}.userform-confirm-folder .form__field-description{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.userform-confirm-folder .form__field-description .icon:before{font-size:16px;line-height:inherit;margin-right:6px;vertical-align:middle}
|
||||
/*# sourceMappingURL=userforms-cms.css.map*/
|
||||
.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:1;background:#fafbfc;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%}.cms-preview{z-index:2}.userform-field__allowed-length .form__fieldgroup-item{margin-top:0}.userform-field__allowed-length .field.text{min-width:auto}.userform-field__allowed-length input.text{width:4rem}.userform-field__allowed-length-separator{display:inline-block;margin:0 .6rem .6rem 0}.userform-confirm-folder .form__field-description{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.userform-confirm-folder .form__field-description .icon:before{font-size:16px;line-height:inherit;margin-right:6px;vertical-align:middle}
|
||||
|
|
@ -1,2 +1 @@
|
|||
.userform-progress .progress{position:relative;height:1em;background:#ced5e1}.userform-progress .progress-bar{position:absolute;height:1em;background:#566b8d}.userform-progress .step-buttons{margin-left:0;padding-left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.userform-progress .step-button-wrapper{display:inline-block;list-style-type:none}.userform-progress .step-button-wrapper.viewed .step-button-jump{opacity:1}.userform-progress .step-button-jump{opacity:.7}.step-navigation .step-buttons{margin-left:0}.step-navigation .step-button-wrapper{display:inline-block;list-style-type:none}.userform{clear:both;width:100%;max-width:100%}.userform .hide{display:none}.userform .field label.right{color:#303b4d}.userformsgroup{border:1px solid #aebace;border-radius:4px;padding:8px;margin-top:12px;margin-bottom:12px}.userformsgroup>legend{padding-left:4px;padding-right:4px;border:0;width:auto}.right-title{clear:both;display:block}.checkbox .right-title{display:inline}.userform .left{margin-bottom:5px;font-weight:700}
|
||||
/*# sourceMappingURL=userforms.css.map*/
|
||||
.userform-progress .progress{position:relative;height:1em;background:#ced5e1}.userform-progress .progress-bar{position:absolute;height:1em;background:#566b8d}.userform-progress .step-buttons{margin-left:0;padding-left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.userform-progress .step-button-wrapper{display:inline-block;list-style-type:none}.userform-progress .step-button-wrapper.viewed .step-button-jump{opacity:1}.userform-progress .step-button-jump{opacity:.7}.step-navigation .step-buttons{margin-left:0}.step-navigation .step-button-wrapper{display:inline-block;list-style-type:none}.userform{clear:both;width:100%;max-width:100%}.userform .hide{display:none}.userform .field label.right{color:#303b4d}.userformsgroup{border:1px solid #aebace;border-radius:4px;padding:8px;margin-top:12px;margin-bottom:12px}.userformsgroup>legend{padding-left:4px;padding-right:4px;border:0;width:auto}.right-title{clear:both;display:block}.checkbox .right-title{display:inline}.userform .left{margin-bottom:5px;font-weight:700}
|
||||
|
|
@ -2,15 +2,13 @@
|
|||
* @file Manages the multi-step navigation.
|
||||
*/
|
||||
import Schema from 'async-validator';
|
||||
import i18n from 'i18n';
|
||||
|
||||
const isVisible = (element) => {
|
||||
function isVisible(element) {
|
||||
return element.style.display !== 'none'
|
||||
&& element.style.visibility !== 'hidden'
|
||||
&& !element.classList.contains('hide');
|
||||
}
|
||||
|
||||
|
||||
class ProgressBar {
|
||||
constructor(dom, userForm) {
|
||||
this.dom = dom;
|
||||
|
|
@ -24,20 +22,18 @@ class ProgressBar {
|
|||
init() {
|
||||
this.dom.style.display = 'initial';
|
||||
const buttons = this.buttons;
|
||||
for (const button of buttons) {
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
const stepNumber = parseInt(button.getAttribute('data-step'), 10);
|
||||
this.userForm.jumpToStep(stepNumber);
|
||||
this.userForm.jumpToStep(stepNumber - 1);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
this.userForm.dom.addEventListener('userform.form.changestep', (e) => {
|
||||
this.update(e.detail.stepId);
|
||||
});
|
||||
|
||||
this.update(0)
|
||||
this.update(0);
|
||||
}
|
||||
|
||||
update(stepId) {
|
||||
|
|
@ -48,22 +44,22 @@ class ProgressBar {
|
|||
|
||||
this.currentStepNumber.innerText = stepNumber;
|
||||
|
||||
for (const e of this.dom.querySelectorAll('[aria-valuenow]')) {
|
||||
this.dom.querySelectorAll('[aria-valuenow]').forEach((e) => {
|
||||
e.setAttribute('aria-valuenow', stepNumber);
|
||||
}
|
||||
});
|
||||
|
||||
for (const button of this.buttons) {
|
||||
const parent = button.parentNode;
|
||||
if (parseInt(button.getAttribute('data-step'), 10) === stepNumber
|
||||
&& isVisible(button)) {
|
||||
this.buttons.forEach((button) => {
|
||||
const btn = button;
|
||||
const parent = btn.parentNode;
|
||||
if (parseInt(btn.getAttribute('data-step'), 10) === stepNumber
|
||||
&& isVisible(btn)) {
|
||||
parent.classList.add('current');
|
||||
parent.classList.add('viewed');
|
||||
|
||||
button.disabled = false; // .removeAttribute('disabled');
|
||||
break;
|
||||
btn.disabled = false;
|
||||
}
|
||||
parent.classList.remove('current');
|
||||
}
|
||||
});
|
||||
|
||||
this.progressTitle.innerText = newStepElement.getAttribute('data-title');
|
||||
|
||||
|
|
@ -89,9 +85,9 @@ class FormStep {
|
|||
this.buttonHolder = document.querySelector(`.step-button-wrapper[data-for='${id}']`);
|
||||
['userform.field.hide', 'userform.field.show'].forEach((action) => {
|
||||
this.buttonHolder.addEventListener(action, () => {
|
||||
this.userForm.dom.trigger('userform.form.conditionalstep')
|
||||
this.userForm.dom.trigger('userform.form.conditionalstep');
|
||||
});
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
setId(id) {
|
||||
|
|
@ -116,7 +112,7 @@ class FormStep {
|
|||
|
||||
conditionallyHidden() {
|
||||
const button = this.buttonHolder.querySelector('button');
|
||||
return !(button.style.display !== 'none' && button.visibility !== 'hidden' && !button.classList.contains('hide'))
|
||||
return !(button.style.display !== 'none' && button.visibility !== 'hidden' && !button.classList.contains('hide'));
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -137,13 +133,17 @@ class FormStep {
|
|||
if (input.getAttribute('data-msg-required')) {
|
||||
return input.getAttribute('data-msg-required');
|
||||
}
|
||||
return this.getFieldLabel(input) + ' is required';
|
||||
return `${this.getFieldLabel(input)} is required`;
|
||||
}
|
||||
|
||||
getHolderForField(input) {
|
||||
return window.closest(input, '.field');
|
||||
}
|
||||
|
||||
getFieldLabel(input) {
|
||||
const holder = window.closest(input, 'div.field');
|
||||
const holder = this.getHolderForField(input);
|
||||
if (holder) {
|
||||
const label = holder.querySelector('label.left');
|
||||
const label = holder.querySelector('label.left, legend.left');
|
||||
if (label) {
|
||||
return label.innerText;
|
||||
}
|
||||
|
|
@ -152,44 +152,54 @@ class FormStep {
|
|||
}
|
||||
|
||||
getValidationsDescriptors(onlyDirty) {
|
||||
const descriptors = {}
|
||||
const descriptors = {};
|
||||
const fields = this.step.querySelectorAll('input, textarea, select');
|
||||
|
||||
for (const field of fields) {
|
||||
fields.forEach((field) => {
|
||||
if (isVisible(field) && (!onlyDirty || (onlyDirty && !field.classList.contains('dirty')))) {
|
||||
const label = this.getFieldLabel(field);
|
||||
const holder = this.getHolderForField(field);
|
||||
|
||||
if (!isVisible(field)) {
|
||||
continue;
|
||||
}
|
||||
descriptors[field.getAttribute('name')] = {
|
||||
title: label,
|
||||
type: this.getValidatorType(field),
|
||||
required: holder.classList.contains('requiredField'),
|
||||
message: this.getValidatorMessage(field)
|
||||
};
|
||||
|
||||
if (onlyDirty && !field.classList.contains('dirty')) {
|
||||
continue;
|
||||
}
|
||||
const min = field.getAttribute('data-rule-min');
|
||||
const max = field.getAttribute('data-rule-max');
|
||||
if (min !== null || max !== null) {
|
||||
descriptors[field.getAttribute('name')].asyncValidator = function numericValidator(rule, value) {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (min !== null && value < min) {
|
||||
reject(`${label} cannot be less than ${min}`);
|
||||
} else if (max !== null && value > max) {
|
||||
reject(`${label} cannot be greater than ${max}`);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
const label = this.getFieldLabel(field);
|
||||
descriptors[field.getAttribute('name')] = {
|
||||
title: label,
|
||||
type: this.getValidatorType(field),
|
||||
required: field.getAttribute('required') == 'required',
|
||||
message: this.getValidatorMessage(field)
|
||||
}
|
||||
|
||||
const min = field.getAttribute('data-rule-min');
|
||||
const max = field.getAttribute('data-rule-max');
|
||||
if (min !== null || max !== null) {
|
||||
descriptors[field.getAttribute('name')]['asyncValidator'] = (rule, value) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (min !== null && value < min) {
|
||||
reject(`${label} cannot be less than ${min}`);
|
||||
}
|
||||
else if (max !== null && value > max) {
|
||||
reject(`${label} cannot be greater than ${max}`);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
const minL = field.getAttribute('data-rule-minlength');
|
||||
const maxL = field.getAttribute('data-rule-maxlength');
|
||||
if (minL !== null || maxL !== null) {
|
||||
descriptors[field.getAttribute('name')].asyncValidator = function lengthValidator(rule, value) {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (minL !== null && value.length < minL) {
|
||||
reject(`${label} cannot be shorter than ${minL}`);
|
||||
} else if (maxL !== null && value.length > maxL) {
|
||||
reject(`${label} cannot be longer than ${maxL}`);
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return descriptors;
|
||||
}
|
||||
|
|
@ -200,13 +210,22 @@ class FormStep {
|
|||
const validator = new Schema(descriptors);
|
||||
|
||||
const formData = new FormData(this.userForm.dom);
|
||||
var data = {};
|
||||
const data = {};
|
||||
formData.forEach((value, key) => {
|
||||
data[key] = value;
|
||||
});
|
||||
|
||||
// now check for unselected checkboxes and radio buttons
|
||||
const selectableFields = this.step.querySelectorAll('input[type="radio"],input[type="checkbox"]');
|
||||
selectableFields.forEach((selectableField) => {
|
||||
const fieldName = selectableField.getAttribute('name');
|
||||
if (typeof data[fieldName] === 'undefined') {
|
||||
data[fieldName] = '';
|
||||
}
|
||||
});
|
||||
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
validator.validate(data, (errors, fields) => {
|
||||
validator.validate(data, (errors) => {
|
||||
if (errors && errors.length) {
|
||||
this.displayErrorMessages(errors);
|
||||
reject(errors);
|
||||
|
|
@ -214,13 +233,12 @@ class FormStep {
|
|||
this.displayErrorMessages([]);
|
||||
resolve();
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
});
|
||||
return promise;
|
||||
}
|
||||
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
const promise = new Promise((resolve) => {
|
||||
resolve();
|
||||
});
|
||||
return promise;
|
||||
|
|
@ -228,8 +246,7 @@ class FormStep {
|
|||
|
||||
enableLiveValidation() {
|
||||
const fields = this.step.querySelectorAll('input, textarea, select');
|
||||
for (const field of fields) {
|
||||
|
||||
fields.forEach((field) => {
|
||||
field.addEventListener('change', () => {
|
||||
field.classList.add('dirty');
|
||||
});
|
||||
|
|
@ -238,14 +255,14 @@ class FormStep {
|
|||
this.validate(true).then(() => {
|
||||
}).catch(() => {
|
||||
});
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
displayErrorMessages(errors) {
|
||||
const errorIds = [];
|
||||
|
||||
for (const error of errors) {
|
||||
errors.forEach((error) => {
|
||||
const fieldHolder = this.userForm.dom.querySelector(`#${error.field}`);
|
||||
if (fieldHolder) {
|
||||
let errorLabel = fieldHolder.querySelector('span.error');
|
||||
|
|
@ -258,17 +275,17 @@ class FormStep {
|
|||
errorLabel.innerHTML = error.message;
|
||||
fieldHolder.append(errorLabel);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// remove any thats not required
|
||||
const messages = this.step.querySelectorAll('span.error');
|
||||
for (const mesasge of messages) {
|
||||
|
||||
messages.forEach((mesasge) => {
|
||||
const id = mesasge.getAttribute('data-id');
|
||||
if (errorIds.indexOf(id) === -1) {
|
||||
mesasge.remove();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -303,7 +320,6 @@ class FormActions {
|
|||
this.userForm.dom.addEventListener('userform.form.conditionalstep', () => {
|
||||
this.update();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
update() {
|
||||
|
|
@ -357,15 +373,15 @@ class UserForm {
|
|||
|
||||
initialiseFormSteps() {
|
||||
const steps = this.dom.querySelectorAll('.form-step');
|
||||
for (const stepDom of steps) {
|
||||
|
||||
steps.forEach((stepDom) => {
|
||||
const step = new FormStep(stepDom, this);
|
||||
step.hide();
|
||||
this.addStep(step);
|
||||
|
||||
if (this.CONSTANTS.ENABLE_LIVE_VALIDATION) {
|
||||
step.enableLiveValidation();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.setCurrentStep(this.steps[0]);
|
||||
|
||||
|
|
@ -384,12 +400,27 @@ class UserForm {
|
|||
|
||||
this.dom.addEventListener('userform.action.next', () => {
|
||||
this.nextStep();
|
||||
})
|
||||
});
|
||||
|
||||
this.dom.addEventListener('userform.action.prev', () => {
|
||||
this.prevStep();
|
||||
})
|
||||
});
|
||||
|
||||
this.dom.addEventListener('submit', (e) => {
|
||||
this.validateForm(e);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
validateForm(e) {
|
||||
e.preventDefault();
|
||||
this.currentStep.validate()
|
||||
.then((errors) => {
|
||||
if (!errors) {
|
||||
this.dom.submit();
|
||||
}
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
|
||||
setCurrentStep(step) {
|
||||
|
|
@ -424,19 +455,15 @@ class UserForm {
|
|||
nextStep() {
|
||||
this.currentStep.validate().then(() => {
|
||||
this.jumpToStep(this.steps.indexOf(this.currentStep) + 1, true);
|
||||
}).catch((errors) => {
|
||||
|
||||
});
|
||||
}).catch(() => {});
|
||||
}
|
||||
|
||||
prevStep() {
|
||||
this.jumpToStep(this.steps.indexOf(this.currentStep) - 1, true);
|
||||
}
|
||||
|
||||
jumpToStep(stepNumber, direction)
|
||||
{
|
||||
jumpToStep(stepNumber, direction) {
|
||||
const targetStep = this.steps[stepNumber];
|
||||
let isValid = false;
|
||||
const forward = direction === undefined ? true : direction;
|
||||
|
||||
if (targetStep === undefined) {
|
||||
|
|
@ -472,10 +499,10 @@ class UserForm {
|
|||
}
|
||||
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const forms = document.querySelectorAll('form.userform');
|
||||
for (const form of forms) {
|
||||
forms.forEach((form) => {
|
||||
const userForm = new UserForm(form);
|
||||
userForm.init();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -73,29 +73,17 @@ class UserDefinedFormController extends PageController
|
|||
$page = $this->data();
|
||||
|
||||
// load the css
|
||||
if (1 || !$page->config()->get('block_default_userforms_css')) {
|
||||
if (!$page->config()->get('block_default_userforms_css')) {
|
||||
Requirements::css('silverstripe/userforms:client/dist/styles/userforms.css');
|
||||
}
|
||||
|
||||
// load the jquery
|
||||
if (1 || !$page->config()->get('block_default_userforms_js')) {
|
||||
// Requirements::javascript('silverstripe/userforms:client/dist/js/jquery.min.js');
|
||||
// Requirements::javascript(
|
||||
// 'silverstripe/userforms:client/dist/js/jquery-validation/jquery.validate.min.js'
|
||||
// );
|
||||
if (!$page->config()->get('block_default_userforms_js')) {
|
||||
Requirements::javascript('silverstripe/admin:client/dist/js/i18n.js');
|
||||
Requirements::add_i18n_javascript('silverstripe/userforms:client/lang');
|
||||
Requirements::javascript('silverstripe/userforms:client/dist/js/userforms.js');
|
||||
|
||||
$this->addUserFormsValidatei18n();
|
||||
|
||||
// Bind a confirmation message when navigating away from a partially completed form.
|
||||
if ($page::config()->get('enable_are_you_sure')) {
|
||||
// TODO:
|
||||
// Requirements::javascript(
|
||||
// 'silverstripe/userforms:client/dist/js/jquery.are-you-sure/jquery.are-you-sure.js'
|
||||
// );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
"node-dir": "^0.1.17"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": "^3.5.0",
|
||||
"babel-preset-es2016": "^6.24.1",
|
||||
"validator": "13.9.0",
|
||||
"async-validator": "4.2.5",
|
||||
|
|
|
|||
|
|
@ -4318,6 +4318,11 @@ isstream@~0.1.2:
|
|||
resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
|
||||
integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
|
||||
|
||||
jquery@^3.5.0:
|
||||
version "3.6.4"
|
||||
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.6.4.tgz#ba065c188142100be4833699852bf7c24dc0252f"
|
||||
integrity sha512-v28EW9DWDFpzcD9O5iyJXg3R3+q+mET5JhnjJzQUZMHOv67bpSIHq81GEYpPNZHG+XXHsfSme3nxp/hndKEcsQ==
|
||||
|
||||
js-base64@^2.1.8, js-base64@^2.1.9:
|
||||
version "2.6.4"
|
||||
resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
|
||||
|
|
|
|||
Loading…
Reference in New Issue