gd-sprest-bs 9.2.8 → 9.3.1

package/build/components/listForm/index.js

@@ -42,6 +42,102 @@ var getFieldsToRender = function (props) {
     // Return the field names
     return fieldNames;
 };
+// Method to render the display control
+var renderDisplay = function (fieldName, props) {
+    var control = null;
+    var field = props.info.fields[fieldName];
+    var value = props.info.fieldValuesAsText[fieldName] || "";
+    var html = props.info.fieldValuesAsHtml[fieldName] || props.info.fieldValuesAsHtml[fieldName.replace(/\_/g, "_x005f_")] || "";
+    // Ensure the field exists
+    if (field == null) {
+        // Log
+        console.error("[List Form] Field '" + fieldName + "' does not exist. Check the list or query.");
+        return control;
+    }
+    // See if we are hiding the field
+    if (field.SchemaXml.indexOf('ShowInDisplayForm="FALSE"') > 0) {
+        return control;
+    }
+    // See if this is a note field
+    if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.Note) {
+        // Update the html
+        html = html.replace(/\r?\n/g, '<br />');
+    }
+    // Else, see if this is a user field
+    else if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.User) {
+        // See if this is a multi-user selection
+        if (field.AllowMultipleValues) {
+            var userNames = [];
+            // Parse the users
+            var users = (props.info.item[fieldName] ? props.info.item[fieldName].results : null) || [];
+            for (var j = 0; j < users.length; j++) {
+                // Append the user name
+                userNames.push(users[j].Title);
+            }
+            // Set the html value
+            html = userNames.join('<br />\n');
+        }
+        else {
+            // Extract the text only for single selections
+            var elUser = document.createElement("div");
+            elUser.innerHTML = html;
+            html = elUser.innerText;
+        }
+    }
+    // Else, see if this is a choice field
+    else if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.Choice || field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.MultiChoice) {
+        // Update the html
+        html = value;
+    }
+    // Set the control
+    control = {
+        data: html,
+        description: field.Description,
+        isReadonly: true,
+        label: field.Title,
+        name: field.InternalName,
+        type: core_1.Components.FormControlTypes.TextField,
+        value: html
+    };
+    // Update the type, based on the field
+    switch (field.FieldTypeKind) {
+        case gd_sprest_1.SPTypes.FieldType.DateTime:
+            // Set the time flag
+            control.showTime = field.DisplayFormat == gd_sprest_1.SPTypes.DateFormat.DateTime ? true : false;
+            // Set the type
+            control.type = datetime_1.DateTimeControlType;
+            break;
+        case gd_sprest_1.SPTypes.FieldType.Note:
+            // Set the type
+            control.type = core_1.Components.FormControlTypes.TextArea;
+            break;
+        case gd_sprest_1.SPTypes.FieldType.User:
+            // Set the type
+            control.type = field.AllowMultipleValues ? core_1.Components.FormControlTypes.TextArea : control.type;
+            break;
+    }
+    // Detect html
+    if (/<*>/g.test(html)) {
+        // Update the control to be read-only
+        control.type = core_1.Components.FormControlTypes.Readonly;
+        // Set the rendered event
+        control.onControlRendered = function (control) {
+            // Set the class name
+            control.el.classList.add("form-control");
+            control.el.style.backgroundColor = "#e9ecef";
+            // Override the html rendered
+            control.el.innerHTML = control.props.data;
+        };
+    }
+    // Else, detect xml
+    else if (/&lt;/g.test(html)) {
+        // Update the value
+        control.value = html.replace(/&lt;/g, '<')
+            .replace(/&gt;/g, '>')
+            .replace(/&amp;/g, '&')
+            .replace(/&quot;/g, '"');
+    }
+};
 // Method to render a display form for an item
 exports.ListForm.renderDisplayForm = function (props) {
     var form = null;
@@ -93,104 +189,16 @@ exports.ListForm.renderDisplayForm = function (props) {
     var fieldNames = getFieldsToRender(props);
     for (var i = 0; i < fieldNames.length; i++) {
         var fieldName = fieldNames[i];
-        var field = props.info.fields[fieldName];
-        var value = props.info.fieldValuesAsText[fieldName] || "";
-        var html = props.info.fieldValuesAsHtml[fieldName] || props.info.fieldValuesAsHtml[fieldName.replace(/\_/g, "_x005f_")] || "";
-        // Ensure the field exists
-        if (field == null) {
-            // Log
-            console.error("[List Form] Field '" + fieldName + "' does not exist. Check the list or query.");
-            continue;
-        }
-        // See if we are hiding the field
-        if (field.SchemaXml.indexOf('ShowInDisplayForm="FALSE"') > 0) {
-            continue;
-        }
-        // See if this is a note field
-        if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.Note) {
-            // Update the html
-            html = html.replace(/\r?\n/g, '<br />');
-        }
-        // Else, see if this is a user field
-        else if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.User) {
-            // See if this is a multi-user selection
-            if (field.AllowMultipleValues) {
-                var userNames = [];
-                // Parse the users
-                var users = (props.info.item[fieldName] ? props.info.item[fieldName].results : null) || [];
-                for (var j = 0; j < users.length; j++) {
-                    // Append the user name
-                    userNames.push(users[j].Title);
-                }
-                // Set the html value
-                html = userNames.join('<br />\n');
-            }
-            else {
-                // Extract the text only for single selections
-                var elUser = document.createElement("div");
-                elUser.innerHTML = html;
-                html = elUser.innerText;
-            }
-        }
-        // Else, see if this is a choice field
-        else if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.Choice || field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.MultiChoice) {
-            // Update the html
-            html = value;
-        }
-        // Set the control
-        mapper[fieldName] = {
-            data: html,
-            description: field.Description,
-            isReadonly: true,
-            label: field.Title,
-            name: field.InternalName,
-            type: core_1.Components.FormControlTypes.TextField,
-            value: html
-        };
-        // Update the type, based on the field
-        switch (field.FieldTypeKind) {
-            case gd_sprest_1.SPTypes.FieldType.DateTime:
-                // Set the time flag
-                mapper[fieldName].showTime = field.DisplayFormat == gd_sprest_1.SPTypes.DateFormat.DateTime ? true : false;
-                // Set the type
-                mapper[fieldName].type = datetime_1.DateTimeControlType;
-                break;
-            case gd_sprest_1.SPTypes.FieldType.Note:
-                // Set the type
-                mapper[fieldName].type = core_1.Components.FormControlTypes.TextArea;
-                break;
-            case gd_sprest_1.SPTypes.FieldType.User:
-                // Set the type
-                mapper[fieldName].type = field.AllowMultipleValues ? core_1.Components.FormControlTypes.TextArea : mapper[fieldName].type;
-                break;
-        }
-        // Detect html
-        if (/<*>/g.test(html)) {
-            // Update the control to be read-only
-            mapper[fieldName].type = core_1.Components.FormControlTypes.Readonly;
-            // Set the rendered event
-            mapper[fieldName].onControlRendered = function (control) {
-                // Set the class name
-                control.el.classList.add("form-control");
-                control.el.style.backgroundColor = "#e9ecef";
-                // Override the html rendered
-                control.el.innerHTML = control.props.data;
-            };
-        }
-        // Else, detect xml
-        else if (/&lt;/g.test(html)) {
-            // Update the value
-            mapper[fieldName].value = html.replace(/&lt;/g, '<')
-                .replace(/&gt;/g, '>')
-                .replace(/&amp;/g, '&')
-                .replace(/&quot;/g, '"');
+        // Generate the control
+        var control = renderDisplay(fieldName, props);
+        if (control) {
+            // Update the mapper
+            mapper[fieldName] = control;
+            // Add the row
+            rows.push({
+                columns: [{ control: control }]
+            });
         }
-        // Add the row
-        rows.push({
-            columns: [{
-                    control: mapper[fieldName]
-                }]
-        });
     }
     // See if there is a template
     if (props.template) {
@@ -671,49 +679,14 @@ exports.ListForm.renderEditForm = function (props) {
             var updateReadOnly = function (control) {
                 // See if this control is readonly
                 if (control.isReadonly) {
-                    var html_1 = (props.info.fieldValuesAsHtml && props.info.fieldValuesAsHtml[field.InternalName]) || "";
-                    // See if this is a checkbox and the label is not set
-                    if (control.type == core_1.Components.FormControlTypes.Checkbox && (control.label || "").length == 0) {
-                        // Update the label
-                        var item = control.items[0];
-                        control.label = item ? item.label : control.label;
-                    }
-                    // Update the control properties
-                    control.type = core_1.Components.FormControlTypes.Readonly;
-                    // Detect html
-                    if (/<*>/g.test(html_1)) {
-                        // Update the control properties
-                        control.data = html_1;
-                    }
-                    // Set the rendered event
-                    control.onControlRendered = function (control) {
-                        // Set the class name
-                        control.el.classList.add("form-control");
-                        control.el.style.backgroundColor = "#e9ecef";
-                        // Override the html rendered
-                        control.el.innerHTML = html_1 || control.props.value;
-                    };
-                    // See if this is a user field
-                    if (field.FieldTypeKind == gd_sprest_1.SPTypes.FieldType.User) {
-                        // See if this is a multi-user selection
-                        if (field.AllowMultipleValues) {
-                            var userNames = [];
-                            // Parse the users
-                            var users = (props.info.item[field.InternalName] ? props.info.item[field.InternalName].results : null) || [];
-                            for (var j = 0; j < users.length; j++) {
-                                // Append the user name
-                                userNames.push(users[j].Title);
-                            }
-                            // Set the html value
-                            html_1 = userNames.join('<br />\n');
-                        }
-                        else {
-                            // Extract the text only for single selections
-                            var elUser = document.createElement("div");
-                            elUser.innerHTML = html_1;
-                            html_1 = elUser.innerText;
-                        }
-                    }
+                    // Get the control display properties
+                    var dispControl = renderDisplay(control.name, props);
+                    // Update the properties
+                    control.data = dispControl.data;
+                    control.label = dispControl.label;
+                    control.showTime = dispControl.showTime;
+                    control.type = dispControl.type;
+                    control.value = dispControl.value;
                 }
             };
             // Execute the rendering event