Migrate time picker to use es6 helpers
parent
fea1ef2258
commit
d1ad367afe
|
@ -1,5 +1,5 @@
|
||||||
css = require './style'
|
css = require './style'
|
||||||
prefixer = require "../prefixer"
|
prefixer = require '../util/prefixer'
|
||||||
|
|
||||||
module.exports = React.createClass
|
module.exports = React.createClass
|
||||||
displayName : 'Hand'
|
displayName : 'Hand'
|
||||||
|
@ -87,7 +87,7 @@ module.exports = React.createClass
|
||||||
|
|
||||||
# -- Render
|
# -- Render
|
||||||
render: ->
|
render: ->
|
||||||
style = prefixer.transform("rotate(#{@state.angle}deg)")
|
style = prefixer(transform: "rotate(#{@state.angle}deg")
|
||||||
style.height = @props.length - @state.knobWidth/2
|
style.height = @props.length - @state.knobWidth/2
|
||||||
|
|
||||||
<div className={css.hand + ' ' + @props.className} style={style}>
|
<div className={css.hand + ' ' + @props.className} style={style}>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
css = require './style'
|
css = require './style'
|
||||||
dateUtils = require '../date_utils'
|
date = require '../util/date-time'
|
||||||
Hours = require './hours'
|
Hours = require './hours'
|
||||||
Minutes = require './minutes'
|
Minutes = require './minutes'
|
||||||
|
|
||||||
module.exports = React.createClass
|
module.exports = React.createClass
|
||||||
displayName : 'Clock'
|
displayName : 'Clock'
|
||||||
|
@ -41,10 +41,10 @@ module.exports = React.createClass
|
||||||
|
|
||||||
# -- Events handlers
|
# -- Events handlers
|
||||||
onHourChange: (hours) ->
|
onHourChange: (hours) ->
|
||||||
@setState time: dateUtils.setHours(@state.time, @_adaptHourToFormat(hours))
|
@setState time: date.setHours(@state.time, @_adaptHourToFormat(hours))
|
||||||
|
|
||||||
onMinuteChange: (minutes) ->
|
onMinuteChange: (minutes) ->
|
||||||
@setState time: dateUtils.setMinutes(@state.time, minutes)
|
@setState time: date.setMinutes(@state.time, minutes)
|
||||||
|
|
||||||
# -- Helper methods
|
# -- Helper methods
|
||||||
_getRadius: ->
|
_getRadius: ->
|
||||||
|
@ -52,7 +52,7 @@ module.exports = React.createClass
|
||||||
|
|
||||||
_adaptHourToFormat: (hour) ->
|
_adaptHourToFormat: (hour) ->
|
||||||
if @props.format == 'ampm'
|
if @props.format == 'ampm'
|
||||||
if dateUtils.timeMode(@state.time) == 'pm'
|
if date.getTimeMode(@state.time) == 'pm'
|
||||||
if hour < 12 then hour + 12 else hour
|
if hour < 12 then hour + 12 else hour
|
||||||
else
|
else
|
||||||
if hour == 12 then 0 else hour
|
if hour == 12 then 0 else hour
|
||||||
|
@ -73,7 +73,7 @@ module.exports = React.createClass
|
||||||
|
|
||||||
# -- Public methods
|
# -- Public methods
|
||||||
toggleTimeMode: ->
|
toggleTimeMode: ->
|
||||||
@setState time: dateUtils.toggleTimeMode(@state.time)
|
@setState time: date.toggleTimeMode(@state.time)
|
||||||
|
|
||||||
# -- Render
|
# -- Render
|
||||||
render: ->
|
render: ->
|
||||||
|
|
|
@ -1,9 +1,8 @@
|
||||||
css = require './style'
|
css = require './style'
|
||||||
dateUtils = require '../date_utils'
|
date = require '../util/date-time'
|
||||||
|
Button = require '../button'
|
||||||
Button = require '../button'
|
Clock = require '../clock'
|
||||||
Clock = require '../clock'
|
Dialog = require '../dialog'
|
||||||
Dialog = require '../dialog'
|
|
||||||
|
|
||||||
module.exports = React.createClass
|
module.exports = React.createClass
|
||||||
displayName : 'TimePickerDialog'
|
displayName : 'TimePickerDialog'
|
||||||
|
@ -61,7 +60,7 @@ module.exports = React.createClass
|
||||||
render: ->
|
render: ->
|
||||||
className = " "
|
className = " "
|
||||||
className += " display-#{@state.display}"
|
className += " display-#{@state.display}"
|
||||||
className += " format-#{dateUtils.timeMode(@state.time)}"
|
className += " format-#{date.getTimeMode(@state.time)}"
|
||||||
|
|
||||||
<Dialog ref="dialog" type={css.dialog} className={className} actions={@state.actions}>
|
<Dialog ref="dialog" type={css.dialog} className={className} actions={@state.actions}>
|
||||||
<header className={css.header}>
|
<header className={css.header}>
|
||||||
|
|
|
@ -142,7 +142,7 @@ module.exports = {
|
||||||
|
|
||||||
setMinutes (d, minutes) {
|
setMinutes (d, minutes) {
|
||||||
let newDate = this.clone(d);
|
let newDate = this.clone(d);
|
||||||
newDate.setHours(minutes);
|
newDate.setMinutes(minutes);
|
||||||
return newDate;
|
return newDate;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue