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>
|