3.0 source code
This commit is contained in:
@@ -1,261 +1,261 @@
|
||||
/*
|
||||
* (c) Copyright Ascensio System SIA 2010-2014
|
||||
*
|
||||
* This program is a free software product. You can redistribute it and/or
|
||||
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
||||
* version 3 as published by the Free Software Foundation. In accordance with
|
||||
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
||||
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
||||
* of any third-party rights.
|
||||
*
|
||||
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
||||
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
||||
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||
*
|
||||
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
|
||||
* EU, LV-1021.
|
||||
*
|
||||
* The interactive user interfaces in modified source and object code versions
|
||||
* of the Program must display Appropriate Legal Notices, as required under
|
||||
* Section 5 of the GNU AGPL version 3.
|
||||
*
|
||||
* Pursuant to Section 7(b) of the License you must retain the original Product
|
||||
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
||||
* grant you any rights under trademark law for use of our trademarks.
|
||||
*
|
||||
* All the Product's GUI elements, including illustrations and icon sets, as
|
||||
* well as technical writing content are licensed under the terms of the
|
||||
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
||||
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
*
|
||||
*/
|
||||
Ext.define("SSE.controller.toolbar.View", {
|
||||
extend: "Ext.app.Controller",
|
||||
config: {
|
||||
refs: {
|
||||
viewToolbar: "viewtoolbar",
|
||||
searchToolbar: "searchtoolbar",
|
||||
worksheetPanel: "#id-worksheets-panel",
|
||||
doneButton: "#id-tb-btn-view-done",
|
||||
searchButton: "#id-tb-btn-search",
|
||||
fullscreenButton: "#id-tb-btn-fullscreen",
|
||||
shareButton: "#id-tb-btn-view-share",
|
||||
worksheetsButton: "#id-tb-btn-pages"
|
||||
},
|
||||
control: {
|
||||
doneButton: {
|
||||
tap: "onTapDoneButton"
|
||||
},
|
||||
searchButton: {
|
||||
tap: "onTapSearchButton"
|
||||
},
|
||||
fullscreenButton: {
|
||||
tap: "onTapFullscreenButton"
|
||||
},
|
||||
shareButton: {
|
||||
tap: "onTapShareButton"
|
||||
},
|
||||
worksheetsButton: {
|
||||
tap: "onTapWorksheets"
|
||||
},
|
||||
"#id-worksheets-panel seworksheetlist list": {
|
||||
itemtap: "onSelectWorksheet"
|
||||
}
|
||||
},
|
||||
searchMode: false,
|
||||
fullscreenMode: false
|
||||
},
|
||||
launch: function () {
|
||||
this.callParent(arguments);
|
||||
Common.Gateway.on("init", Ext.bind(this.loadConfig, this));
|
||||
},
|
||||
initControl: function () {
|
||||
this.callParent(arguments);
|
||||
},
|
||||
initApi: function () {},
|
||||
setApi: function (o) {
|
||||
this.api = o;
|
||||
if (this.api) {
|
||||
this.api.asc_registerCallback("asc_onTapEvent", Ext.bind(this.onSingleTapDocument, this));
|
||||
}
|
||||
},
|
||||
loadConfig: function (data) {
|
||||
var doneButton = this.getDoneButton();
|
||||
if (doneButton && data && data.config && data.config.canBackToFolder === true) {
|
||||
doneButton.show();
|
||||
}
|
||||
},
|
||||
applySearchMode: function (search) {
|
||||
if (!Ext.isBoolean(search)) {
|
||||
Ext.Logger.error("Invalid parameters.");
|
||||
} else {
|
||||
var me = this,
|
||||
searchToolbar = me.getSearchToolbar(),
|
||||
searchButton = me.getSearchButton();
|
||||
if (searchToolbar) {
|
||||
if (search) {
|
||||
searchButton && searchButton.addCls("x-button-pressing");
|
||||
if (me.getFullscreenMode()) {
|
||||
searchToolbar.show({
|
||||
easing: "ease-out",
|
||||
preserveEndState: true,
|
||||
autoClear: false,
|
||||
from: {
|
||||
top: "22px",
|
||||
opacity: 0.3
|
||||
},
|
||||
to: {
|
||||
top: "44px",
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
} else {
|
||||
searchToolbar.show();
|
||||
}
|
||||
} else {
|
||||
if (me.getFullscreenMode()) {
|
||||
searchToolbar.hide({
|
||||
easing: "ease-in",
|
||||
to: {
|
||||
top: "22px",
|
||||
opacity: 0.3
|
||||
}
|
||||
});
|
||||
} else {
|
||||
searchToolbar.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
return search;
|
||||
}
|
||||
},
|
||||
applyFullscreenMode: function (fullscreen) {
|
||||
if (!Ext.isBoolean(fullscreen)) {
|
||||
Ext.Logger.error("Invalid parameters.");
|
||||
} else {
|
||||
var viewToolbar = this.getViewToolbar(),
|
||||
searchToolbar = this.getSearchToolbar(),
|
||||
fullscreenButton = this.getFullscreenButton(),
|
||||
popClipCmp = Ext.ComponentQuery.query("popclip");
|
||||
if (popClipCmp.length > 0) {
|
||||
popClipCmp[0].hide();
|
||||
}
|
||||
if (viewToolbar && searchToolbar) {
|
||||
if (fullscreen) {
|
||||
fullscreenButton && fullscreenButton.addCls("x-button-pressing");
|
||||
viewToolbar.setStyle({
|
||||
position: "absolute",
|
||||
left: 0,
|
||||
top: 0,
|
||||
right: 0,
|
||||
opacity: 0.9,
|
||||
"z-index": 17
|
||||
});
|
||||
searchToolbar.setStyle({
|
||||
position: "absolute",
|
||||
left: 0,
|
||||
top: "44px",
|
||||
right: 0,
|
||||
opacity: 0.9,
|
||||
"z-index": 16
|
||||
});
|
||||
this.setHiddenToolbars(true);
|
||||
} else {
|
||||
viewToolbar.setStyle({
|
||||
position: "initial",
|
||||
opacity: 1
|
||||
});
|
||||
searchToolbar.setStyle({
|
||||
position: "initial",
|
||||
opacity: 1
|
||||
});
|
||||
viewToolbar.setDocked("top");
|
||||
searchToolbar.setDocked("top");
|
||||
}
|
||||
}
|
||||
return fullscreen;
|
||||
}
|
||||
},
|
||||
setHiddenToolbars: function (hide) {
|
||||
var viewToolbar = this.getViewToolbar(),
|
||||
searchToolbar = this.getSearchToolbar();
|
||||
if (viewToolbar && searchToolbar) {
|
||||
if (hide) {
|
||||
viewToolbar.hide({
|
||||
easing: "ease-out",
|
||||
from: {
|
||||
opacity: 0.9
|
||||
},
|
||||
to: {
|
||||
opacity: 0
|
||||
}
|
||||
});
|
||||
searchToolbar.hide({
|
||||
easing: "ease-out",
|
||||
from: {
|
||||
opacity: 0.9
|
||||
},
|
||||
to: {
|
||||
opacity: 0
|
||||
}
|
||||
});
|
||||
} else {
|
||||
viewToolbar.show({
|
||||
preserveEndState: true,
|
||||
easing: "ease-in",
|
||||
from: {
|
||||
opacity: 0
|
||||
},
|
||||
to: {
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
this.getSearchMode() && searchToolbar.show({
|
||||
preserveEndState: true,
|
||||
easing: "ease-in",
|
||||
from: {
|
||||
opacity: 0
|
||||
},
|
||||
to: {
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
onTapDoneButton: function () {
|
||||
Common.Gateway.goBack();
|
||||
},
|
||||
onTapSearchButton: function (btn) {
|
||||
this.setSearchMode(!this.getSearchMode());
|
||||
},
|
||||
onTapFullscreenButton: function (btn) {
|
||||
this.setFullscreenMode(!this.getFullscreenMode());
|
||||
if (this.api) {
|
||||
this.api.asc_Resize();
|
||||
}
|
||||
},
|
||||
onTapShareButton: function () {
|
||||
this.api && this.api.asc_Print();
|
||||
Common.component.Analytics.trackEvent("ToolBar View", "Share");
|
||||
},
|
||||
onSingleTapDocument: function () {
|
||||
var viewToolbar = this.getViewToolbar();
|
||||
if (viewToolbar && this.getFullscreenMode()) {
|
||||
this.setHiddenToolbars(!viewToolbar.isHidden());
|
||||
}
|
||||
},
|
||||
onTapWorksheets: function () {
|
||||
var worksheetPanel = this.getWorksheetPanel(),
|
||||
worksheetsButton = this.getWorksheetsButton();
|
||||
if (worksheetPanel) {
|
||||
worksheetPanel.showBy(worksheetsButton);
|
||||
}
|
||||
},
|
||||
onSelectWorksheet: function (dataview, index, target, record, event, eOpts) {
|
||||
var worksheetPanel = this.getWorksheetPanel();
|
||||
if (worksheetPanel) {
|
||||
worksheetPanel.hide();
|
||||
}
|
||||
}
|
||||
/*
|
||||
* (c) Copyright Ascensio System SIA 2010-2015
|
||||
*
|
||||
* This program is a free software product. You can redistribute it and/or
|
||||
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
||||
* version 3 as published by the Free Software Foundation. In accordance with
|
||||
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
||||
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
||||
* of any third-party rights.
|
||||
*
|
||||
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
||||
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
||||
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||
*
|
||||
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
|
||||
* EU, LV-1021.
|
||||
*
|
||||
* The interactive user interfaces in modified source and object code versions
|
||||
* of the Program must display Appropriate Legal Notices, as required under
|
||||
* Section 5 of the GNU AGPL version 3.
|
||||
*
|
||||
* Pursuant to Section 7(b) of the License you must retain the original Product
|
||||
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
||||
* grant you any rights under trademark law for use of our trademarks.
|
||||
*
|
||||
* All the Product's GUI elements, including illustrations and icon sets, as
|
||||
* well as technical writing content are licensed under the terms of the
|
||||
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
||||
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
*
|
||||
*/
|
||||
Ext.define("SSE.controller.toolbar.View", {
|
||||
extend: "Ext.app.Controller",
|
||||
config: {
|
||||
refs: {
|
||||
viewToolbar: "viewtoolbar",
|
||||
searchToolbar: "searchtoolbar",
|
||||
worksheetPanel: "#id-worksheets-panel",
|
||||
doneButton: "#id-tb-btn-view-done",
|
||||
searchButton: "#id-tb-btn-search",
|
||||
fullscreenButton: "#id-tb-btn-fullscreen",
|
||||
shareButton: "#id-tb-btn-view-share",
|
||||
worksheetsButton: "#id-tb-btn-pages"
|
||||
},
|
||||
control: {
|
||||
doneButton: {
|
||||
tap: "onTapDoneButton"
|
||||
},
|
||||
searchButton: {
|
||||
tap: "onTapSearchButton"
|
||||
},
|
||||
fullscreenButton: {
|
||||
tap: "onTapFullscreenButton"
|
||||
},
|
||||
shareButton: {
|
||||
tap: "onTapShareButton"
|
||||
},
|
||||
worksheetsButton: {
|
||||
tap: "onTapWorksheets"
|
||||
},
|
||||
"#id-worksheets-panel seworksheetlist list": {
|
||||
itemtap: "onSelectWorksheet"
|
||||
}
|
||||
},
|
||||
searchMode: false,
|
||||
fullscreenMode: false
|
||||
},
|
||||
launch: function () {
|
||||
this.callParent(arguments);
|
||||
Common.Gateway.on("init", Ext.bind(this.loadConfig, this));
|
||||
},
|
||||
initControl: function () {
|
||||
this.callParent(arguments);
|
||||
},
|
||||
initApi: function () {},
|
||||
setApi: function (o) {
|
||||
this.api = o;
|
||||
if (this.api) {
|
||||
this.api.asc_registerCallback("asc_onTapEvent", Ext.bind(this.onSingleTapDocument, this));
|
||||
}
|
||||
},
|
||||
loadConfig: function (data) {
|
||||
var doneButton = this.getDoneButton();
|
||||
if (doneButton && data && data.config && data.config.canBackToFolder === true) {
|
||||
doneButton.show();
|
||||
}
|
||||
},
|
||||
applySearchMode: function (search) {
|
||||
if (!Ext.isBoolean(search)) {
|
||||
Ext.Logger.error("Invalid parameters.");
|
||||
} else {
|
||||
var me = this,
|
||||
searchToolbar = me.getSearchToolbar(),
|
||||
searchButton = me.getSearchButton();
|
||||
if (searchToolbar) {
|
||||
if (search) {
|
||||
searchButton && searchButton.addCls("x-button-pressing");
|
||||
if (me.getFullscreenMode()) {
|
||||
searchToolbar.show({
|
||||
easing: "ease-out",
|
||||
preserveEndState: true,
|
||||
autoClear: false,
|
||||
from: {
|
||||
top: "22px",
|
||||
opacity: 0.3
|
||||
},
|
||||
to: {
|
||||
top: "44px",
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
} else {
|
||||
searchToolbar.show();
|
||||
}
|
||||
} else {
|
||||
if (me.getFullscreenMode()) {
|
||||
searchToolbar.hide({
|
||||
easing: "ease-in",
|
||||
to: {
|
||||
top: "22px",
|
||||
opacity: 0.3
|
||||
}
|
||||
});
|
||||
} else {
|
||||
searchToolbar.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
return search;
|
||||
}
|
||||
},
|
||||
applyFullscreenMode: function (fullscreen) {
|
||||
if (!Ext.isBoolean(fullscreen)) {
|
||||
Ext.Logger.error("Invalid parameters.");
|
||||
} else {
|
||||
var viewToolbar = this.getViewToolbar(),
|
||||
searchToolbar = this.getSearchToolbar(),
|
||||
fullscreenButton = this.getFullscreenButton(),
|
||||
popClipCmp = Ext.ComponentQuery.query("popclip");
|
||||
if (popClipCmp.length > 0) {
|
||||
popClipCmp[0].hide();
|
||||
}
|
||||
if (viewToolbar && searchToolbar) {
|
||||
if (fullscreen) {
|
||||
fullscreenButton && fullscreenButton.addCls("x-button-pressing");
|
||||
viewToolbar.setStyle({
|
||||
position: "absolute",
|
||||
left: 0,
|
||||
top: 0,
|
||||
right: 0,
|
||||
opacity: 0.9,
|
||||
"z-index": 17
|
||||
});
|
||||
searchToolbar.setStyle({
|
||||
position: "absolute",
|
||||
left: 0,
|
||||
top: "44px",
|
||||
right: 0,
|
||||
opacity: 0.9,
|
||||
"z-index": 16
|
||||
});
|
||||
this.setHiddenToolbars(true);
|
||||
} else {
|
||||
viewToolbar.setStyle({
|
||||
position: "initial",
|
||||
opacity: 1
|
||||
});
|
||||
searchToolbar.setStyle({
|
||||
position: "initial",
|
||||
opacity: 1
|
||||
});
|
||||
viewToolbar.setDocked("top");
|
||||
searchToolbar.setDocked("top");
|
||||
}
|
||||
}
|
||||
return fullscreen;
|
||||
}
|
||||
},
|
||||
setHiddenToolbars: function (hide) {
|
||||
var viewToolbar = this.getViewToolbar(),
|
||||
searchToolbar = this.getSearchToolbar();
|
||||
if (viewToolbar && searchToolbar) {
|
||||
if (hide) {
|
||||
viewToolbar.hide({
|
||||
easing: "ease-out",
|
||||
from: {
|
||||
opacity: 0.9
|
||||
},
|
||||
to: {
|
||||
opacity: 0
|
||||
}
|
||||
});
|
||||
searchToolbar.hide({
|
||||
easing: "ease-out",
|
||||
from: {
|
||||
opacity: 0.9
|
||||
},
|
||||
to: {
|
||||
opacity: 0
|
||||
}
|
||||
});
|
||||
} else {
|
||||
viewToolbar.show({
|
||||
preserveEndState: true,
|
||||
easing: "ease-in",
|
||||
from: {
|
||||
opacity: 0
|
||||
},
|
||||
to: {
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
this.getSearchMode() && searchToolbar.show({
|
||||
preserveEndState: true,
|
||||
easing: "ease-in",
|
||||
from: {
|
||||
opacity: 0
|
||||
},
|
||||
to: {
|
||||
opacity: 0.9
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
onTapDoneButton: function () {
|
||||
Common.Gateway.goBack();
|
||||
},
|
||||
onTapSearchButton: function (btn) {
|
||||
this.setSearchMode(!this.getSearchMode());
|
||||
},
|
||||
onTapFullscreenButton: function (btn) {
|
||||
this.setFullscreenMode(!this.getFullscreenMode());
|
||||
if (this.api) {
|
||||
this.api.asc_Resize();
|
||||
}
|
||||
},
|
||||
onTapShareButton: function () {
|
||||
this.api && this.api.asc_Print();
|
||||
Common.component.Analytics.trackEvent("ToolBar View", "Share");
|
||||
},
|
||||
onSingleTapDocument: function () {
|
||||
var viewToolbar = this.getViewToolbar();
|
||||
if (viewToolbar && this.getFullscreenMode()) {
|
||||
this.setHiddenToolbars(!viewToolbar.isHidden());
|
||||
}
|
||||
},
|
||||
onTapWorksheets: function () {
|
||||
var worksheetPanel = this.getWorksheetPanel(),
|
||||
worksheetsButton = this.getWorksheetsButton();
|
||||
if (worksheetPanel) {
|
||||
worksheetPanel.showBy(worksheetsButton);
|
||||
}
|
||||
},
|
||||
onSelectWorksheet: function (dataview, index, target, record, event, eOpts) {
|
||||
var worksheetPanel = this.getWorksheetPanel();
|
||||
if (worksheetPanel) {
|
||||
worksheetPanel.hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user