all files / document-editor-container/ribbon/table-layout-tab/ cell-properties-group.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
1×
1×
1×
1×
1×
1×
 
1×
1×
1×
1×
 
 
1×
 
1×
1×
1×
1×
1×
1×
14×
14×
14×
 
1×
14×
 
 
 
 
 
 
 
 
 
 
 
 
 
1×
14×
14×
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1×
 
 
1×
17×
 
1×
17×
 
1×
17×
17×
17×
 
 
 
17×
 
 
1×
 
1×
 
 
/* istanbul ignore next */ 
var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
define(["require", "exports", "../ribbon-interfaces", "../ribbon-base/ribbon-constants"], function (require, exports, ribbon_interfaces_1, ribbon_constants_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CELL_PROPERTIES_GROUP_ID = '_cell_properties_group';
    exports.MERGE_CELLS_BUTTON_ID = '_merge_cells_button';
    var CellPropertiesGroup = (function (_super) {
        __extends(CellPropertiesGroup, _super);
        function CellPropertiesGroup(container) {
            var _this = _super.call(this, container) || this;
            _this.commonID = _this.container.element.id + ribbon_constants_1.RIBBON_ID;
            return _this;
        }
        CellPropertiesGroup.prototype.getGroupModel = function () {
            return {
                id: this.commonID + exports.CELL_PROPERTIES_GROUP_ID,
                header: this.localObj.getConstant('Cell Properties'),
                enableGroupOverflow: true,
                overflowHeader: this.localObj.getConstant('Cell Properties'),
                collections: [
                    {
                        items: [
                            this.getMergeCellsButton()
                        ]
                    }
                ]
            };
        };
        CellPropertiesGroup.prototype.getMergeCellsButton = function () {
            var _this = this;
            return {
                type: 'Button',
                id: this.commonID + exports.MERGE_CELLS_BUTTON_ID,
                disabled: true,
                keyTip: 'M',
                buttonSettings: {
                    content: this.localObj.getConstant('Merge cells'),
                    iconCss: 'e-icons e-de-ctnr-mergecell',
                    clicked: function () { return _this.mergeSelectedCells(); }
                },
                ribbonTooltipSettings: {
                    content: this.localObj.getConstant('Merge cells')
                }
            };
        };
        CellPropertiesGroup.prototype.mergeSelectedCells = function () {
            this.documentEditor.editorModule.mergeCells();
        };
        CellPropertiesGroup.prototype.canMergeCells = function () {
            return this.documentEditor.editorModule.canMergeCells();
        };
        CellPropertiesGroup.prototype.updateSelection = function () {
            this.updateMergeCellsButtonState();
        };
        CellPropertiesGroup.prototype.updateMergeCellsButtonState = function () {
            var id = this.commonID + exports.MERGE_CELLS_BUTTON_ID;
            var ribbon = this.container.ribbon.ribbon;
            Iif (this.canMergeCells()) {
                ribbon.enableItem(id);
            }
            else {
                ribbon.disableItem(id);
            }
        };
        return CellPropertiesGroup;
    }(ribbon_interfaces_1.RibbonGroupBase));
    exports.CellPropertiesGroup = CellPropertiesGroup;
});