Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE] Data tab: show/hide details

Browse source
This commit is contained in:
Julia Radzhabova 2019-05-31 10:59:38 +03:00
parent 3a6f954533
commit 18d37fc50a
4 changed files with 38 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/spreadsheeteditor/main/app/controller/DataTab.js
View file

@ -150,6 +150,7 @@ define([
})).show();
} else if (val!==undefined) //undefined - error, true - rows, false - columns
me.api.asc_group(val);
Common.NotificationCenter.trigger('edit:complete', me.toolbar);
},
onTextToColumn: function() {
@ -179,11 +180,11 @@ define([
},
onShowClick: function() {
// this.api.asc_showDetails();
this.api.asc_changeGroupDetails(true);
},
onHideClick: function() {
// this.api.asc_hideDetails();
this.api.asc_changeGroupDetails(false);
},
textWizard: 'Text to Columns Wizard'

16
apps/spreadsheeteditor/main/app/template/Toolbar.template
View file

@ -161,14 +161,14 @@
<span class="btn-slot text x-huge" id="slot-btn-group"></span>
<span class="btn-slot text x-huge" id="slot-btn-ungroup"></span>
</div>
<!--<div class="group">-->
<!--<div class="elset">-->
<!--<span class="btn-slot" id="slot-btn-show-details" style="width:auto;"></span>-->
<!--</div>-->
<!--<div class="elset">-->
<!--<span class="btn-slot" id="slot-btn-hide-details" style="width:auto;"></span>-->
<!--</div>-->
<!--</div>-->
<div class="group">
<div class="elset">
<span class="btn-slot" id="slot-btn-show-details" style="width:auto;"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-hide-details" style="width:auto;"></span>
</div>
</div>
</section>
</section>
</section>

51
apps/spreadsheeteditor/main/app/view/DataTab.js
View file

@ -60,12 +60,12 @@ define([
me.btnTextToColumns.on('click', function (b, e) {
me.fireEvent('data:tocolumns');
});
// me.btnShow.on('click', function (b, e) {
// me.fireEvent('data:show');
// });
// me.btnHide.on('click', function (b, e) {
// me.fireEvent('data:hide');
// });
me.btnShow.on('click', function (b, e) {
me.fireEvent('data:show');
});
me.btnHide.on('click', function (b, e) {
me.fireEvent('data:hide');
});
}
return {
@ -121,26 +121,25 @@ define([
_injectComponent('#slot-btn-text-column', this.btnTextToColumns);
this.lockedControls.push(this.btnTextToColumns);
// Show / Hide details, TODO: add to sdk
// this.btnShow = new Common.UI.Button({
// cls : 'btn-toolbar',
// iconCls : 'btn-show-details',
// style: 'padding-right: 2px;',
// caption: this.capBtnTextShow,
// lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
// });
// _injectComponent('#slot-btn-show-details', this.btnShow);
// this.lockedControls.push(this.btnShow);
//
// this.btnHide = new Common.UI.Button({
// cls : 'btn-toolbar',
// iconCls : 'btn-hide-details',
// style: 'padding-right: 2px;',
// caption: this.capBtnTextHide,
// lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
// });
// _injectComponent('#slot-btn-hide-details', this.btnHide);
// this.lockedControls.push(this.btnHide);
this.btnShow = new Common.UI.Button({
cls : 'btn-toolbar',
iconCls : 'btn-show-details',
style: 'padding-right: 2px;',
caption: this.capBtnTextShow,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
});
_injectComponent('#slot-btn-show-details', this.btnShow);
this.lockedControls.push(this.btnShow);
this.btnHide = new Common.UI.Button({
cls : 'btn-toolbar',
iconCls : 'btn-hide-details',
style: 'padding-right: 2px;',
caption: this.capBtnTextHide,
lock : [_set.editCell, _set.selChart, _set.selChartText, _set.selShape, _set.selShapeText, _set.selImage, _set.lostConnect, _set.coAuth]
});
_injectComponent('#slot-btn-hide-details', this.btnHide);
this.lockedControls.push(this.btnHide);
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
},

2
apps/spreadsheeteditor/main/resources/less/toolbar.less
View file

@ -161,6 +161,8 @@
.toolbar-btn-icon(rotate-270, 90, @toolbar-icon-size);
.toolbar-btn-icon(flip-hor, 91, @toolbar-icon-size);
.toolbar-btn-icon(flip-vert, 92, @toolbar-icon-size);
.toolbar-btn-icon(btn-show-details, 73, @toolbar-icon-size);
.toolbar-btn-icon(btn-hide-details, 73, @toolbar-icon-size);
@menu-icon-size: 22px;
.menu-btn-icon(mnu-align-center, 0, @menu-icon-size);