@syncfusion/ej2-filemanager 20.1.59 → 20.2.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +0 -46
- package/dist/ej2-filemanager.umd.min.js +11 -2
- package/dist/ej2-filemanager.umd.min.js.map +1 -1
- package/dist/es6/ej2-filemanager.es2015.js +7 -24
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +7 -24
- package/dist/es6/ej2-filemanager.es5.js.map +1 -1
- package/dist/global/ej2-filemanager.min.js +11 -2
- package/dist/global/ej2-filemanager.min.js.map +1 -1
- package/dist/global/index.d.ts +10 -1
- package/helpers/e2e/filemanagerHelper.js +183 -166
- package/package.json +16 -16
- package/src/file-manager/actions/toolbar.js +1 -7
- package/src/file-manager/base/file-manager.d.ts +1 -0
- package/src/file-manager/base/file-manager.js +1 -1
- package/src/file-manager/base/interface.d.ts +1 -2
- package/src/file-manager/common/utility.d.ts +1 -1
- package/src/file-manager/common/utility.js +5 -16
- package/styles/bootstrap.css +1 -3
- package/styles/bootstrap5-dark.css +1 -3
- package/styles/bootstrap5.css +1 -3
- package/styles/fabric.css +1 -2
- package/styles/file-manager/_fusionnew-definition.scss +237 -0
- package/styles/file-manager/_material3-definition.scss +237 -0
- package/styles/file-manager/bootstrap.css +1 -3
- package/styles/file-manager/bootstrap5-dark.css +1 -3
- package/styles/file-manager/bootstrap5.css +1 -3
- package/styles/file-manager/fabric.css +1 -2
- package/styles/file-manager/fluent-dark.css +1 -2
- package/styles/file-manager/fluent.css +1 -2
- package/styles/file-manager/highcontrast.css +1 -2
- package/styles/file-manager/icons/_fusionnew.scss +235 -0
- package/styles/file-manager/icons/_material3.scss +235 -0
- package/styles/file-manager/material.css +2 -4
- package/styles/file-manager/tailwind-dark.css +1 -2
- package/styles/file-manager/tailwind.css +1 -2
- package/styles/fluent-dark.css +1 -2
- package/styles/fluent.css +1 -2
- package/styles/highcontrast.css +1 -2
- package/styles/material.css +2 -4
- package/styles/tailwind-dark.css +1 -2
- package/styles/tailwind.css +1 -2
package/dist/global/index.d.ts
CHANGED
@@ -1,6 +1,15 @@
|
|
1
1
|
/*!
|
2
2
|
* filename: index.d.ts
|
3
|
-
* version : 20.
|
3
|
+
* version : 20.2.38
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
5
|
+
* Use of this code is subject to the terms of our license.
|
6
|
+
* A copy of the current license can be obtained at any time by e-mailing
|
7
|
+
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
8
|
+
* applicable laws.
|
9
|
+
*/
|
10
|
+
/*!
|
11
|
+
* filename: index.d.ts
|
12
|
+
* version : 20.2.36
|
4
13
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
5
14
|
* Use of this code is subject to the terms of our license.
|
6
15
|
* A copy of the current license can be obtained at any time by e-mailing
|
@@ -1,167 +1,184 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
2
|
+
var extendStatics = function (d, b) {
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
6
|
+
return extendStatics(d, b);
|
7
|
+
};
|
8
|
+
return function (d, b) {
|
9
|
+
extendStatics(d, b);
|
10
|
+
function __() { this.constructor = d; }
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
12
|
+
};
|
13
|
+
})();
|
14
|
+
define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
|
15
|
+
"use strict";
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
/**
|
18
|
+
* E2E test helpers for FileManager to easily interact and the test the component
|
19
|
+
*/
|
20
|
+
var FileManagerHelpers = /** @class */ (function (_super) {
|
21
|
+
__extends(FileManagerHelpers, _super);
|
22
|
+
/**
|
23
|
+
* Initialize the FileManager E2E helpers
|
24
|
+
* @param id Element id of the FileManager element
|
25
|
+
* @param wrapperFn Pass the wrapper function
|
26
|
+
*/
|
27
|
+
function FileManagerHelpers(id, wrapperFn) {
|
28
|
+
var _this = _super.call(this) || this;
|
29
|
+
_this.id = id;
|
30
|
+
if (wrapperFn !== undefined) {
|
31
|
+
_this.wrapperFn = wrapperFn;
|
32
|
+
}
|
33
|
+
return _this;
|
18
34
|
}
|
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
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
}
|
165
|
-
|
166
|
-
}
|
167
|
-
exports.FileManagerHelpers = FileManagerHelpers;
|
35
|
+
FileManagerHelpers.prototype.selector = function (arg) {
|
36
|
+
return (this.wrapperFn ? this.wrapperFn(arg) : arg);
|
37
|
+
};
|
38
|
+
/**
|
39
|
+
* Returns the root element of the FileManager component.
|
40
|
+
*/
|
41
|
+
FileManagerHelpers.prototype.getElement = function () {
|
42
|
+
return this.selector('#' + this.id);
|
43
|
+
};
|
44
|
+
/**
|
45
|
+
* Returns the toolbar items from the FileManager component.
|
46
|
+
*/
|
47
|
+
FileManagerHelpers.prototype.getToolbarItems = function () {
|
48
|
+
return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
|
49
|
+
};
|
50
|
+
/**
|
51
|
+
* Returns the active toolbar item element from the FileManager component.
|
52
|
+
*/
|
53
|
+
FileManagerHelpers.prototype.getToolbarItemsActive = function () {
|
54
|
+
return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
|
55
|
+
};
|
56
|
+
FileManagerHelpers.prototype.getTreeviewItems = function () {
|
57
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
|
58
|
+
};
|
59
|
+
/**
|
60
|
+
* Returns the collapsed treeview node element from the FileManager component.
|
61
|
+
*/
|
62
|
+
FileManagerHelpers.prototype.getTreeviewCollapsedItems = function () {
|
63
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
|
64
|
+
};
|
65
|
+
/**
|
66
|
+
* Returns the collapsed icon of treeview node element from the FileManager component.
|
67
|
+
*/
|
68
|
+
FileManagerHelpers.prototype.getTreeviewCollapsedIcon = function () {
|
69
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
|
70
|
+
};
|
71
|
+
/**
|
72
|
+
* Returns the expanded icon of treeview node element from the FileManager component.
|
73
|
+
*/
|
74
|
+
FileManagerHelpers.prototype.getTreeviewExpandedIcon = function () {
|
75
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
|
76
|
+
};
|
77
|
+
/**
|
78
|
+
* Returns the active treeview node element from the FileManager component.
|
79
|
+
*/
|
80
|
+
FileManagerHelpers.prototype.getTreeviewActiveItems = function () {
|
81
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
|
82
|
+
};
|
83
|
+
/**
|
84
|
+
* Returns the treeview items folder icon from the FileManager component.
|
85
|
+
*/
|
86
|
+
FileManagerHelpers.prototype.getTreeviewItemsFolderIcon = function () {
|
87
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
|
88
|
+
};
|
89
|
+
/**
|
90
|
+
* Returns the treeview items text from the FileManager component.
|
91
|
+
*/
|
92
|
+
FileManagerHelpers.prototype.getTreeviewItemsText = function () {
|
93
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
|
94
|
+
};
|
95
|
+
/**
|
96
|
+
* Returns the largeIcon element from the FileManager component.
|
97
|
+
*/
|
98
|
+
FileManagerHelpers.prototype.getlargeIconsItems = function () {
|
99
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
|
100
|
+
};
|
101
|
+
/**
|
102
|
+
* Returns the active list element in largeIcon view from the FileManager component.
|
103
|
+
*/
|
104
|
+
FileManagerHelpers.prototype.getlargeIconsActiveItems = function () {
|
105
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
|
106
|
+
};
|
107
|
+
/**
|
108
|
+
* Returns the checked element in largeIcon view from the FileManager component.
|
109
|
+
*/
|
110
|
+
FileManagerHelpers.prototype.getlargeIconsCheckedItems = function () {
|
111
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
|
112
|
+
};
|
113
|
+
/**
|
114
|
+
* Returns the grid element from the FileManager component.
|
115
|
+
*/
|
116
|
+
FileManagerHelpers.prototype.getGridElement = function () {
|
117
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
|
118
|
+
};
|
119
|
+
/**
|
120
|
+
* Returns the active element in grid view from the FileManager component.
|
121
|
+
*/
|
122
|
+
FileManagerHelpers.prototype.getGridActiveElements = function () {
|
123
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
|
124
|
+
};
|
125
|
+
/**
|
126
|
+
* Returns the checked element in grid view from the FileManager component.
|
127
|
+
*/
|
128
|
+
FileManagerHelpers.prototype.getGridCheckedElements = function () {
|
129
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
|
130
|
+
};
|
131
|
+
/**
|
132
|
+
* Returns the dialog element from the FileManager component.
|
133
|
+
*/
|
134
|
+
FileManagerHelpers.prototype.getDialogElement = function () {
|
135
|
+
return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
|
136
|
+
};
|
137
|
+
/**
|
138
|
+
* Returns the breadcrumbBar element from the FileManager component.
|
139
|
+
*/
|
140
|
+
FileManagerHelpers.prototype.getBreadCrumbBarElement = function () {
|
141
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
|
142
|
+
};
|
143
|
+
/**
|
144
|
+
* Returns the splitter element from the FileManager component.
|
145
|
+
*/
|
146
|
+
FileManagerHelpers.prototype.getSplitterElement = function () {
|
147
|
+
return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
|
148
|
+
};
|
149
|
+
/**
|
150
|
+
* Returns the contextmenu element from the FileManager component.
|
151
|
+
*/
|
152
|
+
FileManagerHelpers.prototype.getContextMenuElement = function () {
|
153
|
+
return this.selector('.e-fe-popup .e-contextmenu');
|
154
|
+
};
|
155
|
+
/**
|
156
|
+
* Returns the sortby popup element from the FileManager component.
|
157
|
+
*/
|
158
|
+
FileManagerHelpers.prototype.getSortByPopupElement = function () {
|
159
|
+
return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
|
160
|
+
};
|
161
|
+
FileManagerHelpers.prototype.setModel = function (property, value) {
|
162
|
+
var cy;
|
163
|
+
return cy.get('#' + this.id).then(function (ele) {
|
164
|
+
return ele[0].ej2_instances[0][property] = value;
|
165
|
+
});
|
166
|
+
};
|
167
|
+
FileManagerHelpers.prototype.getModel = function (property) {
|
168
|
+
var cy;
|
169
|
+
return cy.get('#' + this.id).then(function (ele) {
|
170
|
+
return ele[0].ej2_instances[0][property];
|
171
|
+
});
|
172
|
+
};
|
173
|
+
FileManagerHelpers.prototype.invoke = function (fName, args) {
|
174
|
+
if (args === void 0) { args = []; }
|
175
|
+
var cy;
|
176
|
+
return cy.get('#' + this.id).then(function (ele) {
|
177
|
+
var inst = ele[0].ej2_instances[0];
|
178
|
+
return inst[fName].apply(inst, args);
|
179
|
+
});
|
180
|
+
};
|
181
|
+
return FileManagerHelpers;
|
182
|
+
}(e2e_1.TestHelper));
|
183
|
+
exports.FileManagerHelpers = FileManagerHelpers;
|
184
|
+
});
|
package/package.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"_from": "@syncfusion/ej2-filemanager@*",
|
3
|
-
"_id": "@syncfusion/ej2-filemanager@20.
|
3
|
+
"_id": "@syncfusion/ej2-filemanager@20.2.36",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
5
|
+
"_integrity": "sha512-Ytb2BhtKODenoUGifblRVBGO1PAqZhBvC1UQy/mrTa+EafLZs7PAmuDABzW53mhi1nTYpGC+lh+n77zFojBLZw==",
|
6
6
|
"_location": "/@syncfusion/ej2-filemanager",
|
7
7
|
"_phantomChildren": {},
|
8
8
|
"_requested": {
|
@@ -25,8 +25,8 @@
|
|
25
25
|
"/@syncfusion/ej2-richtexteditor",
|
26
26
|
"/@syncfusion/ej2-vue-filemanager"
|
27
27
|
],
|
28
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.
|
29
|
-
"_shasum": "
|
28
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.2.36.tgz",
|
29
|
+
"_shasum": "068029b89968763f383a85c2892fb58afdce0282",
|
30
30
|
"_spec": "@syncfusion/ej2-filemanager@*",
|
31
31
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
32
32
|
"author": {
|
@@ -37,16 +37,16 @@
|
|
37
37
|
},
|
38
38
|
"bundleDependencies": false,
|
39
39
|
"dependencies": {
|
40
|
-
"@syncfusion/ej2-base": "~20.
|
41
|
-
"@syncfusion/ej2-buttons": "~20.
|
42
|
-
"@syncfusion/ej2-data": "~20.
|
43
|
-
"@syncfusion/ej2-grids": "~20.
|
44
|
-
"@syncfusion/ej2-inputs": "~20.
|
45
|
-
"@syncfusion/ej2-layouts": "~20.
|
46
|
-
"@syncfusion/ej2-lists": "~20.
|
47
|
-
"@syncfusion/ej2-navigations": "~20.
|
48
|
-
"@syncfusion/ej2-popups": "~20.
|
49
|
-
"@syncfusion/ej2-splitbuttons": "~20.
|
40
|
+
"@syncfusion/ej2-base": "~20.2.38",
|
41
|
+
"@syncfusion/ej2-buttons": "~20.2.38",
|
42
|
+
"@syncfusion/ej2-data": "~20.2.38",
|
43
|
+
"@syncfusion/ej2-grids": "~20.2.38",
|
44
|
+
"@syncfusion/ej2-inputs": "~20.2.38",
|
45
|
+
"@syncfusion/ej2-layouts": "~20.2.38",
|
46
|
+
"@syncfusion/ej2-lists": "~20.2.38",
|
47
|
+
"@syncfusion/ej2-navigations": "~20.2.38",
|
48
|
+
"@syncfusion/ej2-popups": "~20.2.38",
|
49
|
+
"@syncfusion/ej2-splitbuttons": "~20.2.38"
|
50
50
|
},
|
51
51
|
"deprecated": false,
|
52
52
|
"description": "Essential JS 2 FileManager Component",
|
@@ -66,7 +66,7 @@
|
|
66
66
|
"type": "git",
|
67
67
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
68
68
|
},
|
69
|
+
"sideEffects": false,
|
69
70
|
"typings": "index.d.ts",
|
70
|
-
"version": "20.
|
71
|
-
"sideEffects": false
|
71
|
+
"version": "20.2.38"
|
72
72
|
}
|
@@ -194,7 +194,6 @@ var Toolbar = /** @class */ (function () {
|
|
194
194
|
cssClass: getCssClass(this.parent, 'e-caret-hide ' + CLS.ROOT_POPUP),
|
195
195
|
items: layoutItems, select: this.layoutChange.bind(this),
|
196
196
|
enableRtl: this.parent.enableRtl,
|
197
|
-
enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
|
198
197
|
content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
|
199
198
|
});
|
200
199
|
this.layoutBtnObj.isStringTemplate = true;
|
@@ -232,12 +231,7 @@ var Toolbar = /** @class */ (function () {
|
|
232
231
|
items[itemCount].iconCss = this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : '';
|
233
232
|
}
|
234
233
|
else if (items[itemCount].id === this.getPupupId('date')) {
|
235
|
-
|
236
|
-
items[itemCount].iconCss = this.parent.sortBy === this.parent.sortBy ? CLS.TB_OPTION_DOT : '';
|
237
|
-
}
|
238
|
-
else {
|
239
|
-
items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
|
240
|
-
}
|
234
|
+
items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : '';
|
241
235
|
}
|
242
236
|
else if (items[itemCount].id === this.getPupupId('ascending')) {
|
243
237
|
items[itemCount].iconCss = this.parent.sortOrder === 'Ascending' ? CLS.TB_OPTION_TICK : '';
|
@@ -102,7 +102,7 @@ var FileManager = /** @class */ (function (_super) {
|
|
102
102
|
_this.droppedObjects = [];
|
103
103
|
_this.uploadingCount = 0;
|
104
104
|
_this.uploadedCount = 0;
|
105
|
-
//Specifies whether the operating system is MAC or not
|
105
|
+
//Specifies whether the operating system is MAC or not
|
106
106
|
_this.isMac = false;
|
107
107
|
FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
|
108
108
|
return _this;
|
@@ -2,7 +2,6 @@ import { Component, EmitType, L10n } from '@syncfusion/ej2-base';
|
|
2
2
|
import { Dialog, ButtonPropsModel } from '@syncfusion/ej2-popups';
|
3
3
|
import { FileManagerModel } from '../base/file-manager-model';
|
4
4
|
import { ToolbarSettingsModel, AjaxSettingsModel } from '../models/index';
|
5
|
-
import { DetailsViewSettingsModel } from '../models/details-view-settings-model';
|
6
5
|
import { TreeView, ContextMenu, MenuItemModel, ItemModel } from '@syncfusion/ej2-navigations';
|
7
6
|
import { DetailsView } from '../layout/details-view';
|
8
7
|
import { Toolbar } from '../actions/toolbar';
|
@@ -494,7 +493,6 @@ export interface IFileManager extends Component<HTMLElement> {
|
|
494
493
|
feFiles: Object[];
|
495
494
|
ajaxSettings: AjaxSettingsModel;
|
496
495
|
toolbarSettings: ToolbarSettingsModel;
|
497
|
-
detailsViewSettings: DetailsViewSettingsModel;
|
498
496
|
dialogObj: Dialog;
|
499
497
|
viewerObj: Dialog;
|
500
498
|
extDialogObj: Dialog;
|
@@ -596,6 +594,7 @@ export interface IFileManager extends Component<HTMLElement> {
|
|
596
594
|
enableHtmlSanitizer: boolean;
|
597
595
|
refreshLayout(): void;
|
598
596
|
isMac: boolean;
|
597
|
+
oldView: string;
|
599
598
|
}
|
600
599
|
/** @hidden */
|
601
600
|
export interface ITreeView extends Component<HTMLElement> {
|
@@ -293,7 +293,7 @@ export declare function sortbyClickHandler(parent: IFileManager, args: MenuEvent
|
|
293
293
|
* @returns {string} - returns the sorted fields
|
294
294
|
* @private
|
295
295
|
*/
|
296
|
-
export declare function getSortField(id: string
|
296
|
+
export declare function getSortField(id: string): string;
|
297
297
|
/**
|
298
298
|
* Sets the next path
|
299
299
|
*
|
@@ -268,7 +268,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
|
|
268
268
|
else {
|
269
269
|
if (!parent.isFiltered) {
|
270
270
|
if (parent.isSortByClicked) {
|
271
|
-
parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
|
271
|
+
parent.notify(events.layoutChange, { files: (parent.oldView === 'Details') ? parent.detailsviewModule.gridObj.dataSource : parent.largeiconsviewModule.items });
|
272
272
|
parent.isSortByClicked = false;
|
273
273
|
}
|
274
274
|
else {
|
@@ -289,6 +289,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
|
|
289
289
|
* @private
|
290
290
|
*/
|
291
291
|
export function updateLayout(parent, view) {
|
292
|
+
parent.oldView = parent.view;
|
292
293
|
parent.setProperties({ view: view }, true);
|
293
294
|
if (parent.breadcrumbbarModule.searchObj.element.value !== '' || parent.isFiltered) {
|
294
295
|
parent.layoutSelectedItems = parent.selectedItems;
|
@@ -692,7 +693,7 @@ export function sortbyClickHandler(parent, args) {
|
|
692
693
|
tick = false;
|
693
694
|
}
|
694
695
|
if (!tick) {
|
695
|
-
parent.sortBy = getSortField(args.item.id
|
696
|
+
parent.sortBy = getSortField(args.item.id);
|
696
697
|
}
|
697
698
|
else {
|
698
699
|
parent.sortOrder = getSortField(args.item.id);
|
@@ -718,24 +719,12 @@ export function sortbyClickHandler(parent, args) {
|
|
718
719
|
* @returns {string} - returns the sorted fields
|
719
720
|
* @private
|
720
721
|
*/
|
721
|
-
export function getSortField(id
|
722
|
+
export function getSortField(id) {
|
722
723
|
var text = id.substring(id.lastIndexOf('_') + 1);
|
723
724
|
var field = text;
|
724
|
-
var column;
|
725
|
-
if (parent) {
|
726
|
-
column = parent.detailsViewSettings.columns;
|
727
|
-
}
|
728
725
|
switch (text) {
|
729
726
|
case 'date':
|
730
|
-
|
731
|
-
if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
|
732
|
-
field = column[i].field;
|
733
|
-
break;
|
734
|
-
}
|
735
|
-
else {
|
736
|
-
field = '_fm_modified';
|
737
|
-
}
|
738
|
-
}
|
727
|
+
field = '_fm_modified';
|
739
728
|
break;
|
740
729
|
case 'ascending':
|
741
730
|
field = 'Ascending';
|
package/styles/bootstrap.css
CHANGED
@@ -14,9 +14,7 @@
|
|
14
14
|
transform: rotate(360deg);
|
15
15
|
}
|
16
16
|
}
|
17
|
-
/*! TreeView's bootstrap theme wise override definitions and variables */
|
18
|
-
/*! component's theme wise override definitions and variables */
|
19
|
-
/*! FileManager's bootstrap theme wise override definitions and variables */
|
17
|
+
/*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
|
20
18
|
.e-filemanager .e-fe-icon,
|
21
19
|
.e-filemanager .e-list-icon {
|
22
20
|
background-repeat: no-repeat;
|
@@ -20,9 +20,7 @@
|
|
20
20
|
transform: rotate(360deg);
|
21
21
|
}
|
22
22
|
}
|
23
|
-
/*! TreeView's bootstrap5 theme wise override definitions and variables */
|
24
|
-
/*! Toolbar's bootstrap5 theme wise override definitions and variables */
|
25
|
-
/*! FileManager's tailwind theme wise override definitions and variables */
|
23
|
+
/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
|
26
24
|
.e-filemanager .e-fe-icon,
|
27
25
|
.e-filemanager .e-list-icon {
|
28
26
|
background-repeat: no-repeat;
|
package/styles/bootstrap5.css
CHANGED
@@ -20,9 +20,7 @@
|
|
20
20
|
transform: rotate(360deg);
|
21
21
|
}
|
22
22
|
}
|
23
|
-
/*! TreeView's bootstrap5 theme wise override definitions and variables */
|
24
|
-
/*! Toolbar's bootstrap5 theme wise override definitions and variables */
|
25
|
-
/*! FileManager's tailwind theme wise override definitions and variables */
|
23
|
+
/*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
|
26
24
|
.e-filemanager .e-fe-icon,
|
27
25
|
.e-filemanager .e-list-icon {
|
28
26
|
background-repeat: no-repeat;
|
package/styles/fabric.css
CHANGED
@@ -14,8 +14,7 @@
|
|
14
14
|
transform: rotate(360deg);
|
15
15
|
}
|
16
16
|
}
|
17
|
-
/*! TreeView's fabric theme wise override definitions and variables */
|
18
|
-
/*! FileManager's fabric theme wise override definitions and variables */
|
17
|
+
/*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
|
19
18
|
.e-filemanager .e-fe-icon,
|
20
19
|
.e-filemanager .e-list-icon {
|
21
20
|
background-repeat: no-repeat;
|