1
1
import angular from 'angular'
2
2
import d3 from 'd3'
3
- import React from 'react'
4
3
import ReactDOM from 'react-dom'
5
4
import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.jsx'
6
5
@@ -179,19 +178,19 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
179
178
. attr ( 'fill' , function ( d ) {
180
179
return ratingToColor ( $scope . colors , d . start )
181
180
} )
182
- ReactDOM . unmountComponentAtNode ( document . getElementById ( 'chart-tooltip' ) ) ;
183
- ReactDOM . render ( < Tooltip >
184
- < div className = 'tooltip-target' > </ div >
185
- < div className = 'tooltip-body' >
186
- < div className = 'tooltip-rating' > </ div >
187
- < div className = 'tooltip-challenge' >
188
- < div className = 'challenge-name' > </ div >
189
- < div className = 'challenge-date' > </ div >
190
- </ div >
191
- </ div >
192
- </ Tooltip >
193
- , document . getElementById ( 'chart-tooltip' ) ) ;
194
-
181
+ ReactDOM . unmountComponentAtNode ( document . getElementById ( 'chart-tooltip' ) ) ;
182
+ ReactDOM . render ( < Tooltip >
183
+ < div className = 'tooltip-target' > </ div >
184
+ < div className = 'tooltip-body' >
185
+ < div className = 'tooltip-rating' > </ div >
186
+ < div className = 'tooltip-challenge' >
187
+ < div className = 'challenge-name' > </ div >
188
+ < div className = 'challenge-date' > </ div >
189
+ </ div >
190
+ </ div >
191
+ </ Tooltip >
192
+ , document . getElementById ( 'chart-tooltip' ) ) ;
193
+
195
194
svg . selectAll ( 'rect.hover' )
196
195
. data ( ranges )
197
196
. enter ( )
@@ -213,32 +212,32 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
213
212
$scope . displayCoders = true
214
213
$scope . numCoders = d . number
215
214
$scope . $digest ( )
216
-
217
- d3 . select ( '#chart-tooltip' )
218
- . style ( 'left' , ( d3 . event . pageX - 2 ) + 'px' )
215
+
216
+ d3 . select ( '#chart-tooltip' )
217
+ . style ( 'left' , ( d3 . event . pageX - 2 ) + 'px' )
219
218
. style ( 'top' , ( d3 . event . pageY - 2 ) + 'px' )
220
- . style ( 'display' , 'block' )
221
- $ ( '#chart-tooltip' ) . addClass ( 'distribution' )
222
- d3 . select ( '#chart-tooltip .tooltip-container' )
223
- . style ( 'left' , '20px !important' )
219
+ . style ( 'display' , 'block' )
220
+ $ ( '#chart-tooltip' ) . addClass ( 'distribution' )
221
+ d3 . select ( '#chart-tooltip .tooltip-container' )
222
+ . style ( 'left' , '20px !important' )
224
223
. style ( 'top' , '-20px !important' )
225
- . style ( 'opacity' , '1' )
226
- d3 . select ( '#chart-tooltip .tooltip-container .tooltip-pointer' )
227
- . style ( 'left' , '-5.5px !important' )
224
+ . style ( 'opacity' , '1' )
225
+ d3 . select ( '#chart-tooltip .tooltip-container .tooltip-pointer' )
226
+ . style ( 'left' , '-5.5px !important' )
228
227
. style ( 'bottom' , '25px !important' )
229
-
230
- d3 . select ( '#chart-tooltip .challenge-name' ) . text ( $scope . numCoders + ' Coders' ) ;
231
- d3 . select ( '#chart-tooltip .challenge-date' ) . text ( 'Rating Range: ' + $scope . highlightedRating + '-' + ( $scope . highlightedRating + 99 ) ) ;
232
- d3 . select ( '#chart-tooltip .tooltip-rating' ) . text ( $scope . numCoders ) ;
233
- d3 . select ( '#chart-tooltip .tooltip-rating' ) . style ( 'background' , ratingToColor ( $scope . colors , $scope . highlightedRating ) ) ;
234
- $ ( '#chart-tooltip' ) . show ( ) ;
235
-
228
+
229
+ d3 . select ( '#chart-tooltip .challenge-name' ) . text ( $scope . numCoders + ' Coders' ) ;
230
+ d3 . select ( '#chart-tooltip .challenge-date' ) . text ( 'Rating Range: ' + $scope . highlightedRating + '-' + ( $scope . highlightedRating + 99 ) ) ;
231
+ d3 . select ( '#chart-tooltip .tooltip-rating' ) . text ( $scope . numCoders ) ;
232
+ d3 . select ( '#chart-tooltip .tooltip-rating' ) . style ( 'background' , ratingToColor ( $scope . colors , $scope . highlightedRating ) ) ;
233
+ $ ( '#chart-tooltip' ) . show ( ) ;
234
+
236
235
} )
237
236
. on ( 'mouseout' , function ( d ) {
238
237
$scope . displayCoders = false
239
238
$scope . highlightedRating = false
240
- $ ( '#chart-tooltip' ) . removeClass ( 'distribution' )
241
- $ ( '#chart-tooltip' ) . hide ( ) ;
239
+ $ ( '#chart-tooltip' ) . removeClass ( 'distribution' )
240
+ $ ( '#chart-tooltip' ) . hide ( ) ;
242
241
$scope . $digest ( )
243
242
} )
244
243
0 commit comments