PHP Classes

File: script/FormPicker.js

Recommend this page to a friend!
  Classes of Stefan Kientzler   Complex PHP Form Design and Generator   script/FormPicker.js   Download  
File: script/FormPicker.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Complex PHP Form Design and Generator
Display and process complex HTML forms HTML forms
Author: By
Last change:
Date: 3 years ago
Size: 2,582 bytes
 

Contents

Class file image Download
/** global: dtsel */ /** * This class dynamicaly adds a date or time - picker to all configured fields. */ class FormPicker { /** * pass the id of the form element to the constructor. * @param string id */ constructor(config) { this.config = config; this.aPickers = []; } /** * Init all date fields. */ init() { var i; var aPickerElements = this.getPickerElements(); var length = aPickerElements.length; for (i = 0; i < length; i++) { // since getPickerElements() only return existing items with 'data-picker' attribute // there's no need to check this values against null let item = aPickerElements[i]; let picker = item.getAttribute('data-picker'); // we can't use the split function because the param may contain the ':' itself (time-separator...) // let [type, param] = validate.split(':'); let pos = picker.indexOf(':'); let type = (pos >= 0) ? picker.substring(0, pos) : picker; let param = (pos >= 0) ? picker.substring(pos + 1) : ''; this.createPicker(item, type, param); } } /** * Get all elements inside the form with the attribute 'data-picker' set. * @returns array */ getPickerElements() { let pickerElements = []; let form = document.getElementById(this.config.FormDataValidation.formID); let formElements = form.getElementsByTagName('*'); let length = formElements.length; for (let i = 0; i < length; i++) { if (formElements[i].getAttribute('data-picker') !== null) { pickerElements.push(formElements[i]); } } return pickerElements; } /** * Create the picker and attach to the item. * @param element oItem item to create the picker for * @param string strType 'date' or 'time' * @param string strParam time/date format for the picker to create */ createPicker(oItem, strType, strParam) { let cfg = {}; if (typeof this.config.DTSel !== 'undefined') { Object.assign(cfg, this.config.DTSel); } if (strType === 'date') { cfg.showDate = true; cfg.showTime = false; cfg.dateFormat = strParam; } else if (strType === 'time'){ cfg.showDate = false; cfg.showTime = true; cfg.timeFormat = strParam; cfg.showSeconds = (strParam.length > 5 ); } this.aPickers.push(new dtsel.DTS(oItem, cfg)); } }