[DE][PE] Update chart settings
|
Before Width: | Height: | Size: 485 B After Width: | Height: | Size: 485 B |
|
Before Width: | Height: | Size: 548 B After Width: | Height: | Size: 548 B |
|
Before Width: | Height: | Size: 674 B After Width: | Height: | Size: 674 B |
|
Before Width: | Height: | Size: 407 B After Width: | Height: | Size: 407 B |
|
Before Width: | Height: | Size: 477 B After Width: | Height: | Size: 477 B |
|
Before Width: | Height: | Size: 789 B After Width: | Height: | Size: 789 B |
@ -61,7 +61,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="header"><%= scope.textData %></label>
|
||||
<label class="header" id="chart-data-lbl"><%= scope.textData %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="open-link">
|
||||
@ -71,17 +71,17 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditData %></button>
|
||||
<div id="chart-button-edit-data" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="external-only">
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-update-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textUpdateData %></button>
|
||||
<div id="chart-button-update-data" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="external-only">
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-links" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditLinks %></button>
|
||||
<div id="chart-button-edit-links" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@ -139,6 +139,7 @@ define([
|
||||
this.chartProps = props.get_ChartProperties();
|
||||
|
||||
var externalRef = this.chartProps.getExternalReference();
|
||||
this.lblLinkData.text(externalRef ? this.textLinkedData : this.textData);
|
||||
this.btnEditData.setCaption(externalRef ? this.textSelectData : this.textEditData);
|
||||
this.ExternalOnlySettings.toggleClass('settings-hidden', !externalRef);
|
||||
var text = externalRef ? (externalRef.asc_getSource() || '').replace(new RegExp("%20",'g')," ") : '';
|
||||
@ -360,19 +361,40 @@ define([
|
||||
this.lockedControls.push(this.btnChartType);
|
||||
|
||||
this.btnEditData = new Common.UI.Button({
|
||||
el: $('#chart-button-edit-data')
|
||||
parentEl: $('#chart-button-edit-data'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-select-range',
|
||||
caption : this.textEditData,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.btnEditData);
|
||||
this.btnEditData.on('click', _.bind(this.setEditData, this));
|
||||
|
||||
this.btnUpdateData = new Common.UI.Button({
|
||||
el: $('#chart-button-update-data')
|
||||
parentEl: $('#chart-button-update-data'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-update',
|
||||
caption : this.textUpdateData,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.btnUpdateData);
|
||||
this.btnUpdateData.on('click', _.bind(this.onUpdateData, this));
|
||||
|
||||
this.btnEditLinks = new Common.UI.Button({
|
||||
el: $('#chart-button-edit-links')
|
||||
parentEl: $('#chart-button-edit-links'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-inserthyperlink',
|
||||
caption : this.textEditLinks,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.btnEditLinks);
|
||||
this.btnEditLinks.on('click', _.bind(this.onEditLinks, this));
|
||||
@ -642,6 +664,7 @@ define([
|
||||
$(this.el).on('click', '#chart-advanced-link', _.bind(this.openAdvancedSettings, this));
|
||||
this.linkExternalSrc = $('#chart-open-external-link');
|
||||
$(this.el).on('click', '#chart-open-external-link', _.bind(this.openLink, this));
|
||||
this.lblLinkData = $('#chart-data-lbl');
|
||||
},
|
||||
|
||||
createDelayedElements: function() {
|
||||
@ -1084,7 +1107,8 @@ define([
|
||||
textUpdateData: 'Update Data',
|
||||
textSelectData: 'Select Data',
|
||||
textData: 'Data',
|
||||
textEditLinks: 'Edit links'
|
||||
textEditLinks: 'Edit Links',
|
||||
textLinkedData: 'Linked Data'
|
||||
|
||||
}, DE.Views.ChartSettings || {}));
|
||||
});
|
||||
@ -46,7 +46,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="header"><%= scope.textData %></label>
|
||||
<label class="header" id="chart-data-lbl"><%= scope.textData %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="open-link">
|
||||
@ -56,17 +56,17 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditData %></button>
|
||||
<div id="chart-button-edit-data" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="external-only">
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-update-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textUpdateData %></button>
|
||||
<div id="chart-button-update-data" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="external-only">
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-links" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditLinks %></button>
|
||||
<div id="chart-button-edit-links" style="width:100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@ -120,6 +120,7 @@ define([
|
||||
this.chartProps = props.get_ChartProperties();
|
||||
|
||||
var externalRef = this.chartProps.getExternalReference();
|
||||
this.lblLinkData.text(externalRef ? this.textLinkedData : this.textData);
|
||||
this.btnEditData.setCaption(externalRef ? this.textSelectData : this.textEditData);
|
||||
this.ExternalOnlySettings.toggleClass('settings-hidden', !externalRef);
|
||||
var text = externalRef ? (externalRef.asc_getSource() || '').replace(new RegExp("%20",'g')," ") : '';
|
||||
@ -295,19 +296,40 @@ define([
|
||||
this.lockedControls.push(this.btnChartType);
|
||||
|
||||
this.btnEditData = new Common.UI.Button({
|
||||
el: $('#chart-button-edit-data')
|
||||
parentEl: $('#chart-button-edit-data'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-select-range',
|
||||
caption : this.textEditData,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnEditData.on('click', _.bind(this.setEditData, this));
|
||||
this.lockedControls.push(this.btnEditData);
|
||||
this.btnEditData.on('click', _.bind(this.setEditData, this));
|
||||
|
||||
this.btnUpdateData = new Common.UI.Button({
|
||||
el: $('#chart-button-update-data')
|
||||
parentEl: $('#chart-button-update-data'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-update',
|
||||
caption : this.textUpdateData,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnUpdateData.on('click', _.bind(this.onUpdateData, this));
|
||||
this.lockedControls.push(this.btnUpdateData);
|
||||
this.btnUpdateData.on('click', _.bind(this.onUpdateData, this));
|
||||
|
||||
this.btnEditLinks = new Common.UI.Button({
|
||||
el: $('#chart-button-edit-links')
|
||||
parentEl: $('#chart-button-edit-links'),
|
||||
cls : 'btn-toolbar align-left',
|
||||
iconCls : 'toolbar__icon btn-inserthyperlink',
|
||||
caption : this.textEditLinks,
|
||||
style : 'width: 100%;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.btnEditLinks);
|
||||
this.btnEditLinks.on('click', _.bind(this.onEditLinks, this));
|
||||
@ -577,6 +599,7 @@ define([
|
||||
$(this.el).on('click', '#chart-advanced-link', _.bind(this.openAdvancedSettings, this));
|
||||
this.linkExternalSrc = $('#chart-open-external-link');
|
||||
$(this.el).on('click', '#chart-open-external-link', _.bind(this.openLink, this));
|
||||
this.lblLinkData = $('#chart-data-lbl');
|
||||
|
||||
this.NotCombinedSettings = $('.not-combined');
|
||||
this.Chart3DContainer = $('#chart-panel-3d-rotate');
|
||||
@ -982,6 +1005,7 @@ define([
|
||||
textUpdateData: 'Update Data',
|
||||
textSelectData: 'Select Data',
|
||||
textData: 'Data',
|
||||
textEditLinks: 'Edit links'
|
||||
textEditLinks: 'Edit Links',
|
||||
textLinkedData: 'Linked Data'
|
||||
}, PE.Views.ChartSettings || {}));
|
||||
});
|
||||