Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Fractalis
fractal.js
Commits
defbe7fe
Commit
defbe7fe
authored
Jul 19, 2018
by
Sascha Herzinger
Browse files
#2 and #5
parent
2760d763
Changes
7
Hide whitespace changes
Inline
Side-by-side
src/vue/charts/Boxplot.vue
View file @
defbe7fe
...
...
@@ -5,6 +5,7 @@
<data-box
class=
"fjs-data-box"
header=
"Numerical Variables"
:dataTypes=
"['numerical', 'numerical_array']"
:validRange=
"[1, Infinity]"
v-on:update=
"update_numData"
>
</data-box>
<data-box
class=
"fjs-data-box"
...
...
src/vue/charts/Heatmap.vue
View file @
defbe7fe
...
...
@@ -4,6 +4,7 @@
<data-box
class=
"fjs-data-box"
header=
"Numerical Variables"
:dataTypes=
"['numerical_array']"
:validRange=
"[1, Infinity]"
v-on:update=
"update_numericArrayData"
>
</data-box>
<hr
class=
"fjs-seperator"
/>
...
...
src/vue/charts/PCA.vue
View file @
defbe7fe
...
...
@@ -5,6 +5,7 @@
<data-box
class=
"fjs-data-box"
header=
"Numerical Variables"
:dataTypes=
"['numerical', 'numerical_array']"
:validRange=
"[2, Infinity]"
v-on:update=
"update_featureData"
>
</data-box>
<data-box
class=
"fjs-data-box"
...
...
src/vue/charts/Scatterplot.vue
View file @
defbe7fe
...
...
@@ -5,6 +5,7 @@
<data-box
class=
"fjs-data-box"
header=
"Numerical Variables"
:dataTypes=
"['numerical', 'numerical_array']"
:validRange=
"[2, 2]"
v-on:update=
"update_xyData"
>
</data-box>
<data-box
class=
"fjs-data-box"
...
...
src/vue/charts/Survivalplot.vue
View file @
defbe7fe
...
...
@@ -4,6 +4,7 @@
<data-box
class=
"fjs-data-box"
header=
"Duration [numerical]"
:data-types=
"['numerical']"
:validRange=
"[1, 1]"
v-on:update=
"updateDurationVariable"
>
</data-box>
<data-box
class=
"fjs-data-box"
...
...
src/vue/charts/Volcanoplot.vue
View file @
defbe7fe
...
...
@@ -4,6 +4,7 @@
<data-box
class=
"fjs-data-box"
header=
"Numerical Array Variables"
:data-types=
"['numerical_array']"
:validRange=
"[1, Infinity]"
v-on:update=
"update_arrays"
>
</data-box>
<hr
class=
"fjs-seperator"
/>
...
...
src/vue/components/DataBox.vue
View file @
defbe7fe
<
template
>
<div
class=
"fjs-data-box"
>
<span
class=
"fjs-header-label"
>
{{
header
}}
</span>
<div
class=
"fjs-data-window"
>
<div
class=
"fjs-header"
>
<span
class=
"fjs-header-label"
>
{{
header
}}
</span>
<span
class=
"fjs-error-text"
v-if=
"!isInValidRange"
>
Please select between
{{
validRange
[
0
]
}}
and
{{
validRange
[
1
]
}}
variables
</span>
</div>
<div
class=
"fjs-data-window"
:class=
"
{'fjs-invalid-range-window': !isInValidRange}">
<div
class=
"fjs-item"
v-for=
"item in items"
>
<div
class=
"fjs-item-head"
>
...
...
@@ -10,7 +13,7 @@
v-model=
"checkedIds"
:disabled=
"item.etl_state !== 'SUCCESS'"
/>
<span
class=
"fjs-item-label"
:data-state=
"item.etl_state"
>
{{
(
item
.
etl_state
===
'
SUBMITTED
'
?
'
L
oading
:
'
:
''
)
+
item
.
label
}}
{{
(
item
.
etl_state
===
'
SUBMITTED
'
?
'
L
OADING:
'
:
item
.
etl_state
===
'
FAILURE
'
?
'
ERROR
:
'
:
''
)
+
item
.
label
}}
</span>
<span
class=
"fjs-item-options"
@
click=
"toggleItemBody(item.task_id)"
>
☰
</span>
</div>
...
...
@@ -36,6 +39,7 @@
<
script
>
import
store
from
'
../../store/store
'
import
Autocomplete
from
'
./Autocomplete.vue
'
import
_
from
'
lodash
'
export
default
{
components
:
{
Autocomplete
...
...
@@ -56,6 +60,11 @@
header
:
{
type
:
String
,
required
:
true
},
validRange
:
{
type
:
Array
,
required
:
false
,
default
:
()
=>
[
0
,
Infinity
]
}
},
computed
:
{
...
...
@@ -72,13 +81,16 @@
return
this
.
checkedIds
.
filter
(
id
=>
this
.
existing_ids
.
includes
(
id
))
.
map
(
id
=>
`$
${
JSON
.
stringify
({
id
,
filters
:
{
feature
:
this
.
featureFilter
[
id
]
}})}
$`
)
},
isInValidRange
()
{
return
this
.
checkedIds
.
length
>=
this
.
validRange
[
0
]
&&
this
.
checkedIds
.
length
<=
this
.
validRange
[
1
]
}
},
watch
:
{
'
transformedIDs
'
:
{
handler
:
function
(
newTransformedIDs
,
oldTransformedIDs
)
{
// avoid emitting signals and thus triggering watchers if selected ids didn't change
if
(
JSON
.
stringify
(
newTransformedIDs
)
!==
JSON
.
stringify
(
oldTransformedIDs
))
{
if
(
this
.
isInValidRange
&&
!
_
.
isEqual
(
newTransformedIDs
,
oldTransformedIDs
))
{
this
.
$emit
(
'
update
'
,
newTransformedIDs
)
}
}
...
...
@@ -117,6 +129,11 @@
.fjs-data-box
text-align
:
start
margin
:
1vh
0
1vh
0
.fjs-header
display
:
flex
flex-direction
:
column
.fjs-error-text
color
:
#f0ff9b
.fjs-data-window
height
:
10vh
min-width
:
15vw
...
...
@@ -142,11 +159,11 @@
&
[
data-state
=
"SUBMITTED"
]
animation
:
loadingColorCycle
2s
infinite
&
[
data-state
=
"FAILURE"
]
color
:
#f
f6565
color
:
#f
0ff9b
.fjs-item-body
padding
:
0
.25vh
0
.25vw
0
.25vh
0
.25vw
>
span
color
:
#f
f6565
color
:
#f
0ff9b
.fjs-action-btns
display
:
flex
flex-direction
:
row
...
...
@@ -159,6 +176,8 @@
font-size
:
1
.5em
.fjs-autocomplete
text-align
:
center
.fjs-invalid-range-window
border-color
:
#f0ff9b
@keyframes
loadingColorCycle
0
%
opacity
:
1
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new 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