mobiscroll.frame.jqm.js 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. (function ($) {
  2. var ver = $.mobile && $.mobile.version && $.mobile.version.match(/1\.4/);
  3. $.mobiscroll.themes.frame.jqm = {
  4. jqmBorder: 'a',
  5. jqmBody: ver ? 'a' : 'c',
  6. jqmHeader: 'b',
  7. jqmWheel: 'd',
  8. jqmLine: 'b',
  9. jqmClickPick: 'c',
  10. jqmSet: 'b',
  11. jqmCancel: 'c',
  12. disabledClass: 'ui-disabled',
  13. activeClass: 'ui-btn-active',
  14. activeTabInnerClass: 'ui-btn-active',
  15. btnCalPrevClass: '',
  16. btnCalNextClass: '',
  17. selectedLineHeight: true,
  18. selectedLineBorder: 1,
  19. onThemeLoad: function (lang, s) {
  20. var cal = s.jqmBody || 'c',
  21. txt = s.jqmEventText || 'b',
  22. bubble = s.jqmEventBubble || 'a';
  23. s.dayClass = 'ui-body-a ui-body-' + cal;
  24. s.innerDayClass = 'ui-state-default ui-btn ui-btn-up-' + cal;
  25. s.calendarClass = 'ui-body-a ui-body-' + cal;
  26. s.weekNrClass = 'ui-body-a ui-body-' + cal;
  27. s.eventTextClass = 'ui-btn-up-' + txt;
  28. s.eventBubbleClass = 'ui-body-' + bubble;
  29. },
  30. onEventBubbleShow: function (evd, evc) {
  31. $('.dw-cal-event-list', evc).attr('data-role', 'listview');
  32. evc.page().trigger('create');
  33. },
  34. onMarkupInserted: function (elm, inst) {
  35. var s = inst.settings;
  36. if (ver) {
  37. elm.addClass('mbsc-jqm14');
  38. $('.mbsc-np-btn, .dwwb, .dw-cal-sc-m-cell .dw-i', elm).addClass('ui-btn');
  39. $('.dwbc .dwb, .dw-dr', elm).addClass('ui-btn ui-mini ui-corner-all');
  40. $('.dw-cal-prev .dw-cal-btn-txt', elm).addClass('ui-btn ui-icon-arrow-l ui-btn-icon-notext ui-shadow ui-corner-all');
  41. $('.dw-cal-next .dw-cal-btn-txt', elm).addClass('ui-btn ui-icon-arrow-r ui-btn-icon-notext ui-shadow ui-corner-all');
  42. }
  43. $('.dw', elm).removeClass('dwbg').addClass('ui-selectmenu ui-overlay-shadow ui-corner-all ui-body-' + s.jqmBorder);
  44. $('.dwbc .dwb', elm).attr('data-role', 'button').attr('data-mini', 'true').attr('data-theme', s.jqmCancel);
  45. $('.dwb-s .dwb', elm).addClass('ui-btn-' + s.jqmSet).attr('data-theme', s.jqmSet);
  46. $('.dwwb', elm).attr('data-role', 'button').attr('data-theme', s.jqmClickPick);
  47. $('.dwv', elm).addClass('ui-header ui-bar-' + s.jqmHeader);
  48. $('.dwwr', elm).addClass('ui-corner-all ui-body-' + s.jqmBody);
  49. $('.dwwl', elm).addClass('ui-body-' + s.jqmWheel);
  50. $('.dwwol', elm).addClass('ui-body-' + s.jqmLine);
  51. $('.dwl', elm).addClass('ui-body-' + s.jqmBody);
  52. // Calendar base
  53. $('.dw-cal-tabs', elm).attr('data-role', 'navbar');
  54. $('.dw-cal-prev .dw-cal-btn-txt', elm).attr('data-role', 'button').attr('data-icon', 'arrow-l').attr('data-iconpos', 'notext');
  55. $('.dw-cal-next .dw-cal-btn-txt', elm).attr('data-role', 'button').attr('data-icon', 'arrow-r').attr('data-iconpos', 'notext');
  56. // Calendar events
  57. $('.dw-cal-events', elm).attr('data-role', 'page');
  58. // Rangepicker
  59. $('.dw-dr', elm).attr('data-role', 'button').attr('data-mini', 'true');
  60. // Numpad
  61. $('.mbsc-np-btn', elm).attr('data-role', 'button').attr('data-corners', 'false');
  62. elm.trigger('create');
  63. }
  64. };
  65. })(jQuery);