@@ -3,10 +3,11 @@ import * as React from 'react';
3
3
import { MatrixCell } from './MatrixCell' ;
4
4
5
5
interface Props {
6
- edge : [ number , number ] [ ] ;
6
+ // edge: [number, number][];
7
7
keys : number ;
8
8
length : number ;
9
9
get : ( elem : number , index : number ) => void ;
10
+ edges : [ number , number ] [ ] ;
10
11
}
11
12
12
13
export class MatrixRow extends Component < Props > {
@@ -16,19 +17,59 @@ export class MatrixRow extends Component<Props> {
16
17
}
17
18
18
19
render ( ) : ReactNode {
19
- console . log ( 'VEC: ' , this . props . edge ) ;
20
+ // console.log('VEC: ', this.props.edge);
20
21
let flag = - 1 ;
22
+ if ( this . props . keys === - 1 ) {
23
+ console . log ( 'FLG' ) ;
24
+ return new Array ( this . props . length ) . fill ( 0 ) . map ( ( e , i ) => {
25
+ flag ++ ;
26
+ console . log ( 'FLAG: ' , flag ) ;
27
+ if ( flag === 0 ) {
28
+ return (
29
+ < div key = { i } style = { { float : 'left' , padding : '2px' , cursor : 'pointer' } } >
30
+ < MatrixCell
31
+ value = { - 3 }
32
+ index = { this . props . keys }
33
+ get = { ( el : number ) => this . get ( el , i ) }
34
+ edges = { ' ' }
35
+ />
36
+ </ div > ) ;
37
+ } else {
38
+ console . log ( 'Edges: ' , this . props . edges [ flag - 1 ] ) ;
39
+ let a = '' ;
40
+ a += this . props . edges [ flag - 1 ] [ 0 ] ;
41
+ a += ',' ;
42
+ a += this . props . edges [ flag - 1 ] [ 1 ] ;
43
+ console . log ( 'Edges string: ' , a ) ;
44
+ return (
45
+ < div key = { i } style = { { float : 'left' , padding : '2px' , cursor : 'pointer' } } >
46
+ < MatrixCell
47
+ value = { - 2 }
48
+ index = { this . props . keys }
49
+ get = { ( el : number ) => this . get ( el , i ) }
50
+ edges = { a }
51
+ />
52
+ </ div > ) ;
53
+ }
54
+
55
+ } ) ;
56
+ }
21
57
return new Array ( this . props . length ) . fill ( 0 ) . map ( ( e , i ) => {
22
58
if ( flag === 0 ) {
23
59
flag ++ ;
24
60
}
25
61
if ( flag === - 1 ) {
26
62
flag ++ ;
27
63
}
28
- /* console.log('MR :', this.count, 'KEY:', this. props.keys, 'Ln:', this.props.length);*/
64
+ console . log ( 'KEYS :' , this . props . keys , 'Ln:' , this . props . length ) ;
29
65
return (
30
66
< div key = { i } style = { { float : 'left' , padding : '2px' , cursor : 'pointer' } } >
31
- < MatrixCell value = { flag } index = { this . props . keys } get = { ( el : number ) => this . get ( el , i ) } />
67
+ < MatrixCell
68
+ value = { flag }
69
+ index = { this . props . keys }
70
+ get = { ( el : number ) => this . get ( el , i ) }
71
+ edges = { ' ' }
72
+ />
32
73
</ div > ) ;
33
74
} ) ;
34
75
}
0 commit comments