PageRenderTime 62ms CodeModel.GetById 24ms RepoModel.GetById 0ms app.codeStats 0ms

/files/w2ui/1.4.3/w2ui.js

https://gitlab.com/Mirros/jsdelivr
JavaScript | 1093 lines | 907 code | 92 blank | 94 comment | 314 complexity | 52bd9c26a2c64db6f0eb83305fd7c4f1 MD5 | raw file
    

  1. /* w2ui 1.4.3 (c) http://w2ui.com, vitmalina@gmail.com */
    2. 

  2. var w2ui  = w2ui  || {};
    3. 

  3. var w2obj = w2obj || {}; // expose object to be able to overwrite default functions
    4. 

  4. 

  5. /************************************************
    6. 

  6. *  Library: Web 2.0 UI for jQuery
    7. 

  7. *  - Following objects are defines
    8. 

  8. *        - w2ui             - object that will contain all widgets
    9. 

  9. *        - w2obj            - object with widget prototypes
    10. 

  10. *        - w2utils          - basic utilities
    11. 

  11. *        - $().w2render     - common render
    12. 

  12. *        - $().w2destroy    - common destroy
    13. 

  13. *        - $().w2marker     - marker plugin
    14. 

  14. *        - $().w2tag        - tag plugin
    15. 

  15. *        - $().w2overlay    - overlay plugin
    16. 

  16. *        - $().w2menu       - menu plugin
    17. 

  17. *        - w2utils.event    - generic event object
    18. 

  18. *        - w2utils.keyboard - object for keyboard navigation
    19. 

  19. *  - Dependencies: jQuery
    20. 

  20. *
    21. 

  21. * == NICE TO HAVE ==
    22. 

  22. *   - overlay should be displayed where more space (on top or on bottom)
    23. 

  23. *   - write and article how to replace certain framework functions
    24. 

  24. *   - onComplete should pass widget as context (this)
    25. 

  25. *   - add maxHeight for the w2menu
    26. 

  26. *   - user localization from another lib (make it generic), https://github.com/jquery/globalize#readme
    27. 

  27. *   - hidden and disabled in menus
    28. 

  28. *   - isTime should support seconds
    29. 

  29. *   - TEST On IOS
    30. 

  30. *
    31. 

  31. ************************************************/
    32. 

  32. 

  33. var w2utils = (function () {
    34. 

  34.     var tmp = {}; // for some temp variables
    35. 

  35.     var obj = {
    36. 

  36.         version  : '1.4.3',
    37. 

  37.         settings : {
    38. 

  38.             "locale"            : "en-us",
    39. 

  39.             "date_format"       : "m/d/yyyy",
    40. 

  40.             "date_display"      : "Mon d, yyyy",
    41. 

  41.             "time_format"       : "hh:mi pm",
    42. 

  42.             "currencyPrefix"    : "$",
    43. 

  43.             "currencySuffix"    : "",
    44. 

  44.             "currencyPrecision" : 2,
    45. 

  45.             "groupSymbol"       : ",",
    46. 

  46.             "decimalSymbol"     : ".",
    47. 

  47.             "shortmonths"       : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
    48. 

  48.             "fullmonths"        : ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
    49. 

  49.             "shortdays"         : ["M", "T", "W", "T", "F", "S", "S"],
    50. 

  50.             "fulldays"          : ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
    51. 

  51.             "dataType"          : 'HTTP',   // can be HTTP, RESTFULL, JSON (case sensative)
    52. 

  52.             "phrases"           : {}        // empty object for english phrases
    53. 

  53.         },
    54. 

  54.         isInt           : isInt,
    55. 

  55.         isFloat         : isFloat,
    56. 

  56.         isMoney         : isMoney,
    57. 

  57.         isHex           : isHex,
    58. 

  58.         isAlphaNumeric  : isAlphaNumeric,
    59. 

  59.         isEmail         : isEmail,
    60. 

  60.         isDate          : isDate,
    61. 

  61.         isTime          : isTime,
    62. 

  62.         age             : age,
    63. 

  63.         date            : date,
    64. 

  64.         size            : size,
    65. 

  65.         formatNumber    : formatNumber,
    66. 

  66.         formatDate      : formatDate,
    67. 

  67.         formatTime      : formatTime,
    68. 

  68.         formatDateTime  : formatDateTime,
    69. 

  69.         stripTags       : stripTags,
    70. 

  70.         encodeTags      : encodeTags,
    71. 

  71.         escapeId        : escapeId,
    72. 

  72.         base64encode    : base64encode,
    73. 

  73.         base64decode    : base64decode,
    74. 

  74.         transition      : transition,
    75. 

  75.         lock            : lock,
    76. 

  76.         unlock          : unlock,
    77. 

  77.         lang            : lang,
    78. 

  78.         locale          : locale,
    79. 

  79.         getSize         : getSize,
    80. 

  80.         scrollBarSize   : scrollBarSize,
    81. 

  81.         checkName       : checkName,
    82. 

  82.         checkUniqueId   : checkUniqueId,
    83. 

  83.         parseRoute      : parseRoute,
    84. 

  84.         // some internal variables
    85. 

  85.         isIOS : ((navigator.userAgent.toLowerCase().indexOf('iphone') != -1 ||
    86. 

  86.                  navigator.userAgent.toLowerCase().indexOf('ipod') != -1 ||
    87. 

  87.                  navigator.userAgent.toLowerCase().indexOf('ipad') != -1) 
    88. 

  88.                  ? true : false),
    89. 

  89.         isIE : ((navigator.userAgent.toLowerCase().indexOf('msie') != -1 ||
    90. 

  90.                  navigator.userAgent.toLowerCase().indexOf('trident') != -1 )
    91. 

  91.                  ? true : false)
    92. 

  92.     };
    93. 

  93.     return obj;
    94. 

  94. 

  95.     function isInt (val) {
    96. 

  96.         var re = /^[-+]?[0-9]+$/;
    97. 

  97.         return re.test(val);
    98. 

  98.     }
    99. 

  99. 

  100.     function isFloat (val) {
    101. 

  101.         if (typeof val == 'string') val = val.replace(w2utils.settings.decimalSymbol, '.');
    102. 

  102.         return (typeof val === 'number' || (typeof val === 'string' && val !== '')) && !isNaN(Number(val));
    103. 

  103.     }
    104. 

  104. 

  105.     function isMoney (val) {
    106. 

  106.         var se = w2utils.settings;
    107. 

  107.         var re = new RegExp('^'+ (se.currencyPrefix ? '\\' + se.currencyPrefix + '?' : '') +'[-+]?[0-9]*[\\'+ w2utils.settings.decimalSymbol +']?[0-9]+'+ (se.currencySuffix ? '\\' + se.currencySuffix + '?' : '') +'$', 'i');
    108. 

  108.         if (typeof val === 'string') {
    109. 

  109.             val = val.replace(new RegExp(se.groupSymbol, 'g'), '');
    110. 

  110.         }
    111. 

  111.         if (typeof val === 'object' || val === '') return false;
    112. 

  112.         return re.test(val);
    113. 

  113.     }
    114. 

  114. 

  115.     function isHex (val) {
    116. 

  116.         var re = /^[a-fA-F0-9]+$/;
    117. 

  117.         return re.test(val);
    118. 

  118.     }
    119. 

  119. 

  120.     function isAlphaNumeric (val) {
    121. 

  121.         var re = /^[a-zA-Z0-9_-]+$/;
    122. 

  122.         return re.test(val);
    123. 

  123.     }
    124. 

  124. 

  125.     function isEmail (val) {
    126. 

  126.         var email = /^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
    127. 

  127.         return email.test(val);
    128. 

  128.     }
    129. 

  129. 

  130.     function isDate (val, format, retDate) {
    131. 

  131.         if (!val) return false;
    132. 

  132. 

  133.         var dt   = 'Invalid Date';
    134. 

  134.         var month, day, year;
    135. 

  135. 

  136.         if (format == null) format = w2utils.settings.date_format;
    137. 

  137. 

  138.         if (typeof val.getUTCFullYear === 'function' && typeof val.getUTCMonth === 'function' && typeof val.getUTCDate === 'function') {
    139. 

  139.             year = val.getUTCFullYear();
    140. 

  140.             month = val.getUTCMonth();
    141. 

  141.             day = val.getUTCDate();
    142. 

  142.         } else if (typeof val.getFullYear === 'function' && typeof val.getMonth === 'function' && typeof val.getDate === 'function') {
    143. 

  143.             year = val.getFullYear();
    144. 

  144.             month = val.getMonth();
    145. 

  145.             day = val.getDate();
    146. 

  146.         } else {
    147. 

  147.             val = String(val);
    148. 

  148.             // convert month formats
    149. 

  149.             if (RegExp('mon', 'ig').test(format)) {
    150. 

  150.                 format = format.replace(/month/ig, 'm').replace(/mon/ig, 'm').replace(/dd/ig, 'd').replace(/[, ]/ig, '/').replace(/\/\//g, '/').toLowerCase();
    151. 

  151.                 val    = val.replace(/[, ]/ig, '/').replace(/\/\//g, '/').toLowerCase();
    152. 

  152.                 for (var m = 0, len = w2utils.settings.fullmonths.length; m < len; m++) {
    153. 

  153.                     var t = w2utils.settings.fullmonths[m];
    154. 

  154.                     val = val.replace(RegExp(t, 'ig'), (parseInt(m) + 1)).replace(RegExp(t.substr(0, 3), 'ig'), (parseInt(m) + 1));
    155. 

  155.                 }
    156. 

  156.             }
    157. 

  157.             // format date
    158. 

  158.             var tmp  = val.replace(/-/g, '/').replace(/\./g, '/').toLowerCase().split('/');
    159. 

  159.             var tmp2 = format.replace(/-/g, '/').replace(/\./g, '/').toLowerCase();
    160. 

  160.             if (tmp2 === 'mm/dd/yyyy') { month = tmp[0]; day = tmp[1]; year = tmp[2]; }
    161. 

  161.             if (tmp2 === 'm/d/yyyy')   { month = tmp[0]; day = tmp[1]; year = tmp[2]; }
    162. 

  162.             if (tmp2 === 'dd/mm/yyyy') { month = tmp[1]; day = tmp[0]; year = tmp[2]; }
    163. 

  163.             if (tmp2 === 'd/m/yyyy')   { month = tmp[1]; day = tmp[0]; year = tmp[2]; }
    164. 

  164.             if (tmp2 === 'yyyy/dd/mm') { month = tmp[2]; day = tmp[1]; year = tmp[0]; }
    165. 

  165.             if (tmp2 === 'yyyy/d/m')   { month = tmp[2]; day = tmp[1]; year = tmp[0]; }
    166. 

  166.             if (tmp2 === 'yyyy/mm/dd') { month = tmp[1]; day = tmp[2]; year = tmp[0]; }
    167. 

  167.             if (tmp2 === 'yyyy/m/d')   { month = tmp[1]; day = tmp[2]; year = tmp[0]; }
    168. 

  168.             if (tmp2 === 'mm/dd/yy')   { month = tmp[0]; day = tmp[1]; year = tmp[2]; }
    169. 

  169.             if (tmp2 === 'm/d/yy')     { month = tmp[0]; day = tmp[1]; year = parseInt(tmp[2]) + 1900; }
    170. 

  170.             if (tmp2 === 'dd/mm/yy')   { month = tmp[1]; day = tmp[0]; year = parseInt(tmp[2]) + 1900; }
    171. 

  171.             if (tmp2 === 'd/m/yy')     { month = tmp[1]; day = tmp[0]; year = parseInt(tmp[2]) + 1900; }
    172. 

  172.             if (tmp2 === 'yy/dd/mm')   { month = tmp[2]; day = tmp[1]; year = parseInt(tmp[0]) + 1900; }
    173. 

  173.             if (tmp2 === 'yy/d/m')     { month = tmp[2]; day = tmp[1]; year = parseInt(tmp[0]) + 1900; }
    174. 

  174.             if (tmp2 === 'yy/mm/dd')   { month = tmp[1]; day = tmp[2]; year = parseInt(tmp[0]) + 1900; }
    175. 

  175.             if (tmp2 === 'yy/m/d')     { month = tmp[1]; day = tmp[2]; year = parseInt(tmp[0]) + 1900; }
    176. 

  176.         }
    177. 

  177.         if (!isInt(year)) return false;
    178. 

  178.         if (!isInt(month)) return false;
    179. 

  179.         if (!isInt(day)) return false;
    180. 

  180.         year = +year;
    181. 

  181.         month = +month;
    182. 

  182.         day = +day;
    183. 

  183.         dt = new Date(year, month - 1, day);
    184. 

  184.         // do checks
    185. 

  185.         if (month == null) return false;
    186. 

  186.         if (String(dt) == 'Invalid Date') return false;
    187. 

  187.         if ((dt.getMonth() + 1 !== month) || (dt.getDate() !== day) || (dt.getFullYear() !== year)) return false;
    188. 

  188.         if (retDate === true) return dt; else return true;
    189. 

  189.     }
    190. 

  190. 

  191.     function isTime (val, retTime) {
    192. 

  192.         // Both formats 10:20pm and 22:20
    193. 

  193.         if (val == null) return false;
    194. 

  194.         var max, pm;
    195. 

  195.         // -- process american format
    196. 

  196.         val = String(val);
    197. 

  197.         val = val.toUpperCase();
    198. 

  198.         pm = val.indexOf('PM') >= 0;
    199. 

  199.         var ampm = (pm || val.indexOf('AM') >= 0);
    200. 

  200.         if (ampm) max = 12; else max = 24;
    201. 

  201.         val = val.replace('AM', '').replace('PM', '');
    202. 

  202.         val = $.trim(val);
    203. 

  203.         // ---
    204. 

  204.         var tmp = val.split(':');
    205. 

  205.         var h = parseInt(tmp[0] || 0), m = parseInt(tmp[1] || 0);
    206. 

  206.         // accept edge case: 3PM is a good timestamp, but 3 (without AM or PM) is NOT:
    207. 

  207.         if ((!ampm || tmp.length !== 1) && tmp.length !== 2) { return false; }
    208. 

  208.         if (tmp[0] === '' || h < 0 || h > max || !this.isInt(tmp[0]) || tmp[0].length > 2) { return false; }
    209. 

  209.         if (tmp.length === 2 && (tmp[1] === '' || m < 0 || m > 59 || !this.isInt(tmp[1]) || tmp[1].length !== 2)) { return false; }
    210. 

  210.         // check the edge cases: 12:01AM is ok, as is 12:01PM, but 24:01 is NOT ok while 24:00 is (midnight; equivalent to 00:00).
    211. 

  211.         // meanwhile, there is 00:00 which is ok, but 0AM nor 0PM are okay, while 0:01AM and 0:00AM are.
    212. 

  212.         if (!ampm && max === h && m !== 0) { return false; }
    213. 

  213.         if (ampm && tmp.length === 1 && h === 0) { return false; }
    214. 

  214. 

  215.         if (retTime === true) {
    216. 

  216.             if (pm) h += 12;
    217. 

  217.             return {
    218. 

  218.                 hours: h,
    219. 

  219.                 minutes: m
    220. 

  220.             };
    221. 

  221.         }
    222. 

  222.         return true;
    223. 

  223.     }
    224. 

  224. 

  225.     function age (dateStr) {
    226. 

  226.         if (dateStr === '' || dateStr == null) return '';
    227. 

  227.         var d1 = new Date(dateStr);
    228. 

  228.         if (w2utils.isInt(dateStr)) d1 = new Date(Number(dateStr)); // for unix timestamps
    229. 

  229.         if (String(d1) == 'Invalid Date') return '';
    230. 

  230. 

  231.         var d2  = new Date();
    232. 

  232.         var sec = (d2.getTime() - d1.getTime()) / 1000;
    233. 

  233.         var amount = '';
    234. 

  234.         var type   = '';
    235. 

  235.         if (sec < 0) {
    236. 

  236.             amount = '<span style="color: #aaa">future</span>';
    237. 

  237.             type   = '';
    238. 

  238.         } else if (sec < 60) {
    239. 

  239.             amount = Math.floor(sec);
    240. 

  240.             type   = 'sec';
    241. 

  241.             if (sec < 0) { amount = 0; type = 'sec'; }
    242. 

  242.         } else if (sec < 60*60) {
    243. 

  243.             amount = Math.floor(sec/60);
    244. 

  244.             type   = 'min';
    245. 

  245.         } else if (sec < 24*60*60) {
    246. 

  246.             amount = Math.floor(sec/60/60);
    247. 

  247.             type   = 'hour';
    248. 

  248.         } else if (sec < 30*24*60*60) {
    249. 

  249.             amount = Math.floor(sec/24/60/60);
    250. 

  250.             type   = 'day';
    251. 

  251.         } else if (sec < 365.25*24*60*60) {
    252. 

  252.             amount = Math.floor(sec/365.25/24/60/60*10)/10;
    253. 

  253.             type   = 'month';
    254. 

  254.         } else if (sec >= 365.25*24*60*60) {
    255. 

  255.             amount = Math.floor(sec/365.25/24/60/60*10)/10;
    256. 

  256.             type   = 'year';
    257. 

  257.         }
    258. 

  258.         return amount + ' ' + type + (amount > 1 ? 's' : '');
    259. 

  259.     }
    260. 

  260. 

  261.     function date (dateStr) {
    262. 

  262.         if (dateStr === '' || dateStr == null) return '';
    263. 

  263.         var d1 = new Date(dateStr);
    264. 

  264.         if (w2utils.isInt(dateStr)) d1 = new Date(Number(dateStr)); // for unix timestamps
    265. 

  265.         if (String(d1) == 'Invalid Date') return '';
    266. 

  266. 

  267.         var months = w2utils.settings.shortmonths;
    268. 

  268.         var d2   = new Date(); // today
    269. 

  269.         var d3   = new Date();
    270. 

  270.         d3.setTime(d3.getTime() - 86400000); // yesterday
    271. 

  271. 

  272.         var dd1  = months[d1.getMonth()] + ' ' + d1.getDate() + ', ' + d1.getFullYear();
    273. 

  273.         var dd2  = months[d2.getMonth()] + ' ' + d2.getDate() + ', ' + d2.getFullYear();
    274. 

  274.         var dd3  = months[d3.getMonth()] + ' ' + d3.getDate() + ', ' + d3.getFullYear();
    275. 

  275. 

  276.         var time = (d1.getHours() - (d1.getHours() > 12 ? 12 :0)) + ':' + (d1.getMinutes() < 10 ? '0' : '') + d1.getMinutes() + ' ' + (d1.getHours() >= 12 ? 'pm' : 'am');
    277. 

  277.         var time2= (d1.getHours() - (d1.getHours() > 12 ? 12 :0)) + ':' + (d1.getMinutes() < 10 ? '0' : '') + d1.getMinutes() + ':' + (d1.getSeconds() < 10 ? '0' : '') + d1.getSeconds() + ' ' + (d1.getHours() >= 12 ? 'pm' : 'am');
    278. 

  278.         var dsp = dd1;
    279. 

  279.         if (dd1 === dd2) dsp = time;
    280. 

  280.         if (dd1 === dd3) dsp = w2utils.lang('Yesterday');
    281. 

  281. 

  282.         return '<span title="'+ dd1 +' ' + time2 +'">'+ dsp +'</span>';
    283. 

  283.     }
    284. 

  284. 

  285.     function size (sizeStr) {
    286. 

  286.         if (!w2utils.isFloat(sizeStr) || sizeStr === '') return '';
    287. 

  287.         sizeStr = parseFloat(sizeStr);
    288. 

  288.         if (sizeStr === 0) return 0;
    289. 

  289.         var sizes = ['Bt', 'KB', 'MB', 'GB', 'TB'];
    290. 

  290.         var i = parseInt( Math.floor( Math.log(sizeStr) / Math.log(1024) ) );
    291. 

  291.         return (Math.floor(sizeStr / Math.pow(1024, i) * 10) / 10).toFixed(i === 0 ? 0 : 1) + ' ' + sizes[i];
    292. 

  292.     }
    293. 

  293. 

  294.     function formatNumber (val, groupSymbol, decimalSymbol) {
    295. 

  295.         var ret = '';
    296. 

  296.         if (groupSymbol == null) groupSymbol = w2utils.settings.groupSymbol || ',';
    297. 

  297.         if (decimalSymbol == null) decimalSymbol = w2utils.settings.decimalSymbol || '.';
    298. 

  298.         // check if this is a number
    299. 

  299.         if (w2utils.isFloat(val) || w2utils.isInt(val) || w2utils.isMoney(val)) {
    300. 

  300.             tmp = String(val).split('.');
    301. 

  301.             ret = String(tmp[0]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + groupSymbol);
    302. 

  302.             if (tmp[1] != null) ret += w2utils.settings.decimalSymbol + tmp[1];
    303. 

  303.         }
    304. 

  304.         return ret;
    305. 

  305.     }
    306. 

  306. 

  307.     function formatDate (dateStr, format) { // IMPORTANT dateStr HAS TO BE valid JavaScript Date String
    308. 

  308.         var months = w2utils.settings.shortmonths;
    309. 

  309.         var fullMonths = w2utils.settings.fullmonths;
    310. 

  310.         if (!format) format = this.settings.date_format;
    311. 

  311.         if (dateStr === '' || dateStr == null || (typeof dateStr == 'object' && !dateStr.getMonth)) return '';
    312. 

  312. 

  313.         var dt = new Date(dateStr);
    314. 

  314.         if (w2utils.isInt(dateStr)) dt = new Date(Number(dateStr)); // for unix timestamps
    315. 

  315.         if (String(dt) == 'Invalid Date') return '';
    316. 

  316. 

  317.         var year  = dt.getFullYear();
    318. 

  318.         var month = dt.getMonth();
    319. 

  319.         var date  = dt.getDate();
    320. 

  320.         return format.toLowerCase()
    321. 

  321.             .replace('month', w2utils.settings.fullmonths[month])
    322. 

  322.             .replace('mon', w2utils.settings.shortmonths[month])
    323. 

  323.             .replace(/yyyy/g, year)
    324. 

  324.             .replace(/yyy/g, year)
    325. 

  325.             .replace(/yy/g, year > 2000 ? 100 + parseInt(String(year).substr(2)) : String(year).substr(2))
    326. 

  326.             .replace(/(^|[^a-z$])y/g, '$1' + year)            // only y's that are not preceeded by a letter
    327. 

  327.             .replace(/mm/g, (month + 1 < 10 ? '0' : '') + (month + 1))
    328. 

  328.             .replace(/dd/g, (date < 10 ? '0' : '') + date)
    329. 

  329.             .replace(/th/g, (date == 1 ? 'st' : 'th'))
    330. 

  330.             .replace(/th/g, (date == 2 ? 'nd' : 'th'))
    331. 

  331.             .replace(/th/g, (date == 3 ? 'rd' : 'th'))
    332. 

  332.             .replace(/(^|[^a-z$])m/g, '$1' + (month + 1))     // only y's that are not preceeded by a letter
    333. 

  333.             .replace(/(^|[^a-z$])d/g, '$1' + date);           // only y's that are not preceeded by a letter
    334. 

  334.     }
    335. 

  335. 

  336.     function formatTime (dateStr, format) { // IMPORTANT dateStr HAS TO BE valid JavaScript Date String
    337. 

  337.         var months = w2utils.settings.shortmonths;
    338. 

  338.         var fullMonths = w2utils.settings.fullmonths;
    339. 

  339.         if (!format) format = this.settings.time_format;
    340. 

  340.         if (dateStr === '' || dateStr == null || (typeof dateStr == 'object' && !dateStr.getMonth)) return '';
    341. 

  341. 

  342.         var dt = new Date(dateStr);
    343. 

  343.         if (w2utils.isInt(dateStr)) dt  = new Date(Number(dateStr)); // for unix timestamps
    344. 

  344.         if (w2utils.isTime(dateStr)) {
    345. 

  345.             var tmp = w2utils.isTime(dateStr, true);
    346. 

  346.             dt = new Date();
    347. 

  347.             dt.setHours(tmp.hours);
    348. 

  348.             dt.setMinutes(tmp.minutes);
    349. 

  349.         }
    350. 

  350.         if (String(dt) == 'Invalid Date') return '';
    351. 

  351. 

  352.         var type = 'am';
    353. 

  353.         var hour = dt.getHours();
    354. 

  354.         var h24  = dt.getHours();
    355. 

  355.         var min  = dt.getMinutes();
    356. 

  356.         var sec  = dt.getSeconds();
    357. 

  357.         if (min < 10) min = '0' + min;
    358. 

  358.         if (sec < 10) sec = '0' + sec;
    359. 

  359.         if (format.indexOf('am') !== -1 || format.indexOf('pm') !== -1) {
    360. 

  360.             if (hour >= 12) type = 'pm';
    361. 

  361.             if (hour > 12)  hour = hour - 12;
    362. 

  362.         }
    363. 

  363.         return format.toLowerCase()
    364. 

  364.             .replace('am', type)
    365. 

  365.             .replace('pm', type)
    366. 

  366.             .replace('hhh', (hour < 10 ? '0' + hour : hour))
    367. 

  367.             .replace('hh24', (h24 < 10 ? '0' + h24 : h24))
    368. 

  368.             .replace('h24', h24)
    369. 

  369.             .replace('hh', hour)
    370. 

  370.             .replace('mm', min)
    371. 

  371.             .replace('mi', min)
    372. 

  372.             .replace('ss', sec)
    373. 

  373.             .replace(/(^|[^a-z$])h/g, '$1' + hour)    // only y's that are not preceeded by a letter
    374. 

  374.             .replace(/(^|[^a-z$])m/g, '$1' + min)     // only y's that are not preceeded by a letter
    375. 

  375.             .replace(/(^|[^a-z$])s/g, '$1' + sec);    // only y's that are not preceeded by a letter
    376. 

  376.     }
    377. 

  377. 

  378.     function formatDateTime(dateStr, format) {
    379. 

  379.         var fmt;
    380. 

  380.         if (dateStr === '' || dateStr == null || (typeof dateStr == 'object' && !dateStr.getMonth)) return '';
    381. 

  381.         if (typeof format !== 'string') {
    382. 

  382.             fmt = [this.settings.date_format, this.settings.time_format];
    383. 

  383.         } else {
    384. 

  384.             fmt = format.split('|');
    385. 

  385.         }
    386. 

  386.         return this.formatDate(dateStr, fmt[0]) + ' ' + this.formatTime(dateStr, fmt[1]);
    387. 

  387.     }
    388. 

  388. 

  389.     function stripTags (html) {
    390. 

  390.         if (html === null) return html;
    391. 

  391.         switch (typeof html) {
    392. 

  392.             case 'number':
    393. 

  393.                 break;
    394. 

  394.             case 'string':
    395. 

  395.                 html = $.trim(String(html).replace(/(<([^>]+)>)/ig, ""));
    396. 

  396.                 break;
    397. 

  397.             case 'object':
    398. 

  398.                 for (var a in html) html[a] = this.stripTags(html[a]);
    399. 

  399.                 break;
    400. 

  400.         }
    401. 

  401.         return html;
    402. 

  402.     }
    403. 

  403. 

  404.     function encodeTags (html) {
    405. 

  405.         if (html === null) return html;
    406. 

  406.         switch (typeof html) {
    407. 

  407.             case 'number':
    408. 

  408.                 break;
    409. 

  409.             case 'string':
    410. 

  410.                 html = String(html).replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
    411. 

  411.                 break;
    412. 

  412.             case 'object':
    413. 

  413.                 for (var a in html) html[a] = this.encodeTags(html[a]);
    414. 

  414.                 break;
    415. 

  415.         }
    416. 

  416.         return html;
    417. 

  417.     }
    418. 

  418. 

  419.     function escapeId (id) {
    420. 

  420.         if (id === '' || id == null) return '';
    421. 

  421.         return String(id).replace(/([;&,\.\+\*\~'`:"\!\^#$%@\[\]\(\)=<>\|\/? {}\\])/g, '\\$1');
    422. 

  422.     }
    423. 

  423. 

  424.     function base64encode (input) {
    425. 

  425.         var output = "";
    426. 

  426.         var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
    427. 

  427.         var i = 0;
    428. 

  428.         var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    429. 

  429.         input = utf8_encode(input);
    430. 

  430. 

  431.         while (i < input.length) {
    432. 

  432.             chr1 = input.charCodeAt(i++);
    433. 

  433.             chr2 = input.charCodeAt(i++);
    434. 

  434.             chr3 = input.charCodeAt(i++);
    435. 

  435.             enc1 = chr1 >> 2;
    436. 

  436.             enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
    437. 

  437.             enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
    438. 

  438.             enc4 = chr3 & 63;
    439. 

  439.             if (isNaN(chr2)) {
    440. 

  440.                 enc3 = enc4 = 64;
    441. 

  441.             } else if (isNaN(chr3)) {
    442. 

  442.                 enc4 = 64;
    443. 

  443.             }
    444. 

  444.             output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4);
    445. 

  445.         }
    446. 

  446. 

  447.         function utf8_encode (string) {
    448. 

  448.             var string = String(string).replace(/\r\n/g,"\n");
    449. 

  449.             var utftext = "";
    450. 

  450. 

  451.             for (var n = 0; n < string.length; n++) {
    452. 

  452.                 var c = string.charCodeAt(n);
    453. 

  453.                 if (c < 128) {
    454. 

  454.                     utftext += String.fromCharCode(c);
    455. 

  455.                 }
    456. 

  456.                 else if((c > 127) && (c < 2048)) {
    457. 

  457.                     utftext += String.fromCharCode((c >> 6) | 192);
    458. 

  458.                     utftext += String.fromCharCode((c & 63) | 128);
    459. 

  459.                 }
    460. 

  460.                 else {
    461. 

  461.                     utftext += String.fromCharCode((c >> 12) | 224);
    462. 

  462.                     utftext += String.fromCharCode(((c >> 6) & 63) | 128);
    463. 

  463.                     utftext += String.fromCharCode((c & 63) | 128);
    464. 

  464.                 }
    465. 

  465.             }
    466. 

  466.             return utftext;
    467. 

  467.         }
    468. 

  468. 

  469.         return output;
    470. 

  470.     }
    471. 

  471. 

  472.     function base64decode (input) {
    473. 

  473.         var output = "";
    474. 

  474.         var chr1, chr2, chr3;
    475. 

  475.         var enc1, enc2, enc3, enc4;
    476. 

  476.         var i = 0;
    477. 

  477.         var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    478. 

  478.         input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
    479. 

  479. 

  480.         while (i < input.length) {
    481. 

  481.             enc1 = keyStr.indexOf(input.charAt(i++));
    482. 

  482.             enc2 = keyStr.indexOf(input.charAt(i++));
    483. 

  483.             enc3 = keyStr.indexOf(input.charAt(i++));
    484. 

  484.             enc4 = keyStr.indexOf(input.charAt(i++));
    485. 

  485.             chr1 = (enc1 << 2) | (enc2 >> 4);
    486. 

  486.             chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
    487. 

  487.             chr3 = ((enc3 & 3) << 6) | enc4;
    488. 

  488.             output = output + String.fromCharCode(chr1);
    489. 

  489.             if (enc3 !== 64) {
    490. 

  490.                 output = output + String.fromCharCode(chr2);
    491. 

  491.             }
    492. 

  492.             if (enc4 !== 64) {
    493. 

  493.                 output = output + String.fromCharCode(chr3);
    494. 

  494.             }
    495. 

  495.         }
    496. 

  496.         output = utf8_decode(output);
    497. 

  497. 

  498.         function utf8_decode (utftext) {
    499. 

  499.             var string = "";
    500. 

  500.             var i = 0;
    501. 

  501.             var c = 0, c2, c3;
    502. 

  502. 

  503.             while ( i < utftext.length ) {
    504. 

  504.                 c = utftext.charCodeAt(i);
    505. 

  505.                 if (c < 128) {
    506. 

  506.                     string += String.fromCharCode(c);
    507. 

  507.                     i++;
    508. 

  508.                 }
    509. 

  509.                 else if((c > 191) && (c < 224)) {
    510. 

  510.                     c2 = utftext.charCodeAt(i+1);
    511. 

  511.                     string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
    512. 

  512.                     i += 2;
    513. 

  513.                 }
    514. 

  514.                 else {
    515. 

  515.                     c2 = utftext.charCodeAt(i+1);
    516. 

  516.                     c3 = utftext.charCodeAt(i+2);
    517. 

  517.                     string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
    518. 

  518.                     i += 3;
    519. 

  519.                 }
    520. 

  520.             }
    521. 

  521. 

  522.             return string;
    523. 

  523.         }
    524. 

  524. 

  525.         return output;
    526. 

  526.     }
    527. 

  527. 

  528.     function transition (div_old, div_new, type, callBack) {
    529. 

  529.         var width  = $(div_old).width();
    530. 

  530.         var height = $(div_old).height();
    531. 

  531.         var time   = 0.5;
    532. 

  532. 

  533.         if (!div_old || !div_new) {
    534. 

  534.             console.log('ERROR: Cannot do transition when one of the divs is null');
    535. 

  535.             return;
    536. 

  536.         }
    537. 

  537. 

  538.         div_old.parentNode.style.cssText += cross('perspective', '700px') +'; overflow: hidden;';
    539. 

  539.         div_old.style.cssText += '; position: absolute; z-index: 1019; '+ cross('backface-visibility', 'hidden');
    540. 

  540.         div_new.style.cssText += '; position: absolute; z-index: 1020; '+ cross('backface-visibility', 'hidden');
    541. 

  541. 

  542.         switch (type) {
    543. 

  543.             case 'slide-left':
    544. 

  544.                 // init divs
    545. 

  545.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    546. 

  546.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d('+ width + 'px, 0, 0)', 'translate('+ width +'px, 0)');
    547. 

  547.                 $(div_new).show();
    548. 

  548.                 // -- need a timing function because otherwise not working
    549. 

  549.                 window.setTimeout(function() {
    550. 

  550.                     div_new.style.cssText += cross('transition', time+'s') +';'+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    551. 

  551.                     div_old.style.cssText += cross('transition', time+'s') +';'+ cross('transform', 'translate3d(-'+ width +'px, 0, 0)', 'translate(-'+ width +'px, 0)');
    552. 

  552.                 }, 1);
    553. 

  553.                 break;
    554. 

  554. 

  555.             case 'slide-right':
    556. 

  556.                 // init divs
    557. 

  557.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    558. 

  558.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(-'+ width +'px, 0, 0)', 'translate(-'+ width +'px, 0)');
    559. 

  559.                 $(div_new).show();
    560. 

  560.                 // -- need a timing function because otherwise not working
    561. 

  561.                 window.setTimeout(function() {
    562. 

  562.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d(0px, 0, 0)', 'translate(0px, 0)');
    563. 

  563.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d('+ width +'px, 0, 0)', 'translate('+ width +'px, 0)');
    564. 

  564.                 }, 1);
    565. 

  565.                 break;
    566. 

  566. 

  567.             case 'slide-down':
    568. 

  568.                 // init divs
    569. 

  569.                 div_old.style.cssText += 'overflow: hidden; z-index: 1; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    570. 

  570.                 div_new.style.cssText += 'overflow: hidden; z-index: 0; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    571. 

  571.                 $(div_new).show();
    572. 

  572.                 // -- need a timing function because otherwise not working
    573. 

  573.                 window.setTimeout(function() {
    574. 

  574.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    575. 

  575.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d(0, '+ height +'px, 0)', 'translate(0, '+ height +'px)');
    576. 

  576.                 }, 1);
    577. 

  577.                 break;
    578. 

  578. 

  579.             case 'slide-up':
    580. 

  580.                 // init divs
    581. 

  581.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    582. 

  582.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, '+ height +'px, 0)', 'translate(0, '+ height +'px)');
    583. 

  583.                 $(div_new).show();
    584. 

  584.                 // -- need a timing function because otherwise not working
    585. 

  585.                 window.setTimeout(function() {
    586. 

  586.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    587. 

  587.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    588. 

  588.                 }, 1);
    589. 

  589.                 break;
    590. 

  590. 

  591.             case 'flip-left':
    592. 

  592.                 // init divs
    593. 

  593.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateY(0deg)');
    594. 

  594.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateY(-180deg)');
    595. 

  595.                 $(div_new).show();
    596. 

  596.                 // -- need a timing function because otherwise not working
    597. 

  597.                 window.setTimeout(function() {
    598. 

  598.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateY(0deg)');
    599. 

  599.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateY(180deg)');
    600. 

  600.                 }, 1);
    601. 

  601.                 break;
    602. 

  602. 

  603.             case 'flip-right':
    604. 

  604.                 // init divs
    605. 

  605.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateY(0deg)');
    606. 

  606.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateY(180deg)');
    607. 

  607.                 $(div_new).show();
    608. 

  608.                 // -- need a timing function because otherwise not working
    609. 

  609.                 window.setTimeout(function() {
    610. 

  610.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateY(0deg)');
    611. 

  611.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateY(-180deg)');
    612. 

  612.                 }, 1);
    613. 

  613.                 break;
    614. 

  614. 

  615.             case 'flip-down':
    616. 

  616.                 // init divs
    617. 

  617.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateX(0deg)');
    618. 

  618.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateX(180deg)');
    619. 

  619.                 $(div_new).show();
    620. 

  620.                 // -- need a timing function because otherwise not working
    621. 

  621.                 window.setTimeout(function() {
    622. 

  622.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateX(0deg)');
    623. 

  623.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateX(-180deg)');
    624. 

  624.                 }, 1);
    625. 

  625.                 break;
    626. 

  626. 

  627.             case 'flip-up':
    628. 

  628.                 // init divs
    629. 

  629.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateX(0deg)');
    630. 

  630.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'rotateX(-180deg)');
    631. 

  631.                 $(div_new).show();
    632. 

  632.                 // -- need a timing function because otherwise not working
    633. 

  633.                 window.setTimeout(function() {
    634. 

  634.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateX(0deg)');
    635. 

  635.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'rotateX(180deg)');
    636. 

  636.                 }, 1);
    637. 

  637.                 break;
    638. 

  638. 

  639.             case 'pop-in':
    640. 

  640.                 // init divs
    641. 

  641.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    642. 

  642.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)') + '; '+ cross('transform', 'scale(.8)') + '; opacity: 0;';
    643. 

  643.                 $(div_new).show();
    644. 

  644.                 // -- need a timing function because otherwise not working
    645. 

  645.                 window.setTimeout(function() {
    646. 

  646.                     div_new.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'scale(1)') +'; opacity: 1;';
    647. 

  647.                     div_old.style.cssText += cross('transition', time+'s') +';';
    648. 

  648.                 }, 1);
    649. 

  649.                 break;
    650. 

  650. 

  651.             case 'pop-out':
    652. 

  652.                 // init divs
    653. 

  653.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)') +'; '+ cross('transform', 'scale(1)') +'; opacity: 1;';
    654. 

  654.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)') +'; opacity: 0;';
    655. 

  655.                 $(div_new).show();
    656. 

  656.                 // -- need a timing function because otherwise not working
    657. 

  657.                 window.setTimeout(function() {
    658. 

  658.                     div_new.style.cssText += cross('transition', time+'s') +'; opacity: 1;';
    659. 

  659.                     div_old.style.cssText += cross('transition', time+'s') +'; '+ cross('transform', 'scale(1.7)') +'; opacity: 0;';
    660. 

  660.                 }, 1);
    661. 

  661.                 break;
    662. 

  662. 

  663.             default:
    664. 

  664.                 // init divs
    665. 

  665.                 div_old.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)');
    666. 

  666.                 div_new.style.cssText += 'overflow: hidden; '+ cross('transform', 'translate3d(0, 0, 0)', 'translate(0, 0)') +'; opacity: 0;';
    667. 

  667.                 $(div_new).show();
    668. 

  668.                 // -- need a timing function because otherwise not working
    669. 

  669.                 window.setTimeout(function() {
    670. 

  670.                     div_new.style.cssText += cross('transition', time +'s') +'; opacity: 1;';
    671. 

  671.                     div_old.style.cssText += cross('transition', time +'s');
    672. 

  672.                 }, 1);
    673. 

  673.                 break;
    674. 

  674.         }
    675. 

  675. 

  676.         setTimeout(function () {
    677. 

  677.             if (type === 'slide-down') {
    678. 

  678.                 $(div_old).css('z-index', '1019');
    679. 

  679.                 $(div_new).css('z-index', '1020');
    680. 

  680.             }
    681. 

  681.             if (div_new) {
    682. 

  682.                 $(div_new).css({
    683. 

  683.                     'opacity': '1',
    684. 

  684.                     '-webkit-transition': '',
    685. 

  685.                     '-moz-transition': '',
    686. 

  686.                     '-ms-transition': '',
    687. 

  687.                     '-o-transition': '',
    688. 

  688.                     '-webkit-transform': '',
    689. 

  689.                     '-moz-transform': '',
    690. 

  690.                     '-ms-transform': '',
    691. 

  691.                     '-o-transform': '',
    692. 

  692.                     '-webkit-backface-visibility': '',
    693. 

  693.                     '-moz-backface-visibility': '',
    694. 

  694.                     '-ms-backface-visibility': '',
    695. 

  695.                     '-o-backface-visibility': ''
    696. 

  696.                 });
    697. 

  697.             }
    698. 

  698.             if (div_old) {
    699. 

  699.                 $(div_old).css({
    700. 

  700.                     'opacity': '1',
    701. 

  701.                     '-webkit-transition': '',
    702. 

  702.                     '-moz-transition': '',
    703. 

  703.                     '-ms-transition': '',
    704. 

  704.                     '-o-transition': '',
    705. 

  705.                     '-webkit-transform': '',
    706. 

  706.                     '-moz-transform': '',
    707. 

  707.                     '-ms-transform': '',
    708. 

  708.                     '-o-transform': '',
    709. 

  709.                     '-webkit-backface-visibility': '',
    710. 

  710.                     '-moz-backface-visibility': '',
    711. 

  711.                     '-ms-backface-visibility': '',
    712. 

  712.                     '-o-backface-visibility': ''
    713. 

  713.                 });
    714. 

  714.                 if (div_old.parentNode) $(div_old.parentNode).css({
    715. 

  715.                     '-webkit-perspective': '',
    716. 

  716.                     '-moz-perspective': '',
    717. 

  717.                     '-ms-perspective': '',
    718. 

  718.                     '-o-perspective': ''
    719. 

  719.                 });
    720. 

  720.             }
    721. 

  721.             if (typeof callBack === 'function') callBack();
    722. 

  722.         }, time * 1000);
    723. 

  723. 

  724.         function cross(property, value, none_webkit_value) {
    725. 

  725.             var isWebkit=!!window.webkitURL; // jQuery no longer supports $.browser - RR
    726. 

  726.             if (!isWebkit && typeof none_webkit_value !== 'undefined') value = none_webkit_value;
    727. 

  727.             return ';'+ property +': '+ value +'; -webkit-'+ property +': '+ value +'; -moz-'+ property +': '+ value +'; '+
    728. 

  728.                 '-ms-'+ property +': '+ value +'; -o-'+ property +': '+ value +';';
    729. 

  729.         }
    730. 

  730.     }
    731. 

  731. 

  732.     function lock (box, msg, spinner) {
    733. 

  733.         var options = {};
    734. 

  734.         if (typeof msg === 'object') {
    735. 

  735.             options = msg;
    736. 

  736.         } else {
    737. 

  737.             options.msg     = msg;
    738. 

  738.             options.spinner = spinner;
    739. 

  739.         }
    740. 

  740.         if (!options.msg && options.msg !== 0) options.msg = '';
    741. 

  741.         w2utils.unlock(box);
    742. 

  742.         $(box).prepend(
    743. 

  743.             '<div class="w2ui-lock"></div>'+
    744. 

  744.             '<div class="w2ui-lock-msg"></div>'
    745. 

  745.         );
    746. 

  746.         var $lock = $(box).find('.w2ui-lock');
    747. 

  747.         var mess = $(box).find('.w2ui-lock-msg');
    748. 

  748.         if (!options.msg) mess.css({ 'background-color': 'transparent', 'border': '0px' });
    749. 

  749.         if (options.spinner === true) options.msg = '<div class="w2ui-spinner" '+ (!options.msg ? 'style="width: 35px; height: 35px"' : '') +'></div>' + options.msg;
    750. 

  750.         if (options.opacity != null) $lock.css('opacity', options.opacity);
    751. 

  751.         if (typeof $lock.fadeIn == 'function') {
    752. 

  752.             $lock.fadeIn(200);
    753. 

  753.             mess.html(options.msg).fadeIn(200);
    754. 

  754.         } else {
    755. 

  755.             $lock.show();
    756. 

  756.             mess.html(options.msg).show(0);            
    757. 

  757.         }
    758. 

  758.         // hide all tags (do not hide overlays as the form can be in overlay)
    759. 

  759.         $().w2tag();
    760. 

  760.     }
    761. 

  761. 

  762.     function unlock (box) {
    763. 

  763.         $(box).find('.w2ui-lock').remove();
    764. 

  764.         $(box).find('.w2ui-lock-msg').remove();
    765. 

  765.     }
    766. 

  766. 

  767.     function getSize (el, type) {
    768. 

  768.         var $el = $(el);
    769. 

  769.         var bwidth = {
    770. 

  770.             left    : parseInt($el.css('border-left-width')) || 0,
    771. 

  771.             right   : parseInt($el.css('border-right-width')) || 0,
    772. 

  772.             top     : parseInt($el.css('border-top-width')) || 0,
    773. 

  773.             bottom  : parseInt($el.css('border-bottom-width')) || 0
    774. 

  774.         };
    775. 

  775.         var mwidth = {
    776. 

  776.             left    : parseInt($el.css('margin-left')) || 0,
    777. 

  777.             right   : parseInt($el.css('margin-right')) || 0,
    778. 

  778.             top     : parseInt($el.css('margin-top')) || 0,
    779. 

  779.             bottom  : parseInt($el.css('margin-bottom')) || 0
    780. 

  780.         };
    781. 

  781.         var pwidth = {
    782. 

  782.             left    : parseInt($el.css('padding-left')) || 0,
    783. 

  783.             right   : parseInt($el.css('padding-right')) || 0,
    784. 

  784.             top     : parseInt($el.css('padding-top')) || 0,
    785. 

  785.             bottom  : parseInt($el.css('padding-bottom')) || 0
    786. 

  786.         };
    787. 

  787.         switch (type) {
    788. 

  788.             case 'top'      : return bwidth.top + mwidth.top + pwidth.top;
    789. 

  789.             case 'bottom'   : return bwidth.bottom + mwidth.bottom + pwidth.bottom;
    790. 

  790.             case 'left'     : return bwidth.left + mwidth.left + pwidth.left;
    791. 

  791.             case 'right'    : return bwidth.right + mwidth.right + pwidth.right;
    792. 

  792.             case 'width'    : return bwidth.left + bwidth.right + mwidth.left + mwidth.right + pwidth.left + pwidth.right + parseInt($el.width());
    793. 

  793.             case 'height'   : return bwidth.top + bwidth.bottom + mwidth.top + mwidth.bottom + pwidth.top + pwidth.bottom + parseInt($el.height());
    794. 

  794.             case '+width'   : return bwidth.left + bwidth.right + mwidth.left + mwidth.right + pwidth.left + pwidth.right;
    795. 

  795.             case '+height'  : return bwidth.top + bwidth.bottom + mwidth.top + mwidth.bottom + pwidth.top + pwidth.bottom;
    796. 

  796.         }
    797. 

  797.         return 0;
    798. 

  798.     }
    799. 

  799. 

  800.     function lang (phrase) {
    801. 

  801.         var translation = this.settings.phrases[phrase];
    802. 

  802.         if (translation == null) return phrase; else return translation;
    803. 

  803.     }
    804. 

  804. 

  805.     function locale (locale) {
    806. 

  806.         if (!locale) locale = 'en-us';
    807. 

  807.         if (locale.length === 5) locale = 'locale/'+ locale +'.json';
    808. 

  808.         // load from the file
    809. 

  809.         $.ajax({
    810. 

  810.             url      : locale,
    811. 

  811.             type     : "GET",
    812. 

  812.             dataType : "JSON",
    813. 

  813.             async    : false,
    814. 

  814.             cache    : false,
    815. 

  815.             success  : function (data, status, xhr) {
    816. 

  816.                 w2utils.settings = $.extend(true, w2utils.settings, data);
    817. 

  817.                 // apply translation to some prototype functions
    818. 

  818.                 var p = w2obj.grid.prototype;
    819. 

  819.                 for (var b in p.buttons) {
    820. 

  820.                     p.buttons[b].caption = w2utils.lang(p.buttons[b].caption);
    821. 

  821.                     p.buttons[b].hint    = w2utils.lang(p.buttons[b].hint);
    822. 

  822.                 }
    823. 

  823.                 p.msgDelete  = w2utils.lang(p.msgDelete);
    824. 

  824.                 p.msgNotJSON = w2utils.lang(p.msgNotJSON);
    825. 

  825.                 p.msgRefresh = w2utils.lang(p.msgRefresh);
    826. 

  826.             },
    827. 

  827.             error    : function (xhr, status, msg) {
    828. 

  828.                 console.log('ERROR: Cannot load locale '+ locale);
    829. 

  829.             }
    830. 

  830.         });
    831. 

  831.     }
    832. 

  832. 

  833.     function scrollBarSize () {
    834. 

  834.         if (tmp.scrollBarSize) return tmp.scrollBarSize;
    835. 

  835.         var html =
    836. 

  836.             '<div id="_scrollbar_width" style="position: absolute; top: -300px; width: 100px; height: 100px; overflow-y: scroll;">'+
    837. 

  837.             '    <div style="height: 120px">1</div>'+
    838. 

  838.             '</div>';
    839. 

  839.         $('body').append(html);
    840. 

  840.         tmp.scrollBarSize = 100 - $('#_scrollbar_width > div').width();
    841. 

  841.         $('#_scrollbar_width').remove();
    842. 

  842.         if (String(navigator.userAgent).indexOf('MSIE') >= 0) tmp.scrollBarSize  = tmp.scrollBarSize / 2; // need this for IE9+
    843. 

  843.         return tmp.scrollBarSize;
    844. 

  844.     }
    845. 

  845. 

  846. 

  847.     function checkName (params, component) { // was w2checkNameParam
    848. 

  848.         if (!params || typeof params.name === 'undefined') {
    849. 

  849.             console.log('ERROR: The parameter "name" is required but not supplied in $().'+ component +'().');
    850. 

  850.             return false;
    851. 

  851.         }
    852. 

  852.         if (typeof w2ui[params.name] !== 'undefined') {
    853. 

  853.             console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ params.name +').');
    854. 

  854.             return false;
    855. 

  855.         }
    856. 

  856.         if (!w2utils.isAlphaNumeric(params.name)) {
    857. 

  857.             console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
    858. 

  858.             return false;
    859. 

  859.         }
    860. 

  860.         return true;
    861. 

  861.     }
    862. 

  862. 

  863.     function checkUniqueId (id, items, itemsDecription, objName) { // was w2checkUniqueId
    864. 

  864.         if (!$.isArray(items)) items = [items];
    865. 

  865.         for (var i = 0; i < items.length; i++) {
    866. 

  866.             if (items[i].id === id) {
    867. 

  867.                 console.log('ERROR: The parameter "id='+ id +'" is not unique within the current '+ itemsDecription +'. (obj: '+ objName +')');
    868. 

  868.                 return false;
    869. 

  869.             }
    870. 

  870.         }
    871. 

  871.         return true;
    872. 

  872.     }
    873. 

  873. 

  874.     function parseRoute(route) {
    875. 

  875.         var keys = [];
    876. 

  876.         var path = route
    877. 

  877.             .replace(/\/\(/g, '(?:/')
    878. 

  878.             .replace(/\+/g, '__plus__')
    879. 

  879.             .replace(/(\/)?(\.)?:(\w+)(?:(\(.*?\)))?(\?)?/g, function(_, slash, format, key, capture, optional) {
    880. 

  880.                 keys.push({ name: key, optional: !! optional });
    881. 

  881.                 slash = slash || '';
    882. 

  882.                 return '' + (optional ? '' : slash) + '(?:' + (optional ? slash : '') + (format || '') + (capture || (format && '([^/.]+?)' || '([^/]+?)')) + ')' + (optional || '');
    883. 

  883.             })
    884. 

  884.             .replace(/([\/.])/g, '\\$1')
    885. 

  885.             .replace(/__plus__/g, '(.+)')
    886. 

  886.             .replace(/\*/g, '(.*)');
    887. 

  887.         return {
    888. 

  888.             path  : new RegExp('^' + path + '$', 'i'),
    889. 

  889.             keys  : keys
    890. 

  890.         };
    891. 

  891.     }
    892. 

  892. })();
    893. 

  893. 

  894. /***********************************************************
    895. 

  895. *  Generic Event Object
    896. 

  896. *  --- This object is reused across all other
    897. 

  897. *  --- widgets in w2ui.
    898. 

  898. *
    899. 

  899. *********************************************************/
    900. 

  900. 

  901. w2utils.event = {
    902. 

  902. 

  903.     on: function (eventData, handler) {
    904. 

  904.         if (!$.isPlainObject(eventData)) eventData = { type: eventData };
    905. 

  905.         eventData = $.extend({ type: null, execute: 'before', target: null, onComplete: null }, eventData);
    906. 

  906. 

  907.         if (!eventData.type) { console.log('ERROR: You must specify event type when calling .on() method of '+ this.name); return; }
    908. 

  908.         if (!handler) { console.log('ERROR: You must specify event handler function when calling .on() method of '+ this.name); return; }
    909. 

  909.         if (!$.isArray(this.handlers)) this.handlers = [];
    910. 

  910.         this.handlers.push({ event: eventData, handler: handler });
    911. 

  911.     },
    912. 

  912. 

  913.     off: function (eventData, handler) {
    914. 

  914.         if (!$.isPlainObject(eventData)) eventData = { type: eventData };
    915. 

  915.         eventData = $.extend({}, { type: null, execute: 'before', target: null, onComplete: null }, eventData);
    916. 

  916. 

  917.         if (!eventData.type) { console.log('ERROR: You must specify event type when calling .off() method of '+ this.name); return; }
    918. 

  918.         if (!handler) { handler = null; }
    919. 

  919.         // remove handlers
    920. 

  920.         var newHandlers = [];
    921. 

  921.         for (var h = 0, len = this.handlers.length; h < len; h++) {
    922. 

  922.             var t = this.handlers[h];
    923. 

  923.             if ((t.event.type === eventData.type || eventData.type === '*') &&
    924. 

  924.                 (t.event.target === eventData.target || eventData.target === null) &&
    925. 

  925.                 (t.handler === handler || handler === null))
    926. 

  926.             {
    927. 

  927.                 // match
    928. 

  928.             } else {
    929. 

  929.                 newHandlers.push(t);
    930. 

  930.             }
    931. 

  931.         }
    932. 

  932.         this.handlers = newHandlers;
    933. 

  933.     },
    934. 

  934. 

  935.     trigger: function (eventData) {
    936. 

  936.         var eventData = $.extend({ type: null, phase: 'before', target: null }, eventData, {
    937. 

  937.             isStopped: false, isCancelled: false,
    938. 

  938.             preventDefault  : function () { this.isCancelled = true; },
    939. 

  939.             stopPropagation : function () { this.isStopped   = true; }
    940. 

  940.         });
    941. 

  941.         if (eventData.phase === 'before') eventData.onComplete = null;
    942. 

  942.         var args, fun, tmp;
    943. 

  943.         if (eventData.target == null) eventData.target = null;
    944. 

  944.         if (!$.isArray(this.handlers)) this.handlers = [];
    945. 

  945.         // process events in REVERSE order
    946. 

  946.         for (var h = this.handlers.length-1; h >= 0; h--) {
    947. 

  947.             var item = this.handlers[h];
    948. 

  948.             if ((item.event.type === eventData.type || item.event.type === '*') &&
    949. 

  949.                 (item.event.target === eventData.target || item.event.target === null) &&
    950. 

  950.                 (item.event.execute === eventData.phase || item.event.execute === '*' || item.event.phase === '*'))
    951. 

  951.             {
    952. 

  952.                 eventData = $.extend({}, item.event, eventData);
    953. 

  953.                 // check handler arguments
    954. 

  954.                 args = [];
    955. 

  955.                 tmp  = RegExp(/\((.*?)\)/).exec(item.handler);
    956. 

  956.                 if (tmp) args = tmp[1].split(/\s*,\s*/);
    957. 

  957.                 if (args.length === 2) {
    958. 

  958.                     item.handler.call(this, eventData.target, eventData); // old way for back compatibility
    959. 

  959.                 } else {
    960. 

  960.                     item.handler.call(this, eventData); // new way
    961. 

  961.                 }
    962. 

  962.                 if (eventData.isStopped === true || eventData.stop === true) return eventData; // back compatibility eventData.stop === true
    963. 

  963.             }
    964. 

  964.         }
    965. 

  965.         // main object events
    966. 

  966.         var funName = 'on' + eventData.type.substr(0,1).toUpperCase() + eventData.type.substr(1);
    967. 

  967.         if (eventData.phase === 'before' && typeof this[funName] === 'function') {
    968. 

  968.             fun = this[funName];
    969. 

  969.             // check handler arguments
    970. 

  970.             args = [];
    971. 

  971.             tmp  = RegExp(/\((.*?)\)/).exec(fun);
    972. 

  972.             if (tmp) args = tmp[1].split(/\s*,\s*/);
    973. 

  973.             if (args.length === 2) {
    974. 

  974.                 fun.call(this, eventData.target, eventData); // old way for back compatibility
    975. 

  975.             } else {
    976. 

  976.                 fun.call(this, eventData); // new way
    977. 

  977.             }
    978. 

  978.             if (eventData.isStopped === true || eventData.stop === true) return eventData; // back compatibility eventData.stop === true
    979. 

  979.         }
    980. 

  980.         // item object events
    981. 

  981.         if (eventData.object != null && eventData.phase === 'before' &&
    982. 

  982.             typeof eventData.object[funName] === 'function')
    983. 

  983.         {
    984. 

  984.             fun = eventData.object[funName];
    985. 

  985.             // check handler arguments
    986. 

  986.             args = [];
    987. 

  987.             tmp  = RegExp(/\((.*?)\)/).exec(fun);
    988. 

  988.             if (tmp) args = tmp[1].split(/\s*,\s*/);
    989. 

  989.             if (args.length === 2) {
    990. 

  990.                 fun.call(this, eventData.target, eventData); // old way for back compatibility
    991. 

  991.             } else {
    992. 

  992.                 fun.call(this, eventData); // new way
    993. 

  993.             }
    994. 

  994.             if (eventData.isStopped === true || eventData.stop === true) return eventData;
    995. 

  995.         }
    996. 

  996.         // execute onComplete
    997. 

  997.         if (eventData.phase === 'after' && typeof eventData.onComplete === 'function') eventData.onComplete.call(this, eventData);
    998. 

  998. 

  999.         return eventData;
    1000. 

  1000.     }
    1001. 

  1001. };
    1002. 

  1002. 

  1003. /***********************************************************
    1004. 

  1004. *  Common Keyboard Handler. Supported in
    1005. 

  1005. *  - grid
    1006. 

  1006. *  - sidebar
    1007. 

  1007. *  - popup
    1008. 

  1008. *
    1009. 

  1009. *********************************************************/
    1010. 

  1010. 

  1011. w2utils.keyboard = (function (obj) {
    1012. 

  1012.     // private scope
    1013. 

  1013.     var w2ui_name = null;
    1014. 

  1014. 

  1015.     obj.active    = active;
    1016. 

  1016.     obj.clear     = clear;
    1017. 

  1017. 

  1018.     init();
    1019. 

  1019.     return obj;
    1020. 

  1020. 

  1021.     function init() {
    1022. 

  1022.         $(document).on('keydown', keydown);
    1023. 

  1023.         $(document).on('mousedown', mousedown);
    1024. 

  1024.     }
    1025. 

  1025. 

  1026.     function keydown (event) {
    1027. 

  1027.         var tag = event.target.tagName;
    1028. 

  1028.         if ($.inArray(tag, ['INPUT', 'SELECT', 'TEXTAREA']) !== -1) return;
    1029. 

  1029.         if ($(event.target).prop('contenteditable') === 'true') return;
    1030. 

  1030.         if (!w2ui_name) return;
    1031. 

  1031.         // pass to appropriate widget
    1032. 

  1032.         if (w2ui[w2ui_name] && typeof w2ui[w2ui_name].keydown === 'function') {
    1033. 

  1033.             w2ui[w2ui_name].keydown.call(w2ui[w2ui_name], event);
    1034. 

  1034.         }
    1035. 

  1035.     }
    1036. 

  1036. 

  1037.     function mousedown (event) {
    1038. 

  1038.         var tag = event.target.tagName;
    1039. 

  1039.         var obj = $(event.target).parents('.w2ui-reset');
    1040. 

  1040.         if (obj.length > 0) {
    1041. 

  1041.             var name = obj.attr('name');
    1042. 

  1042.             if (w2ui[name] && w2ui[name].keyboard) w2ui_name = name;
    1043. 

  1043.         }
    1044. 

  1044.     }
    1045. 

  1045. 

  1046.     function active (new_w2ui_name) {
    1047. 

  1047.         if (typeof new_w2ui_name !== 'undefined') w2ui_name = new_w2ui_name;
    1048. 

  1048.         return w2ui_name;
    1049. 

  1049.     }
    1050. 

  1050. 

  1051.     function clear () {
    1052. 

  1052.         w2ui_name = null;
    1053. 

  1053.     }
    1054. 

  1054. 

  1055. })({});
    1056. 

  1056. 

  1057. /***********************************************************
    1058. 

  1058. *  Commonly used plugins
    1059. 

  1059. *  --- used primarily in grid and form
    1060. 

  1060. *
    1061. 

  1061. *********************************************************/
    1062. 

  1062. 

  1063. (function () {
    1064. 

  1064. 

  1065.     $.fn.w2render = function (name) {
    1066. 

  1066.         if ($(this).length > 0) {
    1067. 

  1067.             if (typeof name === 'string' && w2ui[name]) w2ui[name].render($(this)[0]);
    1068. 

  1068.             if (typeof name === 'object') name.render($(this)[0]);
    1069. 

  1069.         }
    1070. 

  1070.     };
    1071. 

  1071. 

  1072.     $.fn.w2destroy = function (name) {
    1073. 

  1073.         if (!name && this.length > 0) name = this.attr('name');
    1074. 

  1074.         if (typeof name === 'string' && w2ui[name]) w2ui[name].destroy();
    1075. 

  1075.         if (typeof name === 'object') name.destroy();
    1076. 

  1076.     };
    1077. 

  1077. 

  1078.     $.fn.w2marker = function (str) {
    1079. 

  1079.         if (str === '' || str == null) { // remove marker
    1080. 

  1080.             return $(this).each(function (index, el) {
    1081. 

  1081.                 el.innerHTML = el.innerHTML.replace(/\<span class=\"w2ui\-marker\"\>(.*)\<\/span\>/ig, '$1'); // unmark
    1082. 

  1082.             });
    1083. 

  1083.         } else { // add marker
    1084. 

  1084.             return $(this).each(function (index, el) {
    1085. 

  1085.                 if (typeof str === 'string') str = [str];
    1086. 

  1086.                 el.innerHTML = el.innerHTML.replace(/\<span class=\"w2ui\-marker\"\>(.*)\<\/span\>/ig, '$1'); // unmark
    1087. 

  1087.                 for (var s in str) {
    1088. 

  1088.                     var tmp = str[s];
    1089. 

  1089.                     if (typeof tmp !== 'string') tmp = String(tmp);
    1090. 

  1090.                     // escape regex special chars
    1091. 

  1091.                     tmp = tmp.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&").replace(/&/g, '&amp;').replace(/</g, '&gt;').replace(/>/g, '&lt;');
    1092. 

  1092.                     var regex = new RegExp(tmp + '(?!([^<]+)?>)', "gi"); // only outside tags
    1093. 

  1093.                     el.innerHTML = el.innerHT
    1094.