209 lines
7.4 KiB
JavaScript
209 lines
7.4 KiB
JavaScript
/*
|
|
* (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("PE.controller.toolbar.View", {
|
|
extend: "Ext.app.Controller",
|
|
config: {
|
|
refs: {
|
|
viewToolbar: "viewtoolbar",
|
|
fullscreenButton: "#id-tb-btn-fullscreen",
|
|
shareButton: "#id-tb-btn-view-share",
|
|
btnPrevSlide: "#id-tb-btn-prev-slide",
|
|
btnNextSlide: "#id-tb-btn-next-slide",
|
|
btnPlaySlide: "#id-tb-btn-play",
|
|
overlayContainer: "#id-preview-overlay-container",
|
|
doneButton: "#id-tb-btn-view-done"
|
|
},
|
|
control: {
|
|
fullscreenButton: {
|
|
tap: "onTapFullscreenButton"
|
|
},
|
|
shareButton: {
|
|
tap: "onTapShareButton"
|
|
},
|
|
btnPrevSlide: {
|
|
tap: "onPrevSlide"
|
|
},
|
|
btnNextSlide: {
|
|
tap: "onNextSlide"
|
|
},
|
|
btnPlaySlide: {
|
|
tap: "onPlaySlide"
|
|
},
|
|
doneButton: {
|
|
tap: "onTapDoneButton"
|
|
}
|
|
},
|
|
isFullscreen: false
|
|
},
|
|
launch: function () {
|
|
this.callParent(arguments);
|
|
var overlayContainer = this.getOverlayContainer();
|
|
if (overlayContainer) {
|
|
overlayContainer.element.on("singletap", this.onSingleTapDocument, this);
|
|
overlayContainer.element.on("touchstart", this.onTouchStartDocument, this);
|
|
overlayContainer.element.on("touchend", this.onTouchEndDocument, this);
|
|
}
|
|
Common.Gateway.on("init", Ext.bind(this.loadConfig, this));
|
|
},
|
|
initControl: function () {
|
|
this._startX = 0;
|
|
this.callParent(arguments);
|
|
},
|
|
initApi: function () {},
|
|
setApi: function (o) {
|
|
this.api = o;
|
|
if (this.api) {
|
|
this.api.asc_registerCallback("asc_onEndDemonstration", Ext.bind(this.onApiEndDemonstration, this));
|
|
this.api.asc_registerCallback("asc_onDemonstrationSlideChanged", Ext.bind(this.onApiDemonstrationSlideChanged, this));
|
|
this.api.DemonstrationEndShowMessage(this.txtFinalMessage);
|
|
}
|
|
},
|
|
loadConfig: function (data) {
|
|
var doneButton = this.getDoneButton();
|
|
if (doneButton && data && data.config && data.config.canBackToFolder === true) {
|
|
doneButton.show();
|
|
}
|
|
},
|
|
onTapDoneButton: function () {
|
|
Common.Gateway.goBack();
|
|
},
|
|
onTapFullscreenButton: function (btn) {
|
|
var viewToolbar = this.getViewToolbar();
|
|
if (viewToolbar) {
|
|
this.setIsFullscreen(!this.getIsFullscreen());
|
|
if (this.getIsFullscreen()) {
|
|
btn.addCls("x-button-pressing");
|
|
viewToolbar.setStyle({
|
|
position: "absolute",
|
|
left: 0,
|
|
top: 0,
|
|
right: 0,
|
|
opacity: 0.9,
|
|
"z-index": 7
|
|
});
|
|
this.onSingleTapDocument();
|
|
} else {
|
|
viewToolbar.setStyle({
|
|
position: "initial",
|
|
opacity: 1
|
|
});
|
|
viewToolbar.setDocked("top");
|
|
}
|
|
}
|
|
},
|
|
onTapShareButton: function () {
|
|
this.api && this.api.asc_Print();
|
|
Common.component.Analytics.trackEvent("ToolBar View", "Share");
|
|
},
|
|
onSingleTapDocument: function () {
|
|
if (this.getIsFullscreen()) {
|
|
var viewToolbar = this.getViewToolbar();
|
|
if (viewToolbar) {
|
|
if (viewToolbar.isHidden()) {
|
|
viewToolbar.show({
|
|
preserveEndState: true,
|
|
easing: "ease-in",
|
|
from: {
|
|
opacity: 0
|
|
},
|
|
to: {
|
|
opacity: 0.9
|
|
}
|
|
});
|
|
} else {
|
|
viewToolbar.hide({
|
|
easing: "ease-out",
|
|
from: {
|
|
opacity: 0.9
|
|
},
|
|
to: {
|
|
opacity: 0
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
},
|
|
onTouchStartDocument: function (event, node, options, eOpts) {
|
|
this._startX = event.pageX;
|
|
},
|
|
onTouchEndDocument: function (event, node, options, eOpts) {
|
|
if (event.pageX - this._startX < -50) {
|
|
this.api.DemonstrationNextSlide();
|
|
} else {
|
|
if (event.pageX - this._startX > 50) {
|
|
this.api.DemonstrationPrevSlide();
|
|
}
|
|
}
|
|
},
|
|
onPrevSlide: function () {
|
|
if (this.api) {
|
|
this.api.DemonstrationPrevSlide();
|
|
}
|
|
},
|
|
onNextSlide: function () {
|
|
if (this.api) {
|
|
this.api.DemonstrationNextSlide();
|
|
}
|
|
},
|
|
onPlaySlide: function () {
|
|
var btnPlay = this.getBtnPlaySlide();
|
|
if (this.api && btnPlay) {
|
|
if (btnPlay.getIconCls() == "play") {
|
|
this.api.DemonstrationPlay();
|
|
btnPlay.setIconCls("pause");
|
|
} else {
|
|
this.api.DemonstrationPause();
|
|
btnPlay.setIconCls("play");
|
|
}
|
|
}
|
|
},
|
|
onApiEndDemonstration: function () {
|
|
if (this.api) {
|
|
this.api.StartDemonstration("id-presentation-preview", 0);
|
|
}
|
|
},
|
|
onApiDemonstrationSlideChanged: function (slideNum) {
|
|
if (this.api && Ext.isNumber(slideNum)) {
|
|
var count = this.api.getCountPages(),
|
|
btnNextSlide = this.getBtnNextSlide(),
|
|
btnPrevSlide = this.getBtnPrevSlide();
|
|
if (btnPrevSlide) {
|
|
btnPrevSlide.setDisabled(slideNum <= 0);
|
|
}
|
|
if (btnNextSlide) {
|
|
btnNextSlide.setDisabled(slideNum >= count - 1);
|
|
}
|
|
}
|
|
},
|
|
txtFinalMessage: "The end of slide preview"
|
|
}); |