Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
W
web-apps
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Boris Kocherov
web-apps
Commits
db11c093
Commit
db11c093
authored
Oct 27, 2016
by
Julia Radzhabova
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[SSE] Set sparkline advanced settings.
parent
2e15b8aa
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
128 additions
and
71 deletions
+128
-71
apps/spreadsheeteditor/main/app/view/ChartSettings.js
apps/spreadsheeteditor/main/app/view/ChartSettings.js
+4
-1
apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
+124
-70
No files found.
apps/spreadsheeteditor/main/app/view/ChartSettings.js
View file @
db11c093
...
...
@@ -923,7 +923,10 @@ define([
handler
:
function
(
result
,
value
)
{
if
(
result
==
'
ok
'
)
{
if
(
me
.
api
)
{
if
(
me
.
isChart
)
me
.
api
.
asc_editChartDrawingObject
(
value
.
chartSettings
);
else
me
.
api
.
asc_setSparklineGroup
(
me
.
_state
.
SparkId
,
value
.
chartSettings
);
}
}
Common
.
NotificationCenter
.
trigger
(
'
edit:complete
'
,
me
);
...
...
apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
View file @
db11c093
...
...
@@ -86,6 +86,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
SparkType
:
-
1
};
this
.
_noApply
=
true
;
this
.
_changedProps
=
null
;
this
.
api
=
this
.
options
.
api
;
this
.
chartSettings
=
this
.
options
.
chartSettings
;
...
...
@@ -907,11 +908,21 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
editable
:
false
,
cls
:
'
input-group-nr
'
});
this
.
cmbEmptyCells
.
on
(
'
selected
'
,
_
.
bind
(
function
(
combo
,
record
){
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setDisplayEmpty
(
record
.
value
);
}
},
this
));
this
.
chShowEmpty
=
new
Common
.
UI
.
CheckBox
({
el
:
$
(
'
#spark-dlg-check-show-data
'
),
labelText
:
this
.
textShowData
});
this
.
chShowEmpty
.
on
(
'
change
'
,
_
.
bind
(
function
(
field
,
newValue
,
oldValue
,
eOpts
){
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setDisplayHidden
(
field
.
getValue
()
==
'
checked
'
);
}
},
this
));
// Sparkline axis
...
...
@@ -919,11 +930,21 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
el
:
$
(
'
#spark-dlg-check-show
'
),
labelText
:
this
.
textShowSparkAxis
});
this
.
chShowAxis
.
on
(
'
change
'
,
_
.
bind
(
function
(
field
,
newValue
,
oldValue
,
eOpts
){
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setDisplayXAxis
(
field
.
getValue
()
==
'
checked
'
);
}
},
this
));
this
.
chReverse
=
new
Common
.
UI
.
CheckBox
({
el
:
$
(
'
#spark-dlg-check-reverse
'
),
labelText
:
this
.
textReverseOrder
});
this
.
chReverse
.
on
(
'
change
'
,
_
.
bind
(
function
(
field
,
newValue
,
oldValue
,
eOpts
){
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setRightToLeft
(
field
.
getValue
()
==
'
checked
'
);
}
},
this
));
this
.
cmbSparkMinType
=
new
Common
.
UI
.
ComboBox
({
el
:
$
(
'
#spark-dlg-combo-mintype
'
),
...
...
@@ -937,8 +958,11 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
]
}).
on
(
'
selected
'
,
_
.
bind
(
function
(
combo
,
record
)
{
this
.
spnSparkMinValue
.
setDisabled
(
record
.
value
!==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
);
// if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom)
// this.spnSparkMinValue.setValue(this._originalAxisVValues.minAuto, true);
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setMinAxisType
(
record
.
value
);
}
if
(
record
.
value
==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
&&
_
.
isEmpty
(
this
.
spnSparkMinValue
.
getValue
()))
this
.
spnSparkMinValue
.
setValue
(
0
);
},
this
));
this
.
spnSparkMinValue
=
new
Common
.
UI
.
MetricSpinner
({
...
...
@@ -950,13 +974,9 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
defaultValue
:
0
,
value
:
''
}).
on
(
'
change
'
,
_
.
bind
(
function
(
field
,
newValue
,
oldValue
)
{
// this.cmbSparkMinType.suspendEvents();
// this.cmbSparkMinType.setValue(Asc.c_oAscValAxisRule.fixed);
// this.cmbSparkMinType.resumeEvents();
// if (this.currentAxisProps) {
// this.currentAxisProps.putMinValRule(Asc.c_oAscValAxisRule.fixed);
// this.currentAxisProps.putMinVal(field.getNumberValue());
// }
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setManualMin
(
field
.
getNumberValue
());
}
},
this
));
this
.
cmbSparkMaxType
=
new
Common
.
UI
.
ComboBox
({
...
...
@@ -971,8 +991,11 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
]
}).
on
(
'
selected
'
,
_
.
bind
(
function
(
combo
,
record
)
{
this
.
spnSparkMaxValue
.
setDisabled
(
record
.
value
!==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
);
// if (record.value==Asc.c_oAscSparklineAxisMinMax.Custom) {
// this.spnSparkMaxValue.setValue(this._originalAxisVValues.maxAuto, true);
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setMaxAxisType
(
record
.
value
);
}
if
(
record
.
value
==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
&&
_
.
isEmpty
(
this
.
spnSparkMaxValue
.
getValue
()))
this
.
spnSparkMaxValue
.
setValue
(
0
);
},
this
));
this
.
spnSparkMaxValue
=
new
Common
.
UI
.
MetricSpinner
({
...
...
@@ -984,19 +1007,14 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
defaultValue
:
0
,
value
:
''
}).
on
(
'
change
'
,
_
.
bind
(
function
(
field
,
newValue
,
oldValue
)
{
// this.cmbSparkMaxType.suspendEvents();
// this.cmbSparkMaxType.setValue(Asc.c_oAscValAxisRule.fixed);
// this.cmbSparkMaxType.resumeEvents();
// if (this.currentAxisProps) {
// this.currentAxisProps.putMaxValRule(Asc.c_oAscValAxisRule.fixed);
// this.currentAxisProps.putMaxVal(field.getNumberValue());
// }
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setManualMax
(
field
.
getNumberValue
());
}
},
this
));
this
.
afterRender
();
},
afterRender
:
function
()
{
if
(
this
.
api
&&
this
.
isChart
)
this
.
updateChartStyles
(
this
.
api
.
asc_getChartPreviews
(
this
.
_state
.
ChartType
));
...
...
@@ -1323,14 +1341,40 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
}
this
.
btnSparkType
.
setIconCls
(
'
item-chartlist
'
+
rawData
.
iconCls
);
// this.updateSparkStyles(this.api.asc_getSparkPreviews(rawData.type));
// this.chartSettings.changeType(rawData.type);
// this.updateAxisProps(rawData.type, true);
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setType
(
rawData
.
type
);
}
this
.
chartSettings
.
asc_setType
(
rawData
.
type
);
this
.
_state
.
SparkType
=
rawData
.
type
;
var
changed
=
false
,
value
=
this
.
cmbEmptyCells
.
getValue
();
if
(
rawData
.
type
!==
Asc
.
c_oAscSparklineType
.
Line
&&
this
.
_arrEmptyCells
.
length
>
2
)
{
if
(
value
==
Asc
.
c_oAscEDispBlanksAs
.
Span
)
value
=
Asc
.
c_oAscEDispBlanksAs
.
Gap
;
this
.
_arrEmptyCells
.
pop
();
changed
=
true
;
}
else
if
(
rawData
.
type
==
Asc
.
c_oAscSparklineType
.
Line
&&
this
.
_arrEmptyCells
.
length
<
3
)
{
this
.
_arrEmptyCells
.
push
({
value
:
Asc
.
c_oAscEDispBlanksAs
.
Span
,
displayValue
:
this
.
textEmptyLine
});
changed
=
true
;
}
if
(
changed
)
{
this
.
cmbEmptyCells
.
setData
(
this
.
_arrEmptyCells
);
this
.
cmbEmptyCells
.
setValue
(
value
);
if
(
this
.
_changedProps
)
this
.
_changedProps
.
asc_setDisplayEmpty
(
value
);
}
this
.
updateSparkStyles
(
this
.
chartSettings
.
asc_getStyles
());
},
onSelectSparkStyle
:
function
(
btn
,
picker
,
itemView
,
record
)
{
onSelectSparkStyle
:
function
(
combo
,
record
)
{
if
(
this
.
_noApply
)
return
;
if
(
this
.
_changedProps
)
{
this
.
_changedProps
.
asc_setStyle
(
record
.
get
(
'
data
'
));
}
},
_setDefaults
:
function
(
props
)
{
...
...
@@ -1407,7 +1451,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
if
(
record
)
this
.
btnSparkType
.
setIconCls
(
'
item-chartlist
'
+
record
.
get
(
'
iconCls
'
));
this
.
updateSparkStyles
(
this
.
chartSetting
s
.
asc_getStyles
());
this
.
updateSparkStyles
(
prop
s
.
asc_getStyles
());
if
(
this
.
_state
.
SparkType
!==
Asc
.
c_oAscSparklineType
.
Line
)
this
.
_arrEmptyCells
.
pop
();
...
...
@@ -1422,6 +1466,11 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
this
.
cmbSparkMaxType
.
setValue
(
props
.
asc_getMaxAxisType
(),
true
);
this
.
spnSparkMinValue
.
setDisabled
(
props
.
asc_getMinAxisType
()
!==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
);
this
.
spnSparkMaxValue
.
setDisabled
(
props
.
asc_getMaxAxisType
()
!==
Asc
.
c_oAscSparklineAxisMinMax
.
Custom
);
this
.
spnSparkMinValue
.
setValue
((
props
.
asc_getManualMin
()
!==
null
)
?
props
.
asc_getManualMin
()
:
''
,
true
);
this
.
spnSparkMaxValue
.
setValue
((
props
.
asc_getManualMax
()
!==
null
)
?
props
.
asc_getManualMax
()
:
''
,
true
);
this
.
_changedProps
=
new
Asc
.
sparklineGroup
();
this
.
_noApply
=
false
;
}
}
},
...
...
@@ -1430,8 +1479,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
var
value
,
type
=
this
.
mnuChartTypePicker
.
getSelectedRec
()[
0
].
get
(
'
type
'
);
// Layout
if
(
this
.
isChart
)
{
this
.
chartSettings
.
putType
(
type
);
this
.
chartSettings
.
putStyle
(
this
.
_state
.
ChartStyle
);
...
...
@@ -1473,9 +1521,13 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
this
.
chartSettings
.
putHorAxisProps
(
this
.
horAxisProps
);
return
{
chartSettings
:
this
.
chartSettings
};
}
else
{
return
{
chartSettings
:
this
.
_changedProps
};
}
},
isRangeValid
:
function
()
{
if
(
this
.
isChart
)
{
var
isvalid
;
if
(
!
_
.
isEmpty
(
this
.
txtDataRange
.
getValue
()))
{
isvalid
=
this
.
api
.
asc_checkDataRange
(
Asc
.
c_oAscSelectionDialogType
.
Chart
,
this
.
txtDataRange
.
getValue
(),
true
,
this
.
cmbDataDirect
.
getValue
()
==
0
,
this
.
mnuChartTypePicker
.
getSelectedRec
()[
0
].
get
(
'
type
'
));
...
...
@@ -1492,6 +1544,8 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
}
else
this
.
txtDataRange
.
cmpEl
.
find
(
'
input
'
).
focus
();
return
false
;
}
else
return
true
;
},
onSelectData
:
function
()
{
...
...
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