globalFilter - disable panel table

SinergiaTIC · Apr 28, 2024 · 6a3bcdc · 6a3bcdc
1 parent 524a2d4
commit 6a3bcdc
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 5 deletions.
diff --git a/eda/eda_app/src/app/module/pages/dashboard/dashboard.component.css b/eda/eda_app/src/app/module/pages/dashboard/dashboard.component.css
@@ -264,4 +264,17 @@ margin-left:1px !important;
 .edaEmfasis{
     font-size: 1em;
     font-weight: bolder;
+}
+
+
+
+.disabled-div {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: 99999;
 }
diff --git a/...p/src/app/module/pages/dashboard/global-filter-dialog/global-filter-dialog.component.html b/...p/src/app/module/pages/dashboard/global-filter-dialog/global-filter-dialog.component.html
@@ -74,11 +74,9 @@
                                     <p-treeSelect [(ngModel)]="globalFilter.pathList[panel.id].selectedTableNodes"
                                         [options]="panel.content.globalFilterPaths"
                                         (onNodeExpand)="onNodeExpand(panel, $event)"
-                                        (onNodeSelect)="onNodeSelect(panel, $event)" appendTo="body">
+                                        (onNodeSelect)="onNodeSelect(panel, $event)" appendTo="body"
+                                        [disabled]="!panel.active || !panel.avaliable">
                                     </p-treeSelect>
-                                    <!-- <p-dropdown [options]="globalFilterPaths" [(ngModel)]="globalFilter.selectedTableNodes"
-                                filter="true" optionLabel="label" [style]="{'width': '100%'}" appendTo="body">
-                            </p-dropdown> -->
                                 </td>
                             </tr>
                         </ng-template>
@@ -97,7 +95,10 @@
                         </div>
                     </div>
                 </p-card>
+
+                <div *ngIf="isEmpty(globalFilter.selectedTable) || isEmpty(globalFilter.selectedColumn)" class="disabled-div"></div>
             </div>
+
         </div>
 
         <div class="row">

diff --git a/...app/src/app/module/pages/dashboard/global-filter-dialog/global-filter-dialog.component.ts b/...app/src/app/module/pages/dashboard/global-filter-dialog/global-filter-dialog.component.ts
@@ -279,6 +279,10 @@ export class GlobalFilterDialogComponent implements OnInit, OnDestroy {
         return label;
     }
 
+    public isEmpty(obj: any): boolean {
+        return Object.keys(obj).length === 0;
+    }
+
     private validateGlobalFilter(): boolean {
         let valid = true;
 

diff --git a/eda/eda_app/src/assets/sass/css/style.css b/eda/eda_app/src/assets/sass/css/style.css
@@ -30,7 +30,7 @@ html {
 }
 
 
-.custom  .leaflet-popup-content-wrapper, .leaflet-popup-tip {
+.custom .leaflet-popup-content-wrapper, .leaflet-popup-tip {
     background: #010913ce !important;
     font: 11px Questrial;
     color: #fbfbfb  !important;;