| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602 | <!DOCTYPE html><html><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>The source code</title>  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>  <style type="text/css">    .highlight { display: block; background-color: #ddd; }  </style>  <script type="text/javascript">    function highlight() {      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";    }  </script></head><body onload="prettyPrint(); highlight();">  <pre class="prettyprint lang-js"><span id='Ext-util-Format'>/**</span> * @class Ext.util.Format *   * This class is a centralized place for formatting functions. It includes * functions to format various different types of data, such as text, dates and numeric values. *   * ## Localization * * This class contains several options for localization. These can be set once the library has loaded, * all calls to the functions from that point will use the locale settings that were specified. * * Options include: * * - thousandSeparator * - decimalSeparator * - currenyPrecision * - currencySign * - currencyAtEnd * * This class also uses the default date format defined here: {@link Ext.Date#defaultFormat}. * * ## Using with renderers * * There are two helper functions that return a new function that can be used in conjunction with * grid renderers: *   *     columns: [{ *         dataIndex: 'date', *         renderer: Ext.util.Format.dateRenderer('Y-m-d') *     }, { *         dataIndex: 'time', *         renderer: Ext.util.Format.numberRenderer('0.000') *     }] *   * Functions that only take a single argument can also be passed directly: * *     columns: [{ *         dataIndex: 'cost', *         renderer: Ext.util.Format.usMoney *     }, { *         dataIndex: 'productCode', *         renderer: Ext.util.Format.uppercase *     }] *   * ## Using with XTemplates * * XTemplates can also directly use Ext.util.Format functions: *   *     new Ext.XTemplate([ *         'Date: {startDate:date("Y-m-d")}', *         'Cost: {cost:usMoney}' *     ]); * * @singleton */(function() {    Ext.ns('Ext.util');    Ext.util.Format = {};    var UtilFormat     = Ext.util.Format,        stripTagsRE    = /<\/?[^>]+>/gi,        stripScriptsRe = /(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig,        nl2brRe        = /\r?\n/g,        // A RegExp to remove from a number format string, all characters except digits and '.'        formatCleanRe  = /[^\d\.]/g,        // A RegExp to remove from a number format string, all characters except digits and the local decimal separator.        // Created on first use. The local decimal separator character must be initialized for this to be created.        I18NFormatCleanRe;    Ext.apply(UtilFormat, {        //<locale><span id='Ext-util-Format-property-thousandSeparator'>        /**</span>         * @property {String} thousandSeparator         * The character that the {@link #number} function uses as a thousand separator.         *         * This may be overridden in a locale file.         */        thousandSeparator: ',',        //</locale>        //<locale><span id='Ext-util-Format-property-decimalSeparator'>        /**</span>         * @property {String} decimalSeparator         * The character that the {@link #number} function uses as a decimal point.         *         * This may be overridden in a locale file.         */        decimalSeparator: '.',        //</locale>        //<locale><span id='Ext-util-Format-property-currencyPrecision'>        /**</span>         * @property {Number} currencyPrecision         * The number of decimal places that the {@link #currency} function displays.         *         * This may be overridden in a locale file.         */        currencyPrecision: 2,        //</locale>         //<locale><span id='Ext-util-Format-property-currencySign'>        /**</span>         * @property {String} currencySign         * The currency sign that the {@link #currency} function displays.         *         * This may be overridden in a locale file.         */        currencySign: '$',        //</locale>        //<locale><span id='Ext-util-Format-property-currencyAtEnd'>        /**</span>         * @property {Boolean} currencyAtEnd         * This may be set to <code>true</code> to make the {@link #currency} function         * append the currency sign to the formatted value.         *         * This may be overridden in a locale file.         */        currencyAtEnd: false,        //</locale><span id='Ext-util-Format-method-undef'>        /**</span>         * Checks a reference and converts it to empty string if it is undefined.         * @param {Object} value Reference to check         * @return {Object} Empty string if converted, otherwise the original value         */        undef : function(value) {            return value !== undefined ? value : "";        },<span id='Ext-util-Format-method-defaultValue'>        /**</span>         * Checks a reference and converts it to the default value if it's empty.         * @param {Object} value Reference to check         * @param {String} [defaultValue=""] The value to insert of it's undefined.         * @return {String}         */        defaultValue : function(value, defaultValue) {            return value !== undefined && value !== '' ? value : defaultValue;        },<span id='Ext-util-Format-method-substr'>        /**</span>         * Returns a substring from within an original string.         * @param {String} value The original text         * @param {Number} start The start index of the substring         * @param {Number} length The length of the substring         * @return {String} The substring         * @method         */        substr : 'ab'.substr(-1) != 'b'        ? function (value, start, length) {            var str = String(value);            return (start < 0)                ? str.substr(Math.max(str.length + start, 0), length)                : str.substr(start, length);        }        : function(value, start, length) {            return String(value).substr(start, length);        },<span id='Ext-util-Format-method-lowercase'>        /**</span>         * Converts a string to all lower case letters.         * @param {String} value The text to convert         * @return {String} The converted text         */        lowercase : function(value) {            return String(value).toLowerCase();        },<span id='Ext-util-Format-method-uppercase'>        /**</span>         * Converts a string to all upper case letters.         * @param {String} value The text to convert         * @return {String} The converted text         */        uppercase : function(value) {            return String(value).toUpperCase();        },<span id='Ext-util-Format-method-usMoney'>        /**</span>         * Format a number as US currency.         * @param {Number/String} value The numeric value to format         * @return {String} The formatted currency string         */        usMoney : function(v) {            return UtilFormat.currency(v, '$', 2);        },<span id='Ext-util-Format-method-currency'>        /**</span>         * Format a number as a currency.         * @param {Number/String} value The numeric value to format         * @param {String} [sign] The currency sign to use (defaults to {@link #currencySign})         * @param {Number} [decimals] The number of decimals to use for the currency         * (defaults to {@link #currencyPrecision})         * @param {Boolean} [end] True if the currency sign should be at the end of the string         * (defaults to {@link #currencyAtEnd})         * @return {String} The formatted currency string         */        currency: function(v, currencySign, decimals, end) {            var negativeSign = '',                format = ",0",                i = 0;            v = v - 0;            if (v < 0) {                v = -v;                negativeSign = '-';            }            decimals = Ext.isDefined(decimals) ? decimals : UtilFormat.currencyPrecision;            format += format + (decimals > 0 ? '.' : '');            for (; i < decimals; i++) {                format += '0';            }            v = UtilFormat.number(v, format);            if ((end || UtilFormat.currencyAtEnd) === true) {                return Ext.String.format("{0}{1}{2}", negativeSign, v, currencySign || UtilFormat.currencySign);            } else {                return Ext.String.format("{0}{1}{2}", negativeSign, currencySign || UtilFormat.currencySign, v);            }        },<span id='Ext-util-Format-method-date'>        /**</span>         * Formats the passed date using the specified format pattern.         * @param {String/Date} value The value to format. If a string is passed, it is converted to a Date         * by the Javascript's built-in Date#parse method.         * @param {String} [format] Any valid date format string. Defaults to {@link Ext.Date#defaultFormat}.         * @return {String} The formatted date string.         */        date: function(v, format) {            if (!v) {                return "";            }            if (!Ext.isDate(v)) {                v = new Date(Date.parse(v));            }            return Ext.Date.dateFormat(v, format || Ext.Date.defaultFormat);        },<span id='Ext-util-Format-method-dateRenderer'>        /**</span>         * Returns a date rendering function that can be reused to apply a date format multiple times efficiently.         * @param {String} format Any valid date format string. Defaults to {@link Ext.Date#defaultFormat}.         * @return {Function} The date formatting function         */        dateRenderer : function(format) {            return function(v) {                return UtilFormat.date(v, format);            };        },<span id='Ext-util-Format-method-stripTags'>        /**</span>         * Strips all HTML tags.         * @param {Object} value The text from which to strip tags         * @return {String} The stripped text         */        stripTags : function(v) {            return !v ? v : String(v).replace(stripTagsRE, "");        },<span id='Ext-util-Format-method-stripScripts'>        /**</span>         * Strips all script tags.         * @param {Object} value The text from which to strip script tags         * @return {String} The stripped text         */        stripScripts : function(v) {            return !v ? v : String(v).replace(stripScriptsRe, "");        },<span id='Ext-util-Format-method-fileSize'>        /**</span>         * Simple format for a file size (xxx bytes, xxx KB, xxx MB).         * @param {Number/String} size The numeric value to format         * @return {String} The formatted file size         */        fileSize : function(size) {            if (size < 1024) {                return size + " bytes";            } else if (size < 1048576) {                return (Math.round(((size*10) / 1024))/10) + " KB";            } else {                return (Math.round(((size*10) / 1048576))/10) + " MB";            }        },<span id='Ext-util-Format-method-math'>        /**</span>         * It does simple math for use in a template, for example:         *         *     var tpl = new Ext.Template('{value} * 10 = {value:math("* 10")}');         *         * @return {Function} A function that operates on the passed value.         * @method         */        math : (function(){            var fns = {};            return function(v, a){                if (!fns[a]) {                    fns[a] = Ext.functionFactory('v', 'return v ' + a + ';');                }                return fns[a](v);            };        }()),<span id='Ext-util-Format-method-round'>        /**</span>         * Rounds the passed number to the required decimal precision.         * @param {Number/String} value The numeric value to round.         * @param {Number} precision The number of decimal places to which to round the first parameter's value.         * @return {Number} The rounded value.         */        round : function(value, precision) {            var result = Number(value);            if (typeof precision == 'number') {                precision = Math.pow(10, precision);                result = Math.round(value * precision) / precision;            }            return result;        },<span id='Ext-util-Format-method-number'>        /**</span>         * Formats the passed number according to the passed format string.         *         * The number of digits after the decimal separator character specifies the number of         * decimal places in the resulting string. The *local-specific* decimal character is         * used in the result.         *         * The *presence* of a thousand separator character in the format string specifies that         * the *locale-specific* thousand separator (if any) is inserted separating thousand groups.         *         * By default, "," is expected as the thousand separator, and "." is expected as the decimal separator.         *         * ## New to Ext JS 4         *         * Locale-specific characters are always used in the formatted output when inserting         * thousand and decimal separators.         *         * The format string must specify separator characters according to US/UK conventions ("," as the         * thousand separator, and "." as the decimal separator)         *         * To allow specification of format strings according to local conventions for separator characters, add         * the string `/i` to the end of the format string.         *         * examples (123456.789):         *          * - `0` - (123456) show only digits, no precision         * - `0.00` - (123456.78) show only digits, 2 precision         * - `0.0000` - (123456.7890) show only digits, 4 precision         * - `0,000` - (123,456) show comma and digits, no precision         * - `0,000.00` - (123,456.78) show comma and digits, 2 precision         * - `0,0.00` - (123,456.78) shortcut method, show comma and digits, 2 precision         *         * To allow specification of the formatting string using UK/US grouping characters (,) and         * decimal (.) for international numbers, add /i to the end. For example: 0.000,00/i         *         * @param {Number} v The number to format.         * @param {String} format The way you would like to format this text.         * @return {String} The formatted number.         */        number : function(v, formatString) {            if (!formatString) {                return v;            }            v = Ext.Number.from(v, NaN);            if (isNaN(v)) {                return '';            }            var comma = UtilFormat.thousandSeparator,                dec   = UtilFormat.decimalSeparator,                i18n  = false,                neg   = v < 0,                hasComma,                psplit,                fnum,                cnum,                parr,                j,                m,                n,                i;            v = Math.abs(v);            // The "/i" suffix allows caller to use a locale-specific formatting string.            // Clean the format string by removing all but numerals and the decimal separator.            // Then split the format string into pre and post decimal segments according to *what* the            // decimal separator is. If they are specifying "/i", they are using the local convention in the format string.            if (formatString.substr(formatString.length - 2) == '/i') {                if (!I18NFormatCleanRe) {                    I18NFormatCleanRe = new RegExp('[^\\d\\' + UtilFormat.decimalSeparator + ']','g');                }                formatString = formatString.substr(0, formatString.length - 2);                i18n   = true;                hasComma = formatString.indexOf(comma) != -1;                psplit = formatString.replace(I18NFormatCleanRe, '').split(dec);            } else {                hasComma = formatString.indexOf(',') != -1;                psplit = formatString.replace(formatCleanRe, '').split('.');            }            if (psplit.length > 2) {                //<debug>                Ext.Error.raise({                    sourceClass: "Ext.util.Format",                    sourceMethod: "number",                    value: v,                    formatString: formatString,                    msg: "Invalid number format, should have no more than 1 decimal"                });                //</debug>            } else if (psplit.length > 1) {                v = Ext.Number.toFixed(v, psplit[1].length);            } else {                v = Ext.Number.toFixed(v, 0);            }            fnum = v.toString();            psplit = fnum.split('.');            if (hasComma) {                cnum = psplit[0];                parr = [];                j = cnum.length;                m = Math.floor(j / 3);                n = cnum.length % 3 || 3;                for (i = 0; i < j; i += n) {                    if (i !== 0) {                        n = 3;                    }                    parr[parr.length] = cnum.substr(i, n);                    m -= 1;                }                fnum = parr.join(comma);                if (psplit[1]) {                    fnum += dec + psplit[1];                }            } else {                if (psplit[1]) {                    fnum = psplit[0] + dec + psplit[1];                }            }            if (neg) {                /*                 * Edge case. If we have a very small negative number it will get rounded to 0,                 * however the initial check at the top will still report as negative. Replace                 * everything but 1-9 and check if the string is empty to determine a 0 value.                 */                neg = fnum.replace(/[^1-9]/g, '') !== '';            }            return (neg ? '-' : '') + formatString.replace(/[\d,?\.?]+/, fnum);        },<span id='Ext-util-Format-method-numberRenderer'>        /**</span>         * Returns a number rendering function that can be reused to apply a number format multiple         * times efficiently.         *         * @param {String} format Any valid number format string for {@link #number}         * @return {Function} The number formatting function         */        numberRenderer : function(format) {            return function(v) {                return UtilFormat.number(v, format);            };        },<span id='Ext-util-Format-method-plural'>        /**</span>         * Selectively do a plural form of a word based on a numeric value. For example, in a template,         * `{commentCount:plural("Comment")}`  would result in `"1 Comment"` if commentCount was 1 or         * would be `"x Comments"` if the value is 0 or greater than 1.         *         * @param {Number} value The value to compare against         * @param {String} singular The singular form of the word         * @param {String} [plural] The plural form of the word (defaults to the singular with an "s")         */        plural : function(v, s, p) {            return v +' ' + (v == 1 ? s : (p ? p : s+'s'));        },<span id='Ext-util-Format-method-nl2br'>        /**</span>         * Converts newline characters to the HTML tag `<br/>`         *         * @param {String} The string value to format.         * @return {String} The string with embedded `<br/>` tags in place of newlines.         */        nl2br : function(v) {            return Ext.isEmpty(v) ? '' : v.replace(nl2brRe, '<br/>');        },<span id='Ext-util-Format-method-capitalize'>        /**</span>         * Alias for {@link Ext.String#capitalize}.         * @method         * @inheritdoc Ext.String#capitalize         */        capitalize: Ext.String.capitalize,<span id='Ext-util-Format-method-ellipsis'>        /**</span>         * Alias for {@link Ext.String#ellipsis}.         * @method         * @inheritdoc Ext.String#ellipsis         */        ellipsis: Ext.String.ellipsis,<span id='Ext-util-Format-method-format'>        /**</span>         * Alias for {@link Ext.String#format}.         * @method         * @inheritdoc Ext.String#format         */        format: Ext.String.format,<span id='Ext-util-Format-method-htmlDecode'>        /**</span>         * Alias for {@link Ext.String#htmlDecode}.         * @method         * @inheritdoc Ext.String#htmlDecode         */        htmlDecode: Ext.String.htmlDecode,<span id='Ext-util-Format-method-htmlEncode'>        /**</span>         * Alias for {@link Ext.String#htmlEncode}.         * @method         * @inheritdoc Ext.String#htmlEncode         */        htmlEncode: Ext.String.htmlEncode,<span id='Ext-util-Format-method-leftPad'>        /**</span>         * Alias for {@link Ext.String#leftPad}.         * @method         * @inheritdoc Ext.String#leftPad         */        leftPad: Ext.String.leftPad,<span id='Ext-util-Format-method-trim'>        /**</span>         * Alias for {@link Ext.String#trim}.         * @method         * @inheritdoc Ext.String#trim         */        trim : Ext.String.trim,<span id='Ext-util-Format-method-parseBox'>        /**</span>         * Parses a number or string representing margin sizes into an object.         * Supports CSS-style margin declarations (e.g. 10, "10", "10 10", "10 10 10" and         * "10 10 10 10" are all valid options and would return the same result).         *         * @param {Number/String} v The encoded margins         * @return {Object} An object with margin sizes for top, right, bottom and left         */        parseBox : function(box) {          box = Ext.isEmpty(box) ? '' : box;            if (Ext.isNumber(box)) {                box = box.toString();            }            var parts  = box.split(' '),                ln = parts.length;            if (ln == 1) {                parts[1] = parts[2] = parts[3] = parts[0];            }            else if (ln == 2) {                parts[2] = parts[0];                parts[3] = parts[1];            }            else if (ln == 3) {                parts[3] = parts[1];            }            return {                top   :parseInt(parts[0], 10) || 0,                right :parseInt(parts[1], 10) || 0,                bottom:parseInt(parts[2], 10) || 0,                left  :parseInt(parts[3], 10) || 0            };        },<span id='Ext-util-Format-method-escapeRegex'>        /**</span>         * Escapes the passed string for use in a regular expression.         * @param {String} str         * @return {String}         */        escapeRegex : function(s) {            return s.replace(/([\-.*+?\^${}()|\[\]\/\\])/g, "\\$1");        }    });}());</pre></body></html>
 |