| 1 | define([ |
|---|
| 2 | "dojo/_base/declare", |
|---|
| 3 | "dojo/dom-style", |
|---|
| 4 | "dijit/_WidgetBase", |
|---|
| 5 | "dijit/_TemplatedMixin", |
|---|
| 6 | "dojox/calendar/_RendererMixin", |
|---|
| 7 | "dojo/text!./templates/MobileHorizontalRenderer.html"], |
|---|
| 8 | |
|---|
| 9 | function( |
|---|
| 10 | declare, |
|---|
| 11 | domStyle, |
|---|
| 12 | _WidgetBase, |
|---|
| 13 | _TemplatedMixin, |
|---|
| 14 | _RendererMixin, |
|---|
| 15 | template){ |
|---|
| 16 | |
|---|
| 17 | return declare("dojox.calendar.MobileHorizontalRenderer", [_WidgetBase, _TemplatedMixin, _RendererMixin], { |
|---|
| 18 | |
|---|
| 19 | // summary: |
|---|
| 20 | // The mobile specific item horizontal renderer. |
|---|
| 21 | |
|---|
| 22 | templateString: template, |
|---|
| 23 | |
|---|
| 24 | _orientation: "horizontal", |
|---|
| 25 | |
|---|
| 26 | mobile: true, |
|---|
| 27 | |
|---|
| 28 | visibilityLimits: { |
|---|
| 29 | resizeStartHandle: 50, |
|---|
| 30 | resizeEndHandle: -1, |
|---|
| 31 | summaryLabel: 15, |
|---|
| 32 | startTimeLabel: 32, |
|---|
| 33 | endTimeLabel: 30 |
|---|
| 34 | }, |
|---|
| 35 | |
|---|
| 36 | _displayValue: "inline", |
|---|
| 37 | |
|---|
| 38 | // arrowPadding: Integer |
|---|
| 39 | // The padding size in pixels to apply to the label container on left and/or right side, to show the arrows correctly. |
|---|
| 40 | arrowPadding: 12, |
|---|
| 41 | |
|---|
| 42 | _isElementVisible: function(elt, startHidden, endHidden, size){ |
|---|
| 43 | var d; |
|---|
| 44 | var ltr = this.isLeftToRight(); |
|---|
| 45 | |
|---|
| 46 | if(elt == "startTimeLabel"){ |
|---|
| 47 | if(this.labelContainer && (ltr && endHidden || !ltr && startHidden)){ |
|---|
| 48 | domStyle.set(this.labelContainer, "marginRight", this.arrowPadding+"px"); |
|---|
| 49 | }else{ |
|---|
| 50 | domStyle.set(this.labelContainer, "marginRight", 0); |
|---|
| 51 | } |
|---|
| 52 | if(this.labelContainer && (!ltr && endHidden || ltr && startHidden)){ |
|---|
| 53 | domStyle.set(this.labelContainer, "marginLeft", this.arrowPadding+"px"); |
|---|
| 54 | }else{ |
|---|
| 55 | domStyle.set(this.labelContainer, "marginLeft", 0); |
|---|
| 56 | } |
|---|
| 57 | } |
|---|
| 58 | |
|---|
| 59 | switch(elt){ |
|---|
| 60 | case "startTimeLabel": |
|---|
| 61 | d = this.item.startTime; |
|---|
| 62 | if(this.item.allDay || this.owner.isStartOfDay(d)){ |
|---|
| 63 | return false; |
|---|
| 64 | } |
|---|
| 65 | break; |
|---|
| 66 | case "endTimeLabel": |
|---|
| 67 | d = this.item.endTime; |
|---|
| 68 | if(this.item.allDay || this.owner.isStartOfDay(d)){ |
|---|
| 69 | return false; |
|---|
| 70 | } |
|---|
| 71 | break; |
|---|
| 72 | } |
|---|
| 73 | return this.inherited(arguments); |
|---|
| 74 | }, |
|---|
| 75 | |
|---|
| 76 | postCreate: function() { |
|---|
| 77 | this.inherited(arguments); |
|---|
| 78 | this._applyAttributes(); |
|---|
| 79 | } |
|---|
| 80 | }); |
|---|
| 81 | }); |
|---|
