Update editnewdash.component.html
This commit is contained in:
		
							parent
							
								
									c66e217b0c
								
							
						
					
					
						commit
						8ccfb37847
					
				| @ -318,6 +318,50 @@ | |||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
| 
 | 
 | ||||||
|  |       <!-- Base Drilldown Filter Configuration --> | ||||||
|  |       <div class="clr-row" *ngIf="gadgetsEditdata.drilldownEnabled" style="margin-top: 15px;"> | ||||||
|  |         <div class="clr-col-sm-12"> | ||||||
|  |           <h5>Base Drilldown Filters</h5> | ||||||
|  |           <div class="clr-subtext">Configure filters for the base drilldown level</div> | ||||||
|  |            | ||||||
|  |           <!-- Add Base Filter Button --> | ||||||
|  |           <button class="btn btn-sm btn-primary" (click)="addBaseFilter()" style="margin-top: 10px; margin-bottom: 10px;"> | ||||||
|  |             <clr-icon shape="plus"></clr-icon> Add Filter | ||||||
|  |           </button> | ||||||
|  |            | ||||||
|  |           <!-- Base Filter Fields List --> | ||||||
|  |           <div *ngFor="let filter of gadgetsEditdata.baseFilters; let i = index"  | ||||||
|  |                style="margin-bottom: 10px; padding: 8px; border: 1px solid #eee; border-radius: 4px; background-color: #f9f9f9;"> | ||||||
|  |             <div style="display: flex; justify-content: space-between; align-items: center;"> | ||||||
|  |               <span>Filter {{i + 1}}</span> | ||||||
|  |               <button class="btn btn-icon btn-danger btn-sm" (click)="removeBaseFilter(i)"> | ||||||
|  |                 <clr-icon shape="trash"></clr-icon> | ||||||
|  |               </button> | ||||||
|  |             </div> | ||||||
|  |              | ||||||
|  |             <div class="clr-row" style="margin-top: 8px;"> | ||||||
|  |               <div class="clr-col-sm-5"> | ||||||
|  |                 <select [(ngModel)]="filter.field" [ngModelOptions]="{standalone: true}" class="clr-select"> | ||||||
|  |                   <option value="">Select Field</option> | ||||||
|  |                   <option *ngFor="let column of drilldownColumnData" [value]="column">{{column}}</option> | ||||||
|  |                 </select> | ||||||
|  |               </div> | ||||||
|  |                | ||||||
|  |               <div class="clr-col-sm-5"> | ||||||
|  |                 <input type="text" [(ngModel)]="filter.value" [ngModelOptions]="{standalone: true}"  | ||||||
|  |                        class="clr-input" placeholder="Filter Value" /> | ||||||
|  |               </div> | ||||||
|  |                | ||||||
|  |               <div class="clr-col-sm-2"> | ||||||
|  |                 <button class="btn btn-icon btn-danger btn-sm" (click)="removeBaseFilter(i)"> | ||||||
|  |                   <clr-icon shape="trash"></clr-icon> | ||||||
|  |                 </button> | ||||||
|  |               </div> | ||||||
|  |             </div> | ||||||
|  |           </div> | ||||||
|  |         </div> | ||||||
|  |       </div> | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|       <!-- Multi-Layer Drilldown Configurations --> |       <!-- Multi-Layer Drilldown Configurations --> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user