@@ -38,15 +38,15 @@ export class StartStopRootComponentView implements ComponentView {
38
38
const endY = cfg . size + view . height ;
39
39
40
40
const iconSize = parentPlaceIndicator ? cfg . folderIconSize : cfg . defaultIconSize ;
41
- const startCircle = createCircle ( parentPlaceIndicator ? cfg . folderIconD : cfg . startIconD , cfg . size , iconSize ) ;
41
+ const startCircle = createCircle ( 'start' , parentPlaceIndicator ? cfg . folderIconD : cfg . startIconD , cfg . size , iconSize ) ;
42
42
Dom . translate ( startCircle , x , 0 ) ;
43
43
g . appendChild ( startCircle ) ;
44
44
45
45
Dom . translate ( view . g , 0 , cfg . size ) ;
46
46
47
- const endCircle = createCircle ( parentPlaceIndicator ? cfg . folderIconD : cfg . stopIconD , cfg . size , iconSize ) ;
48
- Dom . translate ( endCircle , x , endY ) ;
49
- g . appendChild ( endCircle ) ;
47
+ const stopCircle = createCircle ( 'stop' , parentPlaceIndicator ? cfg . folderIconD : cfg . stopIconD , cfg . size , iconSize ) ;
48
+ Dom . translate ( stopCircle , x , endY ) ;
49
+ g . appendChild ( stopCircle ) ;
50
50
51
51
let startPlaceholder : Placeholder | null = null ;
52
52
let endPlaceholder : Placeholder | null = null ;
@@ -101,16 +101,18 @@ export class StartStopRootComponentView implements ComponentView {
101
101
}
102
102
}
103
103
104
- function createCircle ( d : string , size : number , iconSize : number ) : SVGGElement {
104
+ function createCircle ( classSuffix : string , d : string , size : number , iconSize : number ) : SVGGElement {
105
+ const g = Dom . svg ( 'g' , {
106
+ class : 'sqd-root-start-stop-' + classSuffix
107
+ } ) ;
108
+
105
109
const r = size / 2 ;
106
110
const circle = Dom . svg ( 'circle' , {
107
111
class : 'sqd-root-start-stop-circle' ,
108
112
cx : r ,
109
113
cy : r ,
110
114
r : r
111
115
} ) ;
112
-
113
- const g = Dom . svg ( 'g' ) ;
114
116
g . appendChild ( circle ) ;
115
117
116
118
const offset = ( size - iconSize ) / 2 ;
0 commit comments