Add an email field type which validates the value to be an email address [#65]

Author: Mark-H

assets/components/clientconfig/js/mgr/sections/home.js

@@ -151,6 +151,10 @@ Ext.extend(ClientConfig.page.Home,MODx.Component,{
                     field.xtype = 'textfield';
                     field.inputType = 'password';
                 }
+                if (field.xtype === 'email') {
+                    field.xtype = 'textfield';
+                    field.vtype = 'email';
+                }
 
                 if (field.xtype == 'modx-combo') {
                     var options = value.options.split('||');

assets/components/clientconfig/js/mgr/widgets/combos.js

@@ -42,6 +42,7 @@ ClientConfig.combo.FieldTypes = function(config) {
                 ['modx-panel-tv-file', _('clientconfig.xtype.file')],
                 ['numberfield', _('clientconfig.xtype.numberfield')],
                 ['colorpickerfield', _('clientconfig.xtype.colorpalette')],
+                ['email', _('clientconfig.xtype.email')],
                 ['xcheckbox', _('clientconfig.xtype.xcheckbox')],
                 ['datefield', _('clientconfig.xtype.datefield')],
                 ['timefield', _('clientconfig.xtype.timefield')],

core/components/clientconfig/docs/changelog.txt

@@ -4,6 +4,7 @@
 - Allow a hash in the url containing the ID of a group to automatically open to that tab [#169]
 - Add a line/divider field type to create simple sections [#149]
 - Add a code field type (requires Ace editor) for things like custom CSS or other markup [#144]
+- Add an email field type which validates the value to be an email address [#65]
 - Include OnHandleRequest plugin event (alongside OnMODXInit), to make ClientConfig play nicer with various context routing and other solutions that don't use OnMODXInit [#140]
 
 ClientConfig 2.2.0-pl

core/components/clientconfig/lexicon/en/default.inc.php

@@ -111,4 +111,5 @@
 
 // New 2019-10-24
 $_lang['clientconfig.xtype.line'] = 'Line (divider)';
-$_lang['clientconfig.xtype.code'] = 'Code (requires Ace editor installed)';
+$_lang['clientconfig.xtype.code'] = 'Code (requires Ace editor installed)';
+$_lang['clientconfig.xtype.email'] = 'Email';