7 changed files
projects/igniteui-angular-extras | ||
src/lib/context-menu | ||
chart-dialog | ||
chart-dialog.component.html | ||
context-menu.component.html | ||
package.json | ||
src/app | ||
page-header | ||
page-header.component.html | ||
app.component.html | ||
package-lock.json | ||
package.json | ||
chart-dialog.component.html
/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.html-1+1/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.html
Add comment 17 </div>
Add comment 18 <div>
Add comment 19 <button igxButton="icon" igxRipple (click)="isConfigAreaExpanded = !isConfigAreaExpanded">
Add comment 20 Minus <igx-icon fontSet="material">chevron_{{ isConfigAreaExpanded ? 'left': 'right'}}</igx-icon>
Add comment 20 Plus <igx-icon family="material">chevron_{{ isConfigAreaExpanded ? 'left': 'right'}}</igx-icon>
Add comment 21 </button>
Add comment 22 </div>
Add comment 23 <div #configArea [ngClass]="{'chart-config-area': true, 'opened': !isConfigAreaExpanded, 'closed': isConfigAreaExpanded }">
context-menu.component.html
/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.html-2+2/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.html
Add comment 1 <span #analyticsBtn class="analytics-btn">
Add comment 2 <button #btn igxButton="icon" (click)="toggleTabMenu()">
Add comment 3 Minus <igx-icon #icon class="icon" fontSet="material">insert_chart_outlined</igx-icon>
Add comment 3 Plus <igx-icon #icon class="icon" family="material">insert_chart_outlined</igx-icon>
Add comment 4 </button>
Add comment 5 </span>
Add comment 6 <div #tabsMenu igxToggle class="toggle-content">
Add comment 40 (click)="openDialog()">
Add comment 41 <button class="more-btn more-icon" igxButton="icon" igxButtonBackground="#EBEBEB"
Add comment 42 igxButtonColor="black">
Add comment 43 Minus <igx-icon class="icon" fontSet="material">more_horiz</igx-icon>
Add comment 43 Plus <igx-icon class="icon" family="material">more_horiz</igx-icon>
Add comment 44 </button>
Add comment 45 <span class="name btn">More...</span>
Add comment 46 </span>
package.json
/projects/igniteui-angular-extras/package.json-3+3/projects/igniteui-angular-extras/package.json
Add comment 5 "tslib": "^2.0.0"
Add comment 6 },
Add comment 7 "peerDependencies": {
Add comment 8 Minus "@angular/common": "~11.0.2",
Add comment 9 Minus "@angular/core": "~11.0.2",
Add comment 10 Minus "@infragistics/igniteui-angular": "~11.0.3",
Add comment 8 Plus "@angular/common": "~11.2.7",
Add comment 9 Plus "@angular/core": "~11.2.7",
Add comment 10 Plus "@infragistics/igniteui-angular": "~11.1.5",
Add comment 11 "igniteui-angular-charts": "~9.1.1",
Add comment 12 "igniteui-angular-core": "~9.1.1"
Add comment 13 }
page-header.component.html
/src/app/page-header/page-header.component.html-1+1/src/app/page-header/page-header.component.html
Add comment 5 igxRippleCentered="true"
Add comment 6 igxToggleAction="navdrawer"
Add comment 7 class="hamburger">
Add comment 8 Minus <igx-icon fontSet="material">menu</igx-icon>
Add comment 8 Plus <igx-icon family="material">menu</igx-icon>
Add comment 9 </button>
Add comment 10 {{ title }}
Add comment 11 </h1>
Add comment 11 <span igxDrawerItem [isHeader]="true">Components</span>
Add comment 12
Add comment 13 <span *ngFor="let item of componentLinks" igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" routerLink="{{item.link}}">
Add comment 14 Minus <igx-icon fontSet="material">{{item.icon}}</igx-icon>
Add comment 14 Plus <igx-icon family="material">{{item.icon}}</igx-icon>
Add comment 15 <span class="navdrawer-ellipsis">{{item.name}}</span>
Add comment 16 </span>
Add comment 17 </nav>
Add comment 20 <ng-template *ngIf="drawerState.miniVariant" igxDrawerMini>
Add comment 21 <nav>
Add comment 22 <span *ngFor="let item of componentLinks" igxDrawerItem routerLinkActive #rla="routerLinkActive" [active]="rla.isActive" routerLink="{{item.link}}">
Add comment 23 Minus <igx-icon fontSet="material">{{item.icon}}</igx-icon>
Add comment 23 Plus <igx-icon family="material">{{item.icon}}</igx-icon>
Add comment 24 </span>
Add comment 25 </nav>
Add comment 26 </ng-template>