655 lines
31 KiB
JavaScript
655 lines
31 KiB
JavaScript
/*
|
|
* (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
|
|
*
|
|
*/
|
|
define(["common/main/lib/view/DocumentAccessDialog", "common/main/lib/component/CheckBox"], function () { ! PE.Views.FileMenuPanels && (PE.Views.FileMenuPanels = {});
|
|
PE.Views.FileMenuPanels.ViewSaveAs = Common.UI.BaseView.extend({
|
|
el: "#panel-saveas",
|
|
menu: undefined,
|
|
formats: [[{
|
|
name: "PDF",
|
|
imgCls: "pdf",
|
|
type: c_oAscFileType.PDF
|
|
},
|
|
{
|
|
name: "PPTX",
|
|
imgCls: "pptx",
|
|
type: c_oAscFileType.PPTX
|
|
}]],
|
|
template: _.template(["<table><tbody>", "<% _.each(rows, function(row) { %>", "<tr>", "<% _.each(row, function(item) { %>", '<td><span class="btn-doc-format <%= item.imgCls %>" /></td>', "<% }) %>", "</tr>", "<% }) %>", "</tbody></table>"].join("")),
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.menu = options.menu;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template({
|
|
rows: this.formats
|
|
}));
|
|
$(".btn-doc-format", this.el).on("click", _.bind(this.onFormatClick, this));
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
this.flatFormats = _.flatten(this.formats);
|
|
return this;
|
|
},
|
|
onFormatClick: function (e) {
|
|
var format = /\s(\w+)/.exec(e.currentTarget.className);
|
|
if (format) {
|
|
format = format[1];
|
|
var item = _.findWhere(this.flatFormats, {
|
|
imgCls: format
|
|
});
|
|
if (item && this.menu) {
|
|
this.menu.fireEvent("saveas:format", [this.menu, item.type]);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
PE.Views.FileMenuPanels.Settings = Common.UI.BaseView.extend(_.extend({
|
|
el: "#panel-settings",
|
|
menu: undefined,
|
|
template: _.template(["<table><tbody>", '<tr class="edit">', '<td class="left"><label><%= scope.txtInput %></label></td>', '<td class="right"><div id="fms-chb-input-mode"/></td>', "</tr>", '<tr class="divider edit"></tr>', "<tr>", '<td class="left"><label><%= scope.strZoom %></label></td>', '<td class="right"><div id="fms-cmb-zoom" class="input-group-nr" /></td>', "</tr>", '<tr class="divider"></tr>', '<tr class="coauth">', '<td class="left"><label><%= scope.strShowChanges %></label></td>', '<td class="right"><span id="fms-cmb-show-changes" /></td>', "</tr>", '<tr class="divider coauth"></tr>', '<tr class="autosave">', '<td class="left"><label><%= scope.textAutoSave %></label></td>', '<td class="right"><span id="fms-chb-autosave" /></td>', "</tr>", '<tr class="divider autosave"></tr>', "<tr>", '<td class="left"><label><%= scope.textAlignGuides %></label></td>', '<td class="right"><span id="fms-chb-align-guides" /></td>', "</tr>", '<tr class="divider"></tr>', '<tr class="edit">', '<td class="left"><label><%= scope.strUnit %></label></td>', '<td class="right"><span id="fms-cmb-unit" /></td>', "</tr>", '<tr class="divider edit"></tr>', "<tr>", '<td class="left"></td>', '<td class="right"><button id="fms-btn-apply" class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>', "</tr>", "</tbody></table>"].join("")),
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.menu = options.menu;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template({
|
|
scope: this
|
|
}));
|
|
this.chInputMode = new Common.UI.CheckBox({
|
|
el: $("#fms-chb-input-mode"),
|
|
labelText: this.strInputMode
|
|
});
|
|
this.cmbZoom = new Common.UI.ComboBox({
|
|
el: $("#fms-cmb-zoom"),
|
|
style: "width: 160px;",
|
|
editable: false,
|
|
cls: "input-group-nr",
|
|
data: [{
|
|
value: -1,
|
|
displayValue: this.txtFitSlide
|
|
},
|
|
{
|
|
value: 50,
|
|
displayValue: "50%"
|
|
},
|
|
{
|
|
value: 60,
|
|
displayValue: "60%"
|
|
},
|
|
{
|
|
value: 70,
|
|
displayValue: "70%"
|
|
},
|
|
{
|
|
value: 80,
|
|
displayValue: "80%"
|
|
},
|
|
{
|
|
value: 90,
|
|
displayValue: "90%"
|
|
},
|
|
{
|
|
value: 100,
|
|
displayValue: "100%"
|
|
},
|
|
{
|
|
value: 110,
|
|
displayValue: "110%"
|
|
},
|
|
{
|
|
value: 120,
|
|
displayValue: "120%"
|
|
},
|
|
{
|
|
value: 150,
|
|
displayValue: "150%"
|
|
},
|
|
{
|
|
value: 175,
|
|
displayValue: "175%"
|
|
},
|
|
{
|
|
value: 200,
|
|
displayValue: "200%"
|
|
}]
|
|
});
|
|
this.cmbShowChanges = new Common.UI.ComboBox({
|
|
el: $("#fms-cmb-show-changes"),
|
|
style: "width: 160px;",
|
|
editable: false,
|
|
cls: "input-group-nr",
|
|
data: [{
|
|
value: "all",
|
|
displayValue: this.txtAll
|
|
},
|
|
{
|
|
value: "last",
|
|
displayValue: this.txtLast
|
|
}]
|
|
});
|
|
this.chAutosave = new Common.UI.CheckBox({
|
|
el: $("#fms-chb-autosave"),
|
|
labelText: this.strAutosave
|
|
});
|
|
this.chAlignGuides = new Common.UI.CheckBox({
|
|
el: $("#fms-chb-align-guides"),
|
|
labelText: this.strAlignGuides
|
|
});
|
|
this.cmbUnit = new Common.UI.ComboBox({
|
|
el: $("#fms-cmb-unit"),
|
|
style: "width: 160px;",
|
|
editable: false,
|
|
cls: "input-group-nr",
|
|
data: [{
|
|
value: Common.Utils.Metric.c_MetricUnits["cm"],
|
|
displayValue: this.txtCm
|
|
},
|
|
{
|
|
value: Common.Utils.Metric.c_MetricUnits["pt"],
|
|
displayValue: this.txtPt
|
|
}]
|
|
});
|
|
this.btnApply = new Common.UI.Button({
|
|
el: "#fms-btn-apply"
|
|
});
|
|
this.btnApply.on("click", _.bind(this.applySettings, this));
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
show: function () {
|
|
Common.UI.BaseView.prototype.show.call(this, arguments);
|
|
this.updateSettings();
|
|
},
|
|
setMode: function (mode) {
|
|
$("tr.edit", this.el)[mode.isEdit ? "show" : "hide"]();
|
|
$("tr.autosave", this.el)[mode.isEdit && mode.canAutosave ? "show" : "hide"]();
|
|
$("tr.coauth", this.el)[mode.canCoAuthoring && mode.isEdit ? "show" : "hide"]();
|
|
},
|
|
updateSettings: function () {
|
|
var value = window.localStorage.getItem("pe-settings-inputmode");
|
|
this.chInputMode.setValue(value !== null && parseInt(value) == 1);
|
|
value = window.localStorage.getItem("pe-settings-zoom");
|
|
value = (value !== null) ? parseInt(value) : -1;
|
|
var item = this.cmbZoom.store.findWhere({
|
|
value: value
|
|
});
|
|
this.cmbZoom.setValue(item ? parseInt(item.get("value")) : 100);
|
|
value = window.localStorage.getItem("pe-settings-showchanges");
|
|
item = this.cmbShowChanges.store.findWhere({
|
|
value: value
|
|
});
|
|
this.cmbShowChanges.setValue(item ? item.get("value") : "last");
|
|
value = window.localStorage.getItem("pe-settings-unit");
|
|
item = this.cmbUnit.store.findWhere({
|
|
value: parseInt(value)
|
|
});
|
|
this.cmbUnit.setValue(item ? parseInt(item.get("value")) : 0);
|
|
this._oldUnits = this.cmbUnit.getValue();
|
|
value = window.localStorage.getItem("pe-settings-autosave");
|
|
this.chAutosave.setValue(value === null || parseInt(value) == 1);
|
|
value = window.localStorage.getItem("pe-settings-showsnaplines");
|
|
this.chAlignGuides.setValue(value === null || parseInt(value) == 1);
|
|
},
|
|
applySettings: function () {
|
|
window.localStorage.setItem("pe-settings-inputmode", this.chInputMode.isChecked() ? 1 : 0);
|
|
window.localStorage.setItem("pe-settings-zoom", this.cmbZoom.getValue());
|
|
window.localStorage.setItem("pe-settings-showchanges", this.cmbShowChanges.getValue());
|
|
window.localStorage.setItem("pe-settings-unit", this.cmbUnit.getValue());
|
|
window.localStorage.setItem("pe-settings-autosave", this.chAutosave.isChecked() ? 1 : 0);
|
|
window.localStorage.setItem("pe-settings-showsnaplines", this.chAlignGuides.isChecked() ? 1 : 0);
|
|
if (this.menu) {
|
|
this.menu.fireEvent("settings:apply", [this.menu]);
|
|
if (this._oldUnits !== this.cmbUnit.getValue()) {
|
|
Common.NotificationCenter.trigger("settings:unitschanged", this);
|
|
}
|
|
}
|
|
},
|
|
strInputMode: "Turn on hieroglyphs",
|
|
strZoom: "Default Zoom Value",
|
|
okButtonText: "Apply",
|
|
txtFitSlide: "Fit Slide",
|
|
txtInput: "Alternate Input",
|
|
strUnit: "Unit of Measurement",
|
|
txtCm: "Centimeter",
|
|
txtPt: "Point",
|
|
textAutoSave: "Autosave",
|
|
strAutosave: "Turn on autosave",
|
|
strShowChanges: "Realtime Collaboration Changes",
|
|
txtAll: "View All",
|
|
txtLast: "View Last",
|
|
textAlignGuides: "Alignment Guides",
|
|
strAlignGuides: "Turn on alignment guides"
|
|
},
|
|
PE.Views.FileMenuPanels.Settings || {}));
|
|
PE.Views.FileMenuPanels.RecentFiles = Common.UI.BaseView.extend({
|
|
el: "#panel-recentfiles",
|
|
menu: undefined,
|
|
template: _.template(['<div id="id-recent-view" style="margin: 20px 0;"></div>'].join("")),
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.menu = options.menu;
|
|
this.recent = options.recent;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template());
|
|
this.viewRecentPicker = new Common.UI.DataView({
|
|
el: $("#id-recent-view"),
|
|
store: new Common.UI.DataViewStore(this.recent),
|
|
itemTemplate: _.template(['<div class="recent-wrap">', '<div class="recent-icon"></div>', '<div class="file-name"><%= Common.Utils.String.htmlEncode(title) %></div>', '<div class="file-info"><%= Common.Utils.String.htmlEncode(folder) %></div>', "</div>"].join(""))
|
|
});
|
|
this.viewRecentPicker.on("item:click", _.bind(this.onRecentFileClick, this));
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
onRecentFileClick: function (view, itemview, record) {
|
|
if (this.menu) {
|
|
this.menu.fireEvent("recent:open", [this.menu, record.get("url")]);
|
|
}
|
|
}
|
|
});
|
|
PE.Views.FileMenuPanels.CreateNew = Common.UI.BaseView.extend(_.extend({
|
|
el: "#panel-createnew",
|
|
menu: undefined,
|
|
events: function () {
|
|
return {
|
|
"click .blank-document-btn": _.bind(this._onBlankDocument, this),
|
|
"click .thumb-list .thumb-wrap": _.bind(this._onDocumentTemplate, this)
|
|
};
|
|
},
|
|
template: _.template(['<h3 style="margin-top: 20px;"><%= scope.fromBlankText %></h3><hr noshade />', '<div class="blank-document">', '<div class="blank-document-btn"></div>', '<div class="blank-document-info">', "<h3><%= scope.newDocumentText %></h3>", "<%= scope.newDescriptionText %>", "</div>", "</div>", "<h3><%= scope.fromTemplateText %></h3><hr noshade />", '<div class="thumb-list">', "<% _.each(docs, function(item) { %>", '<div class="thumb-wrap" template="<%= item.name %>">', '<div class="thumb"<% if (!_.isEmpty(item.icon)) { %> style="background-image: url(<%= item.icon %>);" <% } %> />', '<div class="title"><%= item.name %></div>', "</div>", "<% }) %>", "</div>"].join("")),
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.menu = options.menu;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template({
|
|
scope: this,
|
|
docs: this.options[0].docs
|
|
}));
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
_onBlankDocument: function () {
|
|
if (this.menu) {
|
|
this.menu.fireEvent("create:new", [this.menu, "blank"]);
|
|
}
|
|
},
|
|
_onDocumentTemplate: function (e) {
|
|
if (this.menu) {
|
|
this.menu.fireEvent("create:new", [this.menu, e.currentTarget.attributes["template"].value]);
|
|
}
|
|
},
|
|
fromBlankText: "From Blank",
|
|
newDocumentText: "New Presentation",
|
|
newDescriptionText: "Create a new blank presentation which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.",
|
|
fromTemplateText: "From Template",
|
|
noTemplatesText: "There are no templates"
|
|
},
|
|
PE.Views.FileMenuPanels.CreateNew || {}));
|
|
PE.Views.FileMenuPanels.DocumentInfo = Common.UI.BaseView.extend(_.extend({
|
|
el: "#panel-info",
|
|
menu: undefined,
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.rendered = false;
|
|
this.template = _.template(['<table class="main">', "<tr>", '<td class="left"><label>' + this.txtTitle + "</label></td>", '<td class="right"><label id="id-info-title">-</label></td>', "</tr>", '<tr class="author">', '<td class="left"><label>' + this.txtAuthor + "</label></td>", '<td class="right"><span class="userLink" id="id-info-author">-</span></td>', "</tr>", '<tr class="placement">', '<td class="left"><label>' + this.txtPlacement + "</label></td>", '<td class="right"><label id="id-info-placement">-</label></td>', "</tr>", '<tr class="date">', '<td class="left"><label>' + this.txtDate + "</label></td>", '<td class="right"><label id="id-info-date">-</label></td>', "</tr>", '<tr class="divider date"></tr>', "</table>"].join(""));
|
|
this.menu = options.menu;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template());
|
|
this.lblTitle = $("#id-info-title");
|
|
this.lblPlacement = $("#id-info-placement");
|
|
this.lblDate = $("#id-info-date");
|
|
this.lblAuthor = $("#id-info-author");
|
|
this.rendered = true;
|
|
this.updateInfo(this.doc);
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
show: function () {
|
|
Common.UI.BaseView.prototype.show.call(this, arguments);
|
|
},
|
|
hide: function () {
|
|
Common.UI.BaseView.prototype.hide.call(this, arguments);
|
|
},
|
|
updateInfo: function (doc) {
|
|
this.doc = doc;
|
|
if (!this.rendered) {
|
|
return;
|
|
}
|
|
doc = doc || {};
|
|
this.lblTitle.text((doc.title) ? doc.title : "-");
|
|
if (doc.info) {
|
|
if (doc.info.author) {
|
|
this.lblAuthor.text(doc.info.author);
|
|
}
|
|
this._ShowHideInfoItem("author", doc.info.author !== undefined && doc.info.author !== null);
|
|
if (doc.info.created) {
|
|
this.lblDate.text(doc.info.created);
|
|
}
|
|
this._ShowHideInfoItem("date", doc.info.created !== undefined && doc.info.created !== null);
|
|
if (doc.info.folder) {
|
|
this.lblPlacement.text(doc.info.folder);
|
|
}
|
|
this._ShowHideInfoItem("placement", doc.info.folder !== undefined && doc.info.folder !== null);
|
|
} else {
|
|
this._ShowHideDocInfo(false);
|
|
}
|
|
},
|
|
_ShowHideInfoItem: function (cls, visible) {
|
|
$("tr." + cls, this.el)[visible ? "show" : "hide"]();
|
|
},
|
|
_ShowHideDocInfo: function (visible) {
|
|
this._ShowHideInfoItem("date", visible);
|
|
this._ShowHideInfoItem("placement", visible);
|
|
this._ShowHideInfoItem("author", visible);
|
|
},
|
|
setMode: function (mode) {
|
|
return this;
|
|
},
|
|
txtTitle: "Document Title",
|
|
txtAuthor: "Author",
|
|
txtPlacement: "Placement",
|
|
txtDate: "Creation Date"
|
|
},
|
|
PE.Views.FileMenuPanels.DocumentInfo || {}));
|
|
PE.Views.FileMenuPanels.DocumentRights = Common.UI.BaseView.extend(_.extend({
|
|
el: "#panel-rights",
|
|
menu: undefined,
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.rendered = false;
|
|
this.template = _.template(['<table class="main">', '<tr class="rights">', '<td class="left" style="vertical-align: top;"><label>' + this.txtRights + "</label></td>", '<td class="right"><div id="id-info-rights"></div></td>', "</tr>", '<tr class="edit-rights">', '<td class="left"></td><td class="right"><button id="id-info-btn-edit" class="btn normal dlg-btn primary" style="margin-right: 10px;width: auto;">' + this.txtBtnAccessRights + "</button></td>", "</tr>", "</table>"].join(""));
|
|
this.templateRights = _.template(["<table>", "<% _.each(users, function(item) { %>", "<tr>", '<td><span class="userLink"><%= Common.Utils.String.htmlEncode(item.user) %></span></td>', "<td><%= Common.Utils.String.htmlEncode(item.permissions) %></td>", "</tr>", "<% }); %>", "</table>"].join(""));
|
|
this.menu = options.menu;
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template());
|
|
this.cntRights = $("#id-info-rights");
|
|
this.btnEditRights = new Common.UI.Button({
|
|
el: "#id-info-btn-edit"
|
|
});
|
|
this.btnEditRights.on("click", _.bind(this.changeAccessRights, this));
|
|
this.rendered = true;
|
|
this.updateInfo(this.doc);
|
|
if (_.isUndefined(this.scroller)) {
|
|
this.scroller = new Common.UI.Scroller({
|
|
el: $(this.el),
|
|
suppressScrollX: true
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
show: function () {
|
|
Common.UI.BaseView.prototype.show.call(this, arguments);
|
|
},
|
|
hide: function () {
|
|
Common.UI.BaseView.prototype.hide.call(this, arguments);
|
|
},
|
|
updateInfo: function (doc) {
|
|
this.doc = doc;
|
|
if (!this.rendered) {
|
|
return;
|
|
}
|
|
doc = doc || {};
|
|
if (doc.info) {
|
|
if (doc.info.sharingSettings) {
|
|
this.cntRights.html(this.templateRights({
|
|
users: doc.info.sharingSettings
|
|
}));
|
|
}
|
|
this._ShowHideInfoItem("rights", doc.info.sharingSettings !== undefined && doc.info.sharingSettings !== null && doc.info.sharingSettings.length > 0);
|
|
this._ShowHideInfoItem("edit-rights", !!this.sharingSettingsUrl && this.sharingSettingsUrl.length && this._readonlyRights !== true);
|
|
} else {
|
|
this._ShowHideDocInfo(false);
|
|
}
|
|
},
|
|
_ShowHideInfoItem: function (cls, visible) {
|
|
$("tr." + cls, this.el)[visible ? "show" : "hide"]();
|
|
},
|
|
_ShowHideDocInfo: function (visible) {
|
|
this._ShowHideInfoItem("rights", visible);
|
|
this._ShowHideInfoItem("edit-rights", visible);
|
|
},
|
|
setMode: function (mode) {
|
|
this.sharingSettingsUrl = mode.sharingSettingsUrl;
|
|
return this;
|
|
},
|
|
changeAccessRights: function (btn, event, opts) {
|
|
if (this._docAccessDlg) {
|
|
return;
|
|
}
|
|
var me = this;
|
|
me._docAccessDlg = new Common.Views.DocumentAccessDialog({
|
|
settingsurl: this.sharingSettingsUrl
|
|
});
|
|
me._docAccessDlg.on("accessrights", function (obj, rights) {
|
|
me.doc.info.sharingSettings = rights;
|
|
me._ShowHideInfoItem("rights", me.doc.info.sharingSettings !== undefined && me.doc.info.sharingSettings !== null && me.doc.info.sharingSettings.length > 0);
|
|
me.cntRights.html(me.templateRights({
|
|
users: me.doc.info.sharingSettings
|
|
}));
|
|
}).on("close", function (obj) {
|
|
me._docAccessDlg = undefined;
|
|
});
|
|
me._docAccessDlg.show();
|
|
},
|
|
onLostEditRights: function () {
|
|
this._readonlyRights = true;
|
|
if (!this.rendered) {
|
|
return;
|
|
}
|
|
this._ShowHideInfoItem("edit-rights", false);
|
|
},
|
|
txtRights: "Persons who have rights",
|
|
txtBtnAccessRights: "Change access rights"
|
|
},
|
|
PE.Views.FileMenuPanels.DocumentRights || {}));
|
|
PE.Views.FileMenuPanels.Help = Common.UI.BaseView.extend({
|
|
el: "#panel-help",
|
|
menu: undefined,
|
|
template: _.template(['<div style="width:100%; height:100%; position: relative;">', '<div id="id-help-contents" style="position: absolute; width:200px; top: 0; bottom: 0;" class="no-padding"></div>', '<div id="id-help-frame" style="position: absolute; left: 200px; top: 0; right: 0; bottom: 0;" class="no-padding"></div>', "</div>"].join("")),
|
|
initialize: function (options) {
|
|
Common.UI.BaseView.prototype.initialize.call(this, arguments);
|
|
this.menu = options.menu;
|
|
this.urlPref = "resources/help/en/";
|
|
this.itemclicked = false;
|
|
this.en_data = [{
|
|
src: "UsageInstructions/SetPageParameters.htm",
|
|
name: "Set page parameters",
|
|
headername: "Usage Instructions"
|
|
},
|
|
{
|
|
src: "UsageInstructions/CopyPasteUndoRedo.htm",
|
|
name: "Copy/paste text passages, undo/redo your actions"
|
|
},
|
|
{
|
|
src: "UsageInstructions/AlignText.htm",
|
|
name: "Align your text in a line or paragraph"
|
|
},
|
|
{
|
|
src: "UsageInstructions/LineSpacing.htm",
|
|
name: "Set paragraph line spacing"
|
|
},
|
|
{
|
|
src: "UsageInstructions/CopyClearFormatting.htm",
|
|
name: "Copy/clear text formatting"
|
|
},
|
|
{
|
|
src: "UsageInstructions/CreateLists.htm",
|
|
name: "Create lists"
|
|
},
|
|
{
|
|
src: "UsageInstructions/InsertImages.htm",
|
|
name: "Insert images"
|
|
},
|
|
{
|
|
src: "UsageInstructions/ViewDocInfo.htm",
|
|
name: "View document information"
|
|
},
|
|
{
|
|
src: "UsageInstructions/SavePrintDownload.htm",
|
|
name: "Save/print/download your document"
|
|
},
|
|
{
|
|
src: "UsageInstructions/OpenCreateNew.htm",
|
|
name: "Create a new document or open an existing one"
|
|
},
|
|
{
|
|
src: "HelpfulHints/About.htm",
|
|
name: "About ONLYOFFICE Document Editor",
|
|
headername: "Helpful Hints"
|
|
},
|
|
{
|
|
src: "HelpfulHints/SupportedFormats.htm",
|
|
name: "Supported Formats of Electronic Documents"
|
|
},
|
|
{
|
|
src: "HelpfulHints/Navigation.htm",
|
|
name: "Navigation through Your Document"
|
|
},
|
|
{
|
|
src: "HelpfulHints/Search.htm",
|
|
name: "Search Function"
|
|
},
|
|
{
|
|
src: "HelpfulHints/KeyboardShortcuts.htm",
|
|
name: "Keyboard Shortcuts"
|
|
}];
|
|
if (Common.Utils.isIE) {
|
|
window.onhelp = function () {
|
|
return false;
|
|
};
|
|
}
|
|
},
|
|
render: function () {
|
|
$(this.el).html(this.template());
|
|
this.viewHelpPicker = new Common.UI.DataView({
|
|
el: $("#id-help-contents"),
|
|
store: new Common.UI.DataViewStore([]),
|
|
keyMoveDirection: "vertical",
|
|
itemTemplate: _.template(['<div id="<%= id %>" class="help-item-wrap">', '<div class="caption"><%= name %></div>', "</div>"].join(""))
|
|
});
|
|
this.viewHelpPicker.on("item:add", _.bind(function (dataview, itemview, record) {
|
|
if (record.has("headername")) {
|
|
$(itemview.el).before('<div class="header-name">' + record.get("headername") + "</div>");
|
|
}
|
|
},
|
|
this));
|
|
this.viewHelpPicker.on("item:select", _.bind(function (dataview, itemview, record) {
|
|
this.itemclicked = true;
|
|
this.iFrame.src = this.urlPref + record.get("src");
|
|
},
|
|
this));
|
|
this.iFrame = document.createElement("iframe");
|
|
this.iFrame.src = "";
|
|
this.iFrame.align = "top";
|
|
this.iFrame.frameBorder = "0";
|
|
this.iFrame.width = "100%";
|
|
this.iFrame.height = "100%";
|
|
this.iFrame.onload = _.bind(function () {
|
|
if (!this.itemclicked) {
|
|
var src = arguments[0].currentTarget.contentDocument.URL;
|
|
var rec = this.viewHelpPicker.store.find(function (record) {
|
|
return (src.indexOf(record.get("src")) > 0);
|
|
});
|
|
if (rec) {
|
|
this.viewHelpPicker.selectRecord(rec, true);
|
|
this.viewHelpPicker.scrollToRecord(rec);
|
|
}
|
|
}
|
|
this.itemclicked = false;
|
|
},
|
|
this);
|
|
$("#id-help-frame").append(this.iFrame);
|
|
return this;
|
|
},
|
|
setLangConfig: function (lang) {
|
|
var me = this;
|
|
var store = this.viewHelpPicker.store;
|
|
if (lang) {
|
|
lang = lang.split("-")[0];
|
|
var config = {
|
|
dataType: "json",
|
|
error: function () {
|
|
if (me.urlPref.indexOf("resources/help/en/") < 0) {
|
|
me.urlPref = "resources/help/en/";
|
|
store.url = "resources/help/en/Contents.json";
|
|
store.fetch(config);
|
|
} else {
|
|
me.urlPref = "resources/help/en/";
|
|
store.reset(me.en_data);
|
|
}
|
|
},
|
|
success: function () {
|
|
var rec = store.at(0);
|
|
me.viewHelpPicker.selectRecord(rec);
|
|
me.iFrame.src = me.urlPref + rec.get("src");
|
|
}
|
|
};
|
|
store.url = "resources/help/" + lang + "/Contents.json";
|
|
store.fetch(config);
|
|
this.urlPref = "resources/help/" + lang + "/";
|
|
}
|
|
},
|
|
show: function () {
|
|
Common.UI.BaseView.prototype.show.call(this);
|
|
if (!this._scrollerInited) {
|
|
this.viewHelpPicker.scroller.update();
|
|
this._scrollerInited = true;
|
|
}
|
|
}
|
|
});
|
|
}); |