@genexus/genexus-ide-ui 0.0.54 → 0.0.55
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/dist/cjs/gx-ide-object-selector.cjs.entry.js +2 -32
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +3 -3
- package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +4 -5
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +4 -2
- package/dist/cjs/helpers-9523495a.js +34 -0
- package/dist/collection/common/helpers.js +1 -1
- package/dist/collection/components/object-selector/object-selector.js +1 -1
- package/dist/collection/components/team-dev-commit/team-dev-commit.js +2 -2
- package/dist/collection/components/team-dev-update/team-dev-update.js +4 -5
- package/dist/collection/components/ww-images/ww-images.css +1 -1
- package/dist/collection/components/ww-images/ww-images.js +3 -1
- package/dist/components/gx-ide-object-selector.js +2 -32
- package/dist/components/gx-ide-team-dev-commit.js +2 -2
- package/dist/components/gx-ide-team-dev-update.js +4 -5
- package/dist/components/gx-ide-ww-images.js +4 -2
- package/dist/components/helpers2.js +32 -0
- package/dist/esm/gx-ide-object-selector.entry.js +2 -32
- package/dist/esm/gx-ide-team-dev-commit.entry.js +2 -2
- package/dist/esm/gx-ide-team-dev-update.entry.js +4 -5
- package/dist/esm/gx-ide-ww-images.entry.js +4 -2
- package/dist/esm/helpers-b99024f5.js +32 -0
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/p-462a8f83.entry.js +1 -0
- package/dist/genexus-ide-ui/p-522ebadf.entry.js +1 -0
- package/dist/genexus-ide-ui/p-c63d5b08.js +1 -0
- package/dist/genexus-ide-ui/p-cef1a182.entry.js +1 -0
- package/dist/genexus-ide-ui/p-ffddd3ad.entry.js +1 -0
- package/package.json +1 -1
- package/dist/cjs/format-date-c32a19bd.js +0 -15
- package/dist/components/format-date.js +0 -13
- package/dist/esm/format-date-3c7cead5.js +0 -13
- package/dist/genexus-ide-ui/p-8866ca9d.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9794ba9b.entry.js +0 -1
- package/dist/genexus-ide-ui/p-98906eb4.js +0 -1
- package/dist/genexus-ide-ui/p-a86a5a89.entry.js +0 -1
- package/dist/genexus-ide-ui/p-aab4d172.entry.js +0 -1
|
@@ -5,40 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-5a32426a.js');
|
|
6
6
|
const locale = require('./locale-c8445ea4.js');
|
|
7
7
|
const renderComboItems = require('./render-combo-items-d99a186a.js');
|
|
8
|
+
const helpers = require('./helpers-9523495a.js');
|
|
8
9
|
const grid = require('./grid-be8c3413.js');
|
|
9
10
|
const constants = require('./constants-e63c0ad9.js');
|
|
10
11
|
|
|
11
|
-
/**
|
|
12
|
-
* @param element an HTMLElement
|
|
13
|
-
* @returns an alphabetically ordered array of all the parts and exportparts the element contains.
|
|
14
|
-
*/
|
|
15
|
-
const formatDate = (date, type = "date") => {
|
|
16
|
-
var _a;
|
|
17
|
-
let formattedDate;
|
|
18
|
-
// validate date
|
|
19
|
-
// undefined or null
|
|
20
|
-
if (date === undefined || date === null) {
|
|
21
|
-
return "";
|
|
22
|
-
}
|
|
23
|
-
// If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
|
|
24
|
-
const dateIsValid = date.getTime() === date.getTime();
|
|
25
|
-
if (!dateIsValid) {
|
|
26
|
-
return "Invalid date";
|
|
27
|
-
}
|
|
28
|
-
let locale = "en-US";
|
|
29
|
-
const lang = (_a = document
|
|
30
|
-
.getElementsByTagName("html")[0]
|
|
31
|
-
.getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
|
|
32
|
-
if (lang === "es") {
|
|
33
|
-
locale = "es-ES";
|
|
34
|
-
}
|
|
35
|
-
formattedDate = date.toLocaleDateString(locale);
|
|
36
|
-
if (type === "date-time") {
|
|
37
|
-
formattedDate += ` | ${date.toLocaleTimeString()}`;
|
|
38
|
-
}
|
|
39
|
-
return formattedDate;
|
|
40
|
-
};
|
|
41
|
-
|
|
42
12
|
const objectSelectorCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
|
|
43
13
|
|
|
44
14
|
const GxIdeObjectSelector = class {
|
|
@@ -77,7 +47,7 @@ const GxIdeObjectSelector = class {
|
|
|
77
47
|
}, part: "filter-datetime" }, index.h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), index.h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
|
|
78
48
|
};
|
|
79
49
|
this.renderObjects = () => {
|
|
80
|
-
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.
|
|
50
|
+
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: grid.gridCommon.colSize.auto })), this.objects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.icon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedDate, "date-time")}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.importDate, "date-time")}`))))))));
|
|
81
51
|
};
|
|
82
52
|
this.getObjects = () => {
|
|
83
53
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -6,7 +6,7 @@ const index = require('./index-5a32426a.js');
|
|
|
6
6
|
const locale = require('./locale-c8445ea4.js');
|
|
7
7
|
const grid = require('./grid-be8c3413.js');
|
|
8
8
|
const renderComboItems = require('./render-combo-items-d99a186a.js');
|
|
9
|
-
const
|
|
9
|
+
const helpers = require('./helpers-9523495a.js');
|
|
10
10
|
|
|
11
11
|
const teamDevCommitCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{grid-template-columns:4fr auto}.header .header-button{height:fit-content}.main{display:flex;flex-direction:column}ch-grid{height:auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
|
|
12
12
|
|
|
@@ -123,11 +123,11 @@ const GxIdeTeamDevCommit = class {
|
|
|
123
123
|
};
|
|
124
124
|
/* pending commits grid render*/
|
|
125
125
|
this.renderPendingCommitsGrid = () => {
|
|
126
|
-
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: grid.gridCommon.colSize.
|
|
126
|
+
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: grid.gridCommon.colSize.auto })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
|
|
127
127
|
};
|
|
128
128
|
/* ignored objects grid render*/
|
|
129
129
|
this.renderIgnoredObjectsGrid = () => {
|
|
130
|
-
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${
|
|
130
|
+
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
|
|
131
131
|
};
|
|
132
132
|
this.getRecentCommentHandler = async () => {
|
|
133
133
|
if (this.getRecentCommentCallback) {
|
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-5a32426a.js');
|
|
6
6
|
const locale = require('./locale-c8445ea4.js');
|
|
7
|
+
const grid = require('./grid-be8c3413.js');
|
|
7
8
|
const renderComboItems = require('./render-combo-items-d99a186a.js');
|
|
8
|
-
const
|
|
9
|
+
const helpers = require('./helpers-9523495a.js');
|
|
9
10
|
|
|
10
11
|
const teamDevUpdateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
|
|
11
12
|
|
|
@@ -46,9 +47,7 @@ const GxIdeTeamDevUpdate = class {
|
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
49
|
this.renderOptions = () => {
|
|
49
|
-
return (index.h("gx-ide-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom
|
|
50
|
-
? formatDate.formatDate(this.updateFrom.lastFullUpdate)
|
|
51
|
-
: ""))), index.h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
|
|
50
|
+
return (index.h("gx-ide-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, helpers.formatDate(this.updateFrom.lastFullUpdate)))), index.h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
|
|
52
51
|
? this._componentLocale.options.scopeData.revision.latest
|
|
53
52
|
: this.revisionScopeText)), index.h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), index.h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
|
|
54
53
|
};
|
|
@@ -63,7 +62,7 @@ const GxIdeTeamDevUpdate = class {
|
|
|
63
62
|
return (index.h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
|
|
64
63
|
};
|
|
65
64
|
this.renderPendingForUpdate = () => {
|
|
66
|
-
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name, " ")), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${
|
|
65
|
+
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark", size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false, size: grid.gridCommon.colSize.auto })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name, " ")), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.status)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.action))))))));
|
|
67
66
|
};
|
|
68
67
|
this.renderIgnoredObjects = () => {
|
|
69
68
|
return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type))))))));
|
|
@@ -6,8 +6,10 @@ const index = require('./index-5a32426a.js');
|
|
|
6
6
|
const locale = require('./locale-c8445ea4.js');
|
|
7
7
|
const common = require('./common-5d08e273.js');
|
|
8
8
|
const constants = require('./constants-e63c0ad9.js');
|
|
9
|
+
const helpers = require('./helpers-9523495a.js');
|
|
10
|
+
const grid = require('./grid-be8c3413.js');
|
|
9
11
|
|
|
10
|
-
const wwImagesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(
|
|
12
|
+
const wwImagesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
|
|
11
13
|
|
|
12
14
|
const GxIdeWWImages = class {
|
|
13
15
|
constructor(hostRef) {
|
|
@@ -51,7 +53,7 @@ const GxIdeWWImages = class {
|
|
|
51
53
|
}, part: "filter-datetime" }, index.h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), index.h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, common.renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, common.renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, common.renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), index.h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, common.renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
|
|
52
54
|
};
|
|
53
55
|
this.renderImages = () => {
|
|
54
|
-
return (index.h("gxg-grid", { part: "images-table" }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.icon, color: "auto" })), index.h("ch-grid-cell", null, " ",
|
|
56
|
+
return (index.h("gxg-grid", { part: "images-table", "ellipsis-cell-wrapper": true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false, size: grid.gridCommon.colSize.auto })), this.images.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }), index.h("gxg-icon", { type: obj.icon, color: "auto" })), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, obj.description), " "), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedDate)}`)), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, obj.lastUser), " "), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.importDate)}`)), index.h("ch-grid-cell", null, " ", index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastBuildDate)}`))))))));
|
|
55
57
|
};
|
|
56
58
|
this.renderImageData = () => {
|
|
57
59
|
return (index.h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, index.h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (index.h("div", { class: "image-item" }, index.h("div", { class: "img" }, index.h("img", { src: item.url, alt: item.id })), index.h("gxg-text", { type: "text-regular" }, item.name)))))));
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @param element an HTMLElement
|
|
5
|
+
* @returns an alphabetically ordered array of all the parts and exportparts the element contains.
|
|
6
|
+
*/
|
|
7
|
+
const formatDate = (date, type = "date-time") => {
|
|
8
|
+
var _a;
|
|
9
|
+
let formattedDate;
|
|
10
|
+
// validate date
|
|
11
|
+
// undefined or null
|
|
12
|
+
if (date === undefined || date === null) {
|
|
13
|
+
return "";
|
|
14
|
+
}
|
|
15
|
+
// If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
|
|
16
|
+
const dateIsValid = date.getTime() === date.getTime();
|
|
17
|
+
if (!dateIsValid) {
|
|
18
|
+
return "Invalid date";
|
|
19
|
+
}
|
|
20
|
+
let locale = "en-US";
|
|
21
|
+
const lang = (_a = document
|
|
22
|
+
.getElementsByTagName("html")[0]
|
|
23
|
+
.getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
|
|
24
|
+
if (lang === "es") {
|
|
25
|
+
locale = "es-ES";
|
|
26
|
+
}
|
|
27
|
+
formattedDate = date.toLocaleDateString(locale);
|
|
28
|
+
if (type === "date-time") {
|
|
29
|
+
formattedDate += ` | ${date.toLocaleTimeString()}`;
|
|
30
|
+
}
|
|
31
|
+
return formattedDate;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
exports.formatDate = formatDate;
|
|
@@ -50,7 +50,7 @@ export const querySelectorPart = (selector) => {
|
|
|
50
50
|
const partName = selectorItems[2];
|
|
51
51
|
return querySelectorDeep(document.querySelector(entity), partName);
|
|
52
52
|
};
|
|
53
|
-
export const formatDate = (date, type = "date") => {
|
|
53
|
+
export const formatDate = (date, type = "date-time") => {
|
|
54
54
|
var _a;
|
|
55
55
|
let formattedDate;
|
|
56
56
|
// validate date
|
|
@@ -40,7 +40,7 @@ export class GxIdeObjectSelector {
|
|
|
40
40
|
}, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
|
|
41
41
|
};
|
|
42
42
|
this.renderObjects = () => {
|
|
43
|
-
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.
|
|
43
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
|
|
44
44
|
};
|
|
45
45
|
this.getObjects = () => {
|
|
46
46
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
|
|
|
4
4
|
import { Locale } from "../../common/locale";
|
|
5
5
|
import { gridCommon } from "../../common/grid";
|
|
6
6
|
import { renderComboItems } from "../../common/render-combo-items";
|
|
7
|
-
import { formatDate } from "../../common/
|
|
7
|
+
import { formatDate } from "../../common/helpers";
|
|
8
8
|
export class GxIdeTeamDevCommit {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
|
|
@@ -115,7 +115,7 @@ export class GxIdeTeamDevCommit {
|
|
|
115
115
|
};
|
|
116
116
|
/* pending commits grid render*/
|
|
117
117
|
this.renderPendingCommitsGrid = () => {
|
|
118
|
-
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.
|
|
118
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.auto })), this.pendingCommits.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
|
|
119
119
|
};
|
|
120
120
|
/* ignored objects grid render*/
|
|
121
121
|
this.renderIgnoredObjectsGrid = () => {
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import { Host, h } from "@stencil/core";
|
|
3
3
|
/* CUSTOM IMPORTS */
|
|
4
4
|
import { Locale } from "../../common/locale";
|
|
5
|
+
import { gridCommon } from "../../common/grid";
|
|
5
6
|
import { renderComboItems } from "../../common/render-combo-items";
|
|
6
|
-
import { formatDate } from "../../common/
|
|
7
|
+
import { formatDate } from "../../common/helpers";
|
|
7
8
|
export class GxIdeTeamDevUpdate {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
|
|
@@ -38,9 +39,7 @@ export class GxIdeTeamDevUpdate {
|
|
|
38
39
|
}
|
|
39
40
|
};
|
|
40
41
|
this.renderOptions = () => {
|
|
41
|
-
return (h("gx-ide-container", { part: "options-container" }, h("div", { class: "grid options-grid" }, h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, h("div", { class: "grid options-update-from-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom
|
|
42
|
-
? formatDate(this.updateFrom.lastFullUpdate)
|
|
43
|
-
: ""))), h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, h("div", { class: "grid options-scope-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
|
|
42
|
+
return (h("gx-ide-container", { part: "options-container" }, h("div", { class: "grid options-grid" }, h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, h("div", { class: "grid options-update-from-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), h("gxg-text", { type: "text-regular" }, formatDate(this.updateFrom.lastFullUpdate)))), h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, h("div", { class: "grid options-scope-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
|
|
44
43
|
? this._componentLocale.options.scopeData.revision.latest
|
|
45
44
|
: this.revisionScopeText)), h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
|
|
46
45
|
};
|
|
@@ -55,7 +54,7 @@ export class GxIdeTeamDevUpdate {
|
|
|
55
54
|
return (h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
|
|
56
55
|
};
|
|
57
56
|
this.renderPendingForUpdate = () => {
|
|
58
|
-
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.status)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.action))))))));
|
|
57
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark", size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false, size: gridCommon.colSize.auto })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.status)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.action))))))));
|
|
59
58
|
};
|
|
60
59
|
this.renderIgnoredObjects = () => {
|
|
61
60
|
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type))))))));
|
|
@@ -4,6 +4,8 @@ import { Host, h } from "@stencil/core";
|
|
|
4
4
|
import { Locale } from "../../common/locale";
|
|
5
5
|
import { renderFormItems } from "../../common/common";
|
|
6
6
|
import { FILTER_AFTER } from "../../common/constants";
|
|
7
|
+
import { formatDate } from "../../common/helpers";
|
|
8
|
+
import { gridCommon } from "../../common/grid";
|
|
7
9
|
export class GxIdeWWImages {
|
|
8
10
|
constructor() {
|
|
9
11
|
// 9.LOCAL METHODS //
|
|
@@ -44,7 +46,7 @@ export class GxIdeWWImages {
|
|
|
44
46
|
}, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
|
|
45
47
|
};
|
|
46
48
|
this.renderImages = () => {
|
|
47
|
-
return (h("gxg-grid", { part: "images-table" }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ",
|
|
49
|
+
return (h("gxg-grid", { part: "images-table", "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.description), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.lastUser), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastBuildDate)}`))))))));
|
|
48
50
|
};
|
|
49
51
|
this.renderImageData = () => {
|
|
50
52
|
return (h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (h("div", { class: "image-item" }, h("div", { class: "img" }, h("img", { src: item.url, alt: item.id })), h("gxg-text", { type: "text-regular" }, item.name)))))));
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { L as Locale } from './locale.js';
|
|
3
3
|
import { r as renderComboItems } from './render-combo-items.js';
|
|
4
|
+
import { f as formatDate } from './helpers2.js';
|
|
4
5
|
import { g as gridCommon } from './grid.js';
|
|
5
6
|
import { F as FILTER_AFTER } from './constants.js';
|
|
6
7
|
import { d as defineCustomElement$p } from './ch-grid2.js';
|
|
@@ -28,37 +29,6 @@ import { d as defineCustomElement$4 } from './text.js';
|
|
|
28
29
|
import { d as defineCustomElement$3 } from './title.js';
|
|
29
30
|
import { d as defineCustomElement$2 } from './tooltip.js';
|
|
30
31
|
|
|
31
|
-
/**
|
|
32
|
-
* @param element an HTMLElement
|
|
33
|
-
* @returns an alphabetically ordered array of all the parts and exportparts the element contains.
|
|
34
|
-
*/
|
|
35
|
-
const formatDate = (date, type = "date") => {
|
|
36
|
-
var _a;
|
|
37
|
-
let formattedDate;
|
|
38
|
-
// validate date
|
|
39
|
-
// undefined or null
|
|
40
|
-
if (date === undefined || date === null) {
|
|
41
|
-
return "";
|
|
42
|
-
}
|
|
43
|
-
// If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
|
|
44
|
-
const dateIsValid = date.getTime() === date.getTime();
|
|
45
|
-
if (!dateIsValid) {
|
|
46
|
-
return "Invalid date";
|
|
47
|
-
}
|
|
48
|
-
let locale = "en-US";
|
|
49
|
-
const lang = (_a = document
|
|
50
|
-
.getElementsByTagName("html")[0]
|
|
51
|
-
.getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
|
|
52
|
-
if (lang === "es") {
|
|
53
|
-
locale = "es-ES";
|
|
54
|
-
}
|
|
55
|
-
formattedDate = date.toLocaleDateString(locale);
|
|
56
|
-
if (type === "date-time") {
|
|
57
|
-
formattedDate += ` | ${date.toLocaleTimeString()}`;
|
|
58
|
-
}
|
|
59
|
-
return formattedDate;
|
|
60
|
-
};
|
|
61
|
-
|
|
62
32
|
const objectSelectorCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
|
|
63
33
|
|
|
64
34
|
const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
@@ -99,7 +69,7 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
99
69
|
}, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
|
|
100
70
|
};
|
|
101
71
|
this.renderObjects = () => {
|
|
102
|
-
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.
|
|
72
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
|
|
103
73
|
};
|
|
104
74
|
this.getObjects = () => {
|
|
105
75
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
|
|
|
2
2
|
import { L as Locale } from './locale.js';
|
|
3
3
|
import { g as gridCommon } from './grid.js';
|
|
4
4
|
import { r as renderComboItems } from './render-combo-items.js';
|
|
5
|
-
import { f as formatDate } from './
|
|
5
|
+
import { f as formatDate } from './helpers2.js';
|
|
6
6
|
import { d as defineCustomElement$q } from './ch-grid2.js';
|
|
7
7
|
import { d as defineCustomElement$p } from './ch-grid-column2.js';
|
|
8
8
|
import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';
|
|
@@ -146,7 +146,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
|
|
|
146
146
|
};
|
|
147
147
|
/* pending commits grid render*/
|
|
148
148
|
this.renderPendingCommitsGrid = () => {
|
|
149
|
-
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.
|
|
149
|
+
return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.auto })), this.pendingCommits.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
|
|
150
150
|
};
|
|
151
151
|
/* ignored objects grid render*/
|
|
152
152
|
this.renderIgnoredObjectsGrid = () => {
|