Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
matefun
Infantil
Commits
c558957b
Commit
c558957b
authored
Dec 03, 2021
by
Stéfano Pesamosca
Browse files
cross corregidas
parent
10086705
Changes
5
Hide whitespace changes
Inline
Side-by-side
src/components/pipes/DummyPipe.jsx
View file @
c558957b
...
...
@@ -8,7 +8,10 @@ import TopRight from './dummies/TopRight';
import
TopLeft
from
'
./dummies/TopLeft
'
;
import
BottomLeft
from
'
./dummies/BottomLeft
'
;
import
BottomRight
from
'
./dummies/BottomRight
'
;
import
Cross
from
'
./dummies/Cross
'
;
import
Cross_U
from
'
./dummies/Cross_U
'
;
import
Cross_B
from
'
./dummies/Cross_B
'
;
import
Cross_L
from
'
./dummies/Cross_L
'
;
import
Cross_R
from
'
./dummies/Cross_R
'
;
import
UBR_U
from
'
./dummies/UBR_U
'
;
import
UBR_B
from
'
./dummies/UBR_B
'
;
import
UBR_R
from
'
./dummies/UBR_R
'
;
...
...
@@ -68,18 +71,18 @@ export class DummyPipe extends React.Component {
if
(
pipe
.
dir
.
bottom
)
{
if
(
pipe
.
dir
.
right
)
{
if
(
pipe
.
dir
.
left
)
{
return
(<
Cross
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
></
Cross
>)
return
(<
Cross
_U
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
></
Cross
_U
>)
}
else
{
return
(<
UBR
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
return
(<
UBR
_U
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
}
}
else
if
(
pipe
.
dir
.
left
)
{
return
(<
UBL
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
return
(<
UBL
_U
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
}
else
{
return
(<
Vertical
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
}
}
else
if
(
pipe
.
dir
.
right
)
{
if
(
pipe
.
dir
.
left
)
{
return
(<
URL
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
return
(<
URL
_U
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
}
else
{
return
(<
TopRight
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
top
,
mid
)
}
/>)
}
...
...
@@ -91,7 +94,7 @@ export class DummyPipe extends React.Component {
}
else
if
(
pipe
.
dir
.
left
)
{
if
(
pipe
.
dir
.
right
)
{
if
(
pipe
.
dir
.
bottom
)
{
return
(<
BRL
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
left
,
mid
)
}
/>)
return
(<
BRL
_B
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
left
,
mid
)
}
/>)
}
else
{
return
(<
Horizontal
className
=
{
this
.
createDummyPipeOutput
(
pipe
.
dir
.
left
,
mid
)
}
/>)
}
...
...
@@ -130,7 +133,19 @@ export class DummyPipe extends React.Component {
if
(
pipe
.
dir
.
bottom
)
{
if
(
pipe
.
dir
.
right
)
{
if
(
pipe
.
dir
.
left
)
{
return
(<
Cross
className
=
{
types
}
></
Cross
>)
if
(
pipe
.
inDirections
[
0
]
==
"
BOTTOM
"
){
return
(<
Cross_B
className
=
{
types
}
></
Cross_B
>)
}
else
if
(
pipe
.
inDirections
[
0
]
==
"
RIGHT
"
){
return
(<
Cross_R
className
=
{
types
}
></
Cross_R
>)
}
else
if
(
pipe
.
inDirections
[
0
]
==
"
LEFT
"
){
return
(<
Cross_L
className
=
{
types
}
></
Cross_L
>)
}
else
if
(
pipe
.
inDirections
[
0
]
==
"
TOP
"
){
return
(<
Cross_U
className
=
{
types
}
></
Cross_U
>)
}
}
else
{
if
(
pipe
.
inDirections
[
0
]
==
"
BOTTOM
"
){
return
(<
UBR_B
className
=
{
typesInverted
}
/>)
...
...
src/components/pipes/dummies/Cross_B.jsx
0 → 100644
View file @
c558957b
import
React
from
'
react
'
;
const
Cross_B
=
(
props
)
=>
(
<
svg
viewBox
=
"0 0 40 40"
className
=
{
props
.
className
[
0
]
}
>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 10 0 L 10 40 L 15 40 L 15 0 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 14 0 L 14 40 L 19 40 L 19 0 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 18 0 L 18 40 L 23 40 L 23 0 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 22 0 L 22 40 L 27 40 L 27 0 z"
/>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 26 0 L 26 40 L 30 40 L 30 0 z"
/>
{
/* RIGHT*/
}
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 30 10 L 40 10 L 40 15 L 30 15 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 30 14 L 40 14 L 40 19 L 30 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 30 18 L 40 18 L 40 23 L 30 23 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 30 22 L 40 22 L 40 27 L 30 27 z"
/>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 30 26 L 40 26 L 40 30 L 30 30 z"
/>
{
/* LEFT*/
}
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 0 10 L 10 10 L 10 15 L 0 15 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 0 14 L 10 14 L 10 19 L 0 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 0 18 L 10 18 L 10 23 L 0 23 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 0 22 L 10 22 L 10 27 L 0 27 z"
/>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 0 26 L 10 26 L 10 30 L 0 30 z"
/>
</
svg
>
);
export
default
Cross_B
;
\ No newline at end of file
src/components/pipes/dummies/Cross_L.jsx
0 → 100644
View file @
c558957b
import
React
from
'
react
'
;
const
Cross_L
=
(
props
)
=>
(
<
svg
viewBox
=
"0 0 40 40"
className
=
{
props
.
className
[
0
]
}
>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 10 0 L 10 40 L 15 40 L 15 0 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 14 0 L 14 40 L 19 40 L 19 0 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 18 0 L 18 40 L 23 40 L 23 0 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 22 0 L 22 40 L 27 40 L 27 0 z"
/>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 26 0 L 26 40 L 30 40 L 30 0 z"
/>
{
/* RIGHT*/
}
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 30 10 L 40 10 L 40 15 L 30 15 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 30 14 L 40 14 L 40 19 L 30 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 30 18 L 40 18 L 40 23 L 30 23 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 30 22 L 40 22 L 40 27 L 30 27 z"
/>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 30 26 L 40 26 L 40 30 L 30 30 z"
/>
{
/* LEFT*/
}
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 0 10 L 10 10 L 10 15 L 0 15 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 0 14 L 10 14 L 10 19 L 0 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 0 18 L 10 18 L 10 23 L 0 23 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 0 22 L 10 22 L 10 27 L 0 27 z"
/>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 0 26 L 10 26 L 10 30 L 0 30 z"
/>
</
svg
>
);
export
default
Cross_L
;
\ No newline at end of file
src/components/pipes/dummies/Cross_R.jsx
0 → 100644
View file @
c558957b
import
React
from
'
react
'
;
const
Cross_R
=
(
props
)
=>
(
<
svg
viewBox
=
"0 0 40 40"
className
=
{
props
.
className
[
0
]
}
>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 10 0 L 10 40 L 15 40 L 15 0 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 14 0 L 14 40 L 19 40 L 19 0 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 18 0 L 18 40 L 23 40 L 23 0 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 22 0 L 22 40 L 27 40 L 27 0 z"
/>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 26 0 L 26 40 L 30 40 L 30 0 z"
/>
{
/* RIGHT*/
}
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 30 10 L 40 10 L 40 15 L 30 15 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 30 14 L 40 14 L 40 19 L 30 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 30 18 L 40 18 L 40 23 L 30 23 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 30 22 L 40 22 L 40 27 L 30 27 z"
/>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 30 26 L 40 26 L 40 30 L 30 30 z"
/>
{
/* LEFT*/
}
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 0 10 L 10 10 L 10 15 L 0 15 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 0 14 L 10 14 L 10 19 L 0 19 z"
/>
<
path
className
=
{
props
.
className
[
3
]
}
d
=
"M 0 18 L 10 18 L 10 23 L 0 23 z"
/>
<
path
className
=
{
props
.
className
[
4
]
}
d
=
"M 0 22 L 10 22 L 10 27 L 0 27 z"
/>
<
path
className
=
{
props
.
className
[
5
]
}
d
=
"M 0 26 L 10 26 L 10 30 L 0 30 z"
/>
</
svg
>
);
export
default
Cross_R
;
\ No newline at end of file
src/components/pipes/dummies/Cross.jsx
→
src/components/pipes/dummies/Cross
_U
.jsx
View file @
c558957b
import
React
from
'
react
'
;
const
Cross
=
(
props
)
=>
(
const
Cross
_U
=
(
props
)
=>
(
<
svg
viewBox
=
"0 0 40 40"
className
=
{
props
.
className
[
0
]
}
>
<
path
className
=
{
props
.
className
[
1
]
}
d
=
"M 10 0 L 10 40 L 15 40 L 15 0 z"
/>
<
path
className
=
{
props
.
className
[
2
]
}
d
=
"M 14 0 L 14 40 L 19 40 L 19 0 z"
/>
...
...
@@ -25,4 +25,4 @@ const Cross = (props) => (
</
svg
>
);
export
default
Cross
;
\ No newline at end of file
export
default
Cross_U
;
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment