Skip to content

Commit 33a10d2

Browse files
g1ebg1eb
committed
Move all angular scope bindings into ng-bind directives.
1 parent db975b2 commit 33a10d2

File tree

3 files changed

+29
-36
lines changed

3 files changed

+29
-36
lines changed

‎src/date-input.html

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,22 @@
22
<div class="display"
33
ng-click="toggleEditPopover()"
44
ng-class="{'active': !!selected }">
5-
<div class="date">{{ date.format('DD MMMM YYYY') }}</div>
6-
<div ng-if="!date" class="placeholder">{{ placeholder }}</div>
5+
<div class="date" ng-bind="date.format('DD MMMM YYYY')"></div>
6+
<div ng-if="!date" class="placeholder" ng-bind="placeholder"></div>
77
</div>
88
<div class="edit-popover" ng-show="!!selected">
9-
<div class="header">
10-
{{ selected.format('DD MMMM YYYY') }}
11-
</div>
9+
<div class="header" ng-bind="selected.format('DD MMMM YYYY')"></div>
1210
<div class="calendar">
1311
<div class="calendar-header">
1412
<div class="arrow arrow-left" ng-click="calendar.subtract(1, 'months')"></div>
15-
{{ calendar.format('MMMM') }}
13+
<span ng-bind="calendar.format('MMMM')"></span>
1614
<div class="arrow arrow-right" ng-click="calendar.add(1, 'months')"></div>
1715
</div>
1816
<div class="calendar-body">
1917
<div class="weekdays">
20-
<span class="weekday" ng-repeat="weekday in 'weeeeek' track by $index">
21-
{{ calendar.clone().startOf('week').add($index, 'days').format('ddd') }}
22-
</span>
18+
<span class="weekday"
19+
ng-repeat="weekday in 'weeeeek' track by $index"
20+
ng-bind="calendar.clone().startOf('week').add($index, 'days').format('ddd')"></span>
2321
</div>
2422
<div class="week" ng-repeat="week in 'months' | limitTo: ((calendar.clone().endOf('month').week() - calendar.clone().startOf('month').week()) + 1) track by $index">
2523
<span class="date" ng-repeat="date in 'weeeeek' track by $index"
@@ -28,9 +26,8 @@
2826
'active': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(selected.clone().startOf('day')),
2927
'inactive': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month() !== calendar.month()
3028
}"
31-
ng-click="update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)">
32-
{{ calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date() }}
33-
</span>
29+
ng-click="update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)"
30+
ng-bind="calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()"></span>
3431
</div>
3532
</div>
3633
</div>

‎src/datetime-input.html

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,25 @@
22
<div class="display"
33
ng-click="toggleEditPopover()"
44
ng-class="{'active': !!selected }">
5-
<div class="date">{{ datetime.format('DD MMMM YYYY') }}</div>
6-
<div class="time">{{ datetime.format('HH : mm : ss') }}</div>
7-
<div ng-if="!datetime" class="placeholder">{{ placeholder }}</div>
5+
<div class="date" ng-bind="datetime.format('DD MMMM YYYY')"></div>
6+
<div class="time" ng-bind="datetime.format('HH : mm : ss')"></div>
7+
<div ng-if="!datetime" class="placeholder" ng-bind="placeholder"></div>
88
</div>
99
<div class="edit-popover" ng-show="!!selected">
1010
<div class="header"
11-
ng-click="calendar_active = !calendar_active">
12-
{{ selected.format('DD MMMM YYYY') }}
13-
</div>
11+
ng-click="calendar_active = !calendar_active"
12+
ng-bind="selected.format('DD MMMM YYYY')"></div>
1413
<div class="calendar" ng-show="!!calendar_active">
1514
<div class="calendar-header">
1615
<div class="arrow arrow-left" ng-click="calendar.subtract(1, 'months')"></div>
17-
{{ calendar.format('MMMM') }}
16+
<span ng-bind="calendar.format('MMMM')"></span>
1817
<div class="arrow arrow-right" ng-click="calendar.add(1, 'months')"></div>
1918
</div>
2019
<div class="calendar-body">
2120
<div class="weekdays">
22-
<span class="weekday" ng-repeat="weekday in 'weeeeek' track by $index">
23-
{{ calendar.clone().startOf('week').add($index, 'days').format('ddd') }}
24-
</span>
21+
<span class="weekday"
22+
ng-repeat="weekday in 'weeeeek' track by $index"
23+
ng-bind="calendar.clone().startOf('week').add($index, 'days').format('ddd')"></span>
2524
</div>
2625
<div class="week" ng-repeat="week in 'months' | limitTo: ((calendar.clone().endOf('month').week() - calendar.clone().startOf('month').week()) + 1) track by $index">
2726
<span class="date" ng-repeat="date in 'weeeeek' track by $index"
@@ -30,28 +29,27 @@
3029
'active': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(selected.clone().startOf('day')),
3130
'inactive': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month() !== calendar.month()
3231
}"
33-
ng-click="update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)">
34-
{{ calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date() }}
35-
</span>
32+
ng-click="update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)"
33+
ng-bind="calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()"></span>
3634
</div>
3735
</div>
3836
</div>
3937
<div class="timer">
4038
<div class="timer-hours">
4139
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'hours'))"></div>
42-
{{ selected.format('HH') }}
40+
<span ng-bind="selected.format('HH')"></span>
4341
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'hours'))"></div>
4442
</div>
4543
<div class="timer-divider">:</div>
4644
<div class="timer-minutes">
4745
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'minutes'))"></div>
48-
{{ selected.format('mm') }}
46+
<span ng-bind="selected.format('mm')"></span>
4947
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
5048
</div>
5149
<div class="timer-divider">:</div>
5250
<div class="timer-seconds">
5351
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'seconds'))"></div>
54-
{{ selected.format('ss') }}
52+
<span ng-bind="selected.format('ss')"></span>
5553
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'seconds'))"></div>
5654
</div>
5755
</div>

‎src/time-input.html

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,27 @@
22
<div class="display"
33
ng-click="toggleEditPopover()"
44
ng-class="{'active': !!selected }">
5-
<div class="time">{{ time.format('HH : mm : ss') }}</div>
6-
<div ng-if="!time" class="placeholder">{{ placeholder }}</div>
5+
<div class="time" ng-bind="time.format('HH : mm : ss')"></div>
6+
<div ng-if="!time" class="placeholder" ng-bind="placeholder"></div>
77
</div>
88
<div class="edit-popover" ng-show="!!selected">
9-
<div class="header">
10-
{{ selected.format('DD MMMM YYYY') }}
11-
</div>
9+
<div class="header" ng-bind="selected.format('DD MMMM YYYY')"></div>
1210
<div class="timer">
1311
<div class="timer-hours">
1412
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'hours'))"></div>
15-
{{ selected.format('HH') }}
13+
<span ng-bind="selected.format('HH')"></span>
1614
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'hours'))"></div>
1715
</div>
1816
<div class="timer-divider">:</div>
1917
<div class="timer-minutes">
2018
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'minutes'))"></div>
21-
{{ selected.format('mm') }}
19+
<span ng-bind="selected.format('mm')"></span>
2220
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'minutes'))"></div>
2321
</div>
2422
<div class="timer-divider">:</div>
2523
<div class="timer-seconds">
2624
<div class="arrow arrow-up" ng-click="update(selected.clone().add(1, 'seconds'))"></div>
27-
{{ selected.format('ss') }}
25+
<span ng-bind="selected.format('ss')"></span>
2826
<div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, 'seconds'))"></div>
2927
</div>
3028
</div>

0 commit comments

Comments
 (0)