82 lines
4.2 KiB
JavaScript
82 lines
4.2 KiB
JavaScript
define([
|
|
'jquery',
|
|
'underscore',
|
|
'backbone',
|
|
'common/main/lib/util/utils',
|
|
'common/main/lib/component/Button',
|
|
'common/main/lib/component/Menu',
|
|
'common/main/lib/component/Calendar'
|
|
], function ($, _, Backbone) {
|
|
'use strict';
|
|
|
|
var $btnTools;
|
|
var $menuForm;
|
|
|
|
DE.Views.ApplicationView = Backbone.View.extend({
|
|
// Render layout
|
|
render: function() {
|
|
this.btnOptions = new Common.UI.Button({
|
|
cls: 'btn-toolbar no-caret',
|
|
iconCls: 'svg-icon more-vertical',
|
|
menu: new Common.UI.Menu({
|
|
items: [
|
|
{caption: this.txtPrint, value: 'print', iconCls: 'mi-icon svg-icon print'},
|
|
{caption: '--'},
|
|
{caption: this.txtDownload, value: 'download', iconCls: 'mi-icon svg-icon download'},
|
|
{caption: this.txtDownloadDocx, value: 'download-docx', iconCls: 'mi-icon svg-icon download'},
|
|
{caption: this.txtDownloadPdf, value: 'download-pdf', iconCls: 'mi-icon'},
|
|
{caption: '--'},
|
|
{caption: this.txtShare, value: 'share', iconCls: 'mi-icon svg-icon share'},
|
|
{caption: this.txtFileLocation, value: 'close', iconCls: 'mi-icon svg-icon go-to-location'},
|
|
{caption: '--'},
|
|
{caption: this.txtEmbed, value: 'embed', iconCls: 'mi-icon svg-icon embed'},
|
|
{caption: this.txtFullScreen, value: 'fullscr', iconCls: 'mi-icon svg-icon fullscr'}
|
|
]
|
|
})
|
|
});
|
|
this.btnOptions.render($('#box-tools'));
|
|
|
|
// $btnTools = $('#box-tools button');
|
|
// $btnTools.addClass('dropdown-toggle').attr('data-toggle', 'dropdown').attr('aria-expanded', 'true');
|
|
// $btnTools.parent().append(
|
|
// '<ul class="dropdown-menu pull-right">' +
|
|
// '<li><a id="idt-print"><span class="mi-icon svg-icon print"></span>' + this.txtPrint + '</a></li>' +
|
|
// '<li class="divider"></li>' +
|
|
// '<li><a id="idt-download"><span class="mi-icon svg-icon download"></span>' + this.txtDownload + '</a></li>' +
|
|
// '<li><a id="idt-download-docx"><span class="mi-icon svg-icon download"></span>' + this.txtDownloadDocx + '</a></li>' +
|
|
// '<li><a id="idt-download-pdf"><span class="mi-icon"></span>' + this.txtDownloadPdf + '</a></li>' +
|
|
// '<li class="divider"></li>' +
|
|
// '<li><a id="idt-share" data-toggle="modal"><span class="mi-icon svg-icon share"></span>' + this.txtShare + '</a></li>' +
|
|
// '<li><a id="idt-close" data-toggle="modal"><span class="mi-icon svg-icon go-to-location"></span>' + this.txtFileLocation + '</a></li>' +
|
|
// '<li class="divider"></li>' +
|
|
// '<li><a id="idt-embed" data-toggle="modal"><span class="mi-icon svg-icon embed"></span>' + this.txtEmbed + '</a></li>' +
|
|
// '<li><a id="idt-fullscreen"><span class="mi-icon svg-icon fullscr"></span>' + this.txtFullScreen + '</a></li>' +
|
|
// '</ul>');
|
|
return this;
|
|
},
|
|
|
|
getTools: function(name) {
|
|
return $btnTools.parent().find(name);
|
|
},
|
|
|
|
getMenuForm: function() {
|
|
if (!$menuForm) {
|
|
$menuForm = $('<div id="menu-container-form" style="position: absolute; z-index: 10000;" data-value="prevent-canvas-click">' +
|
|
'<div class="dropdown-toggle" data-toggle="dropdown"></div>' +
|
|
'<ul class="dropdown-menu" oo_editor_input="true" role="menu" style="right: 0; left: auto;max-height: 200px; overflow-y: auto;"></ul>' +
|
|
'</div>');
|
|
$('#editor_sdk').append($menuForm);
|
|
}
|
|
return $menuForm;
|
|
},
|
|
|
|
txtDownload: 'Download',
|
|
txtPrint: 'Print',
|
|
txtShare: 'Share',
|
|
txtEmbed: 'Embed',
|
|
txtFullScreen: 'Full Screen',
|
|
txtFileLocation: 'Open file location',
|
|
txtDownloadDocx: 'Download as docx',
|
|
txtDownloadPdf: 'Download as pdf'
|
|
});
|
|
}); |