@trudb/tru-common-lib 0.1.282 → 0.1.284

package/fesm2022/trudb-tru-common-lib.mjs

@@ -2641,8 +2641,6 @@ class TruCardColumn {
     childTablePluralLabel;
     parentQuery = null;
     lockProperty;
-    unassignedVisible;
-    unassignedName;
     unassignedLocked;
     unassignedDraggable;
     unassignedDroppable;
@@ -2667,13 +2665,15 @@ class TruCardColumn {
     color;
     unassignedColor;
     key;
+    unassignedVisible;
+    unassignedName;
+    userHasParentTableRole = true; //parentTableModel.canDisplay;
     constructor(dataContext, modelTypeLookup, searchViewEventHandler) {
         this.dataContext = dataContext;
         this.modelTypeLookup = modelTypeLookup;
         this.searchViewEventHandler = searchViewEventHandler;
     }
     parentTableModel = null; //dataService.model.tables[parentTableName];
-    userHasParentTableRole = null; //parentTableModel.canDisplay;
     createDataForEntity = (entity) => {
         var data = this.config.resultConfig.rowDataEnhancer();
         return data;
@@ -3131,15 +3131,16 @@ class CardView {
 }
 class Column {
     cardColumn;
-    data;
     cards = [];
     locked;
     parentElement;
     columnElement;
+    data;
     cardScrollPortElement;
     selectAllButton;
     constructor(cardColumn, data, parentElement, locked, index) {
         this.cardColumn = cardColumn;
+        this.data = data;
         this.locked = locked;
         this.parentElement = parentElement;
         let columnElement = document.createElement('div');
@@ -3151,7 +3152,7 @@ class Column {
         this.columnElement = columnElement;
         this.cardScrollPortElement = document.createElement('div');
         this.cardScrollPortElement.classList.add('tru-card-portal-card-scroll-port');
-        //this.columnHeader = new ColumnHeader(_this);
+        new ColumnHeader(this.cardColumn, this);
         this.columnElement.appendChild(this.cardScrollPortElement);
         this.columnElement.addEventListener('filter-cards', (e) => {
             this.updateDataByFilter();
@@ -3159,11 +3160,6 @@ class Column {
         this.updateData();
         this.parentElement.appendChild(this.columnElement);
     }
-    addCard = (card) => {
-        card.data.$entity[this.cardColumn.key] = this.data.Ref;
-        this.data.cards.unshift(card.data);
-        this.cards.unshift(new Card(this.cardColumn, this, card.data, true));
-    };
     addEmptyCard = () => {
         let emptyCards = _.filter(this.cards, function (card) { return !card.data; });
         if (!emptyCards.length)
@@ -3199,10 +3195,6 @@ class Column {
             this.addEmptyCard();
         card = null;
     };
-    selectAll = (selectAll) => {
-        for (var i = 0; i < this.cards.length; i++)
-            this.cards[i].selectAll(selectAll);
-    };
     updateDataByFilter = () => {
         let cardFilterStr = this.cardColumn.cardFilterStr;
         if (cardFilterStr) {
@@ -3258,6 +3250,15 @@ class Column {
             this.addEmptyCard();
         }
     };
+    selectAll = (selectAll) => {
+        for (var i = 0; i < this.cards.length; i++)
+            this.cards[i].selectAll(selectAll);
+    };
+    addCard = (card) => {
+        card.data.$entity[this.cardColumn.key] = this.data.Ref;
+        this.data.cards.unshift(card.data);
+        this.cards.unshift(new Card(this.cardColumn, this, card.data, true));
+    };
 }
 class Card {
     cardColumn;
@@ -3356,6 +3357,63 @@ class Card {
         }
     };
 }
+class ColumnHeader {
+    cardColumn;
+    constructor(cardColumn, column) {
+        this.cardColumn = cardColumn;
+        let columnHeaderElement = document.createElement('div');
+        columnHeaderElement.classList.add('tru-card-portal-column-header');
+        new ColumnHeaderText(cardColumn, column, columnHeaderElement);
+        new ColumnHeaderButton(column, columnHeaderElement);
+        column.columnElement.insertBefore(columnHeaderElement, column.columnElement.firstChild);
+    }
+}
+class ColumnHeaderText {
+    cardColumn;
+    data;
+    constructor(cardColumn, column, parentElement) {
+        this.cardColumn = cardColumn;
+        this.data = column.data;
+        let headerText = document.createElement('p');
+        headerText.classList.add('tru-card-portal-column-headertext');
+        if (this.cardColumn.userHasParentTableRole) {
+            headerText.addEventListener('click', () => { alert('goToDetail'); });
+            headerText.classList.add('tru-card-portal-column-headertext-hover');
+        }
+        if (!this.data?.unassigned) {
+            let value = this.cardColumn.config.resultConfig.cardColumnId(column.data);
+            if (value)
+                headerText.innerHTML = value;
+        }
+        if (this.data?.unassigned && this.cardColumn.unassignedVisible)
+            headerText.innerHTML = this.cardColumn.unassignedName ? this.cardColumn.unassignedName : 'Unassigned';
+        parentElement.appendChild(headerText);
+    }
+}
+class ColumnHeaderButton {
+    column;
+    selectAll = false;
+    constructor(column, parentElement) {
+        this.column = column;
+        var linkButtonContainer = document.createElement('div');
+        linkButtonContainer.classList.add('tru-card-portal-column-header-extras');
+        let linkButton = document.createElement('a');
+        linkButton.classList.add('tru-card-portal-column-header-extra-button');
+        linkButton.classList.add('dark-hover');
+        linkButton.href = '#';
+        let linkButtonText = document.createElement('span');
+        linkButtonText.classList.add('tru-card-icon-small');
+        linkButtonText.classList.add('icon-check-square-o');
+        linkButtonText.addEventListener('click', () => {
+            this.selectAll = !this.selectAll;
+            this.column.selectAll(this.selectAll);
+        });
+        linkButton.appendChild(linkButtonText);
+        linkButtonContainer.appendChild(linkButton);
+        this.column.selectAllButton = linkButtonContainer;
+        parentElement.appendChild(linkButtonContainer);
+    }
+}
 
 class TruToolbar {
     config = null;