gd-sprest-js/build/fabric/templates/textfield.js

SharePoint 2013/Online js components.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var templates_1 = require("../templates");
var __1 = require("..");
/**
 * TextField
 */
exports.TextField = function (props) {
    var isUnderline = props.type != __1.TextFieldTypes.Multi && props.type != __1.TextFieldTypes.Default;
    // Set the class name
    var className = [
        props.className || "",
        props.placeholder ? "ms-TextField--placeholder" : "",
        props.type == __1.TextFieldTypes.Multi ? "ms-TextField--multiline" : "",
        isUnderline ? "ms-TextField--underlined" : ""
    ].join(' ').trim();
    // Return the template
    return [
        '<div class="ms-TextField ' + className.trim() + '">',
        props.label ? templates_1.Label({
            className: "field-label",
            description: props.description,
            isRequired: props.required,
            text: props.label
        }) : '',
        props.placeholder ? '<label class="ms-Label">' + props.placeholder + '</label>' : '',
        props.type == __1.TextFieldTypes.Multi && props.disable != true ?
            '<textarea class="ms-TextField-field">' + (props.value || "") + '</textarea>' :
            '<input class="ms-TextField-field" type="text" value="' + (props.value || "") + '" placeholder=""' + (props.disable ? " disabled" : "") + '></input>',
        '<label class="ms-Label ms-fontColor-redDark error" style="color:#a80000;"></label>',
        '</div>'
    ].join('\n');
};