|
1 | 1 | <!-- Parent holder for time conductor. follow-mode | fixed-mode -->
|
| 2 | +<style> |
| 3 | + .fixed-mode .l-axis-holder { |
| 4 | + cursor: grab; |
| 5 | + cursor: -webkit-grab; |
| 6 | + } |
| 7 | + |
| 8 | + .fixed-mode .l-axis-holder:active { |
| 9 | + cursor: grabbing; |
| 10 | + cursor: -webkit-grabbing; |
| 11 | + } |
| 12 | +</style> |
2 | 13 | <div ng-controller="TimeConductorController as tcController"
|
3 |
| - class="holder grows flex-elem l-flex-row l-time-conductor {{modeModel.selectedKey}}-mode {{timeSystemModel.selected.metadata.key}}-time-system"> |
| 14 | + class="holder grows flex-elem l-flex-row l-time-conductor {{modeModel.selectedKey}}-mode {{timeSystemModel.selected.metadata.key}}-time-system" |
| 15 | + ng-class="{'status-panning': panning}"> |
4 | 16 |
|
5 | 17 | <div class="flex-elem holder time-conductor-icon">
|
6 | 18 | <div class="hand-little"></div>
|
|
13 | 25 | <form class="l-time-conductor-inputs-holder"
|
14 | 26 | ng-submit="tcController.updateBoundsFromForm(boundsModel)">
|
15 | 27 | <span class="l-time-range-w start-w">
|
16 |
| - <span class="l-time-range-input-w start-date"> |
17 |
| - <span class="title"></span> |
18 |
| - <mct-control key="'datetime-field'" |
19 |
| - structure="{ |
20 |
| - format: timeSystemModel.format, |
21 |
| - validate: tcController.validation.validateStart |
22 |
| - }" |
23 |
| - ng-model="boundsModel" |
24 |
| - ng-blur="tcController.updateBoundsFromForm(boundsModel)" |
25 |
| - field="'start'" |
26 |
| - class="time-range-input"> |
27 |
| - </mct-control> |
28 |
| - </span> |
29 |
| - <span class="l-time-range-input-w time-delta start-delta" |
30 |
| - ng-class="{'hide':(modeModel.selectedKey === 'fixed')}"> |
31 |
| - - |
32 |
| - <mct-control key="'datetime-field'" |
33 |
| - structure="{ |
34 |
| - format: timeSystemModel.deltaFormat, |
35 |
| - validate: tcController.validation.validateStartDelta |
36 |
| - }" |
37 |
| - ng-model="boundsModel" |
38 |
| - ng-blur="tcController.updateDeltasFromForm(boundsModel)" |
39 |
| - field="'startDelta'" |
40 |
| - class="hrs-min-input"> |
41 |
| - </mct-control> |
| 28 | + <span class="l-time-conductor-inputs"> |
| 29 | + <span class="l-time-range-input-w start-date"> |
| 30 | + <span class="title"></span> |
| 31 | + <mct-control key="'datetime-field'" |
| 32 | + structure="{ |
| 33 | + format: timeSystemModel.format, |
| 34 | + validate: tcController.validation.validateStart |
| 35 | + }" |
| 36 | + ng-model="boundsModel" |
| 37 | + ng-blur="tcController.updateBoundsFromForm(boundsModel)" |
| 38 | + field="'start'" |
| 39 | + class="time-range-input"> |
| 40 | + </mct-control> |
| 41 | + </span> |
| 42 | + <span class="l-time-range-input-w time-delta start-delta" |
| 43 | + ng-class="{'hide':(modeModel.selectedKey === 'fixed')}"> |
| 44 | + - |
| 45 | + <mct-control key="'datetime-field'" |
| 46 | + structure="{ |
| 47 | + format: timeSystemModel.deltaFormat, |
| 48 | + validate: tcController.validation.validateStartDelta |
| 49 | + }" |
| 50 | + ng-model="boundsModel" |
| 51 | + ng-blur="tcController.updateDeltasFromForm(boundsModel)" |
| 52 | + field="'startDelta'" |
| 53 | + class="hrs-min-input"> |
| 54 | + </mct-control> |
| 55 | + </span> |
42 | 56 | </span>
|
43 | 57 | </span>
|
44 | 58 | <span class="l-time-range-w end-w">
|
45 |
| - <span class="l-time-range-input-w end-date" |
46 |
| - ng-controller="ToggleController as t2"> |
47 |
| - <span class="title"></span> |
48 |
| - <mct-control key="'datetime-field'" |
49 |
| - structure="{ |
50 |
| - format: timeSystemModel.format, |
51 |
| - validate: tcController.validation.validateEnd |
52 |
| - }" |
53 |
| - ng-model="boundsModel" |
54 |
| - ng-blur="tcController.updateBoundsFromForm(boundsModel)" |
55 |
| - ng-disabled="modeModel.selectedKey !== 'fixed'" |
56 |
| - field="'end'" |
57 |
| - class="time-range-input"> |
58 |
| - </mct-control> |
59 |
| - </span> |
60 |
| - <span class="l-time-range-input-w time-delta end-delta" |
61 |
| - ng-class="{'hide':(modeModel.selectedKey === 'fixed')}"> |
62 |
| - + |
63 |
| - <mct-control key="'datetime-field'" |
64 |
| - structure="{ |
65 |
| - format: timeSystemModel.deltaFormat, |
66 |
| - validate: tcController.validation.validateEndDelta |
67 |
| - }" |
68 |
| - ng-model="boundsModel" |
69 |
| - ng-blur="tcController.updateDeltasFromForm(boundsModel)" |
70 |
| - field="'endDelta'" |
71 |
| - class="hrs-min-input"> |
72 |
| - </mct-control> |
| 59 | + <span class="l-time-conductor-inputs"> |
| 60 | + <span class="l-time-range-input-w end-date" |
| 61 | + ng-controller="ToggleController as t2"> |
| 62 | + <span class="title"></span> |
| 63 | + <mct-control key="'datetime-field'" |
| 64 | + structure="{ |
| 65 | + format: timeSystemModel.format, |
| 66 | + validate: tcController.validation.validateEnd |
| 67 | + }" |
| 68 | + ng-model="boundsModel" |
| 69 | + ng-blur="tcController.updateBoundsFromForm(boundsModel)" |
| 70 | + ng-disabled="modeModel.selectedKey !== 'fixed'" |
| 71 | + field="'end'" |
| 72 | + class="time-range-input"> |
| 73 | + </mct-control> |
| 74 | + </span> |
| 75 | + <span class="l-time-range-input-w time-delta end-delta" |
| 76 | + ng-class="{'hide':(modeModel.selectedKey === 'fixed')}"> |
| 77 | + + |
| 78 | + <mct-control key="'datetime-field'" |
| 79 | + structure="{ |
| 80 | + format: timeSystemModel.deltaFormat, |
| 81 | + validate: tcController.validation.validateEndDelta |
| 82 | + }" |
| 83 | + ng-model="boundsModel" |
| 84 | + ng-blur="tcController.updateDeltasFromForm(boundsModel)" |
| 85 | + field="'endDelta'" |
| 86 | + class="hrs-min-input"> |
| 87 | + </mct-control> |
| 88 | + </span> |
73 | 89 | </span>
|
74 | 90 | </span>
|
75 | 91 |
|
|
0 commit comments