diff --git a/apps/multi-level-push-menu-example/src/app/app.component.html b/apps/multi-level-push-menu-example/src/app/app.component.html index bd47c5b..2a82f44 100644 --- a/apps/multi-level-push-menu-example/src/app/app.component.html +++ b/apps/multi-level-push-menu-example/src/app/app.component.html @@ -1,10 +1,9 @@ +

{{title}}

- - diff --git a/apps/multi-level-push-menu-example/src/app/app.component.spec.ts b/apps/multi-level-push-menu-example/src/app/app.component.spec.ts index e945adb..f41cd30 100644 --- a/apps/multi-level-push-menu-example/src/app/app.component.spec.ts +++ b/apps/multi-level-push-menu-example/src/app/app.component.spec.ts @@ -2,10 +2,15 @@ import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from './app.component'; import { RouterTestingModule } from '@angular/router/testing'; +import { NgxMultiLevelPushMenuModule } from "@ramiz4/ngx-multi-level-push-menu"; + describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - imports: [RouterTestingModule], + imports: [ + RouterTestingModule, + NgxMultiLevelPushMenuModule.forRoot() + ], declarations: [AppComponent] }).compileComponents(); })); @@ -22,12 +27,12 @@ describe('AppComponent', () => { expect(app.title).toEqual('multi-level-push-menu-example'); }); - it('should render title', () => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('h1').textContent).toContain( - 'Welcome to multi-level-push-menu-example!' - ); - }); + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.debugElement.nativeElement; + expect(compiled.querySelector('h1').textContent).toContain( + 'Welcome to multi-level-push-menu-example!' + ); + }); }); diff --git a/apps/multi-level-push-menu-example/src/app/app.component.ts b/apps/multi-level-push-menu-example/src/app/app.component.ts index 5ee1679..3550beb 100644 --- a/apps/multi-level-push-menu-example/src/app/app.component.ts +++ b/apps/multi-level-push-menu-example/src/app/app.component.ts @@ -8,6 +8,8 @@ import { MultiLevelPushMenuService, MultiLevelPushMenuOptions } from '@ramiz4/ng }) export class AppComponent implements OnInit { + title = 'multi-level-push-menu-example'; + options = new MultiLevelPushMenuOptions(); constructor(private multiLevelPushMenuService: MultiLevelPushMenuService) { } diff --git a/libs/ngx-multi-level-push-menu/package.json b/libs/ngx-multi-level-push-menu/package.json index fbd0a47..e382e8d 100644 --- a/libs/ngx-multi-level-push-menu/package.json +++ b/libs/ngx-multi-level-push-menu/package.json @@ -1,6 +1,6 @@ { "name": "@ramiz4/ngx-multi-level-push-menu", - "version": "2.0.5", + "version": "2.0.6", "description": "a package manager for JavaScript", "homepage": "https://github.com/ramiz4/ngx-multi-level-push-menu#readme", "author": "Ramiz Loki (https://ramizloki.com)", diff --git a/libs/ngx-multi-level-push-menu/src/lib/multi-level-push-menu/multi-level-push-menu.component.ts b/libs/ngx-multi-level-push-menu/src/lib/multi-level-push-menu/multi-level-push-menu.component.ts index 47057e6..dc102ff 100644 --- a/libs/ngx-multi-level-push-menu/src/lib/multi-level-push-menu/multi-level-push-menu.component.ts +++ b/libs/ngx-multi-level-push-menu/src/lib/multi-level-push-menu/multi-level-push-menu.component.ts @@ -1,10 +1,12 @@ -import { Component, OnDestroy, Input, ViewChild, OnInit, ElementRef } from '@angular/core'; +import { Component, OnDestroy, Input, ViewChild, OnInit, ElementRef, Renderer2 } from '@angular/core'; import { Router } from '@angular/router'; import { Subscription } from 'rxjs'; import { MultiLevelPushMenuService } from './multi-level-push-menu.service'; import { MultiLevelPushMenuOptions } from './multi-level-push-menu.model'; +// todo: add jquery plugin typings for multilevelpushmenu +// import * as $ from 'jquery'; declare var $: any; @Component({ @@ -35,7 +37,9 @@ export class MultiLevelPushMenuComponent implements OnInit, OnDestroy { collapseSubscription: Subscription; expandSubscription: Subscription; - constructor(private router: Router, private multiLevelPushMenuService: MultiLevelPushMenuService) { + constructor(private renderer: Renderer2, + private router: Router, + private multiLevelPushMenuService: MultiLevelPushMenuService) { this.menu = new ElementRef({}); this.content = new ElementRef({}); @@ -57,9 +61,9 @@ export class MultiLevelPushMenuComponent implements OnInit, OnDestroy { if (!options.menuWidth) { options.menuWidth = '300px'; } - const offsetLeft = 'calc(' + options.menuWidth + ' + 20px)'; - $(this.content.nativeElement).css('left', offsetLeft); - $(this.content.nativeElement).css('width', 'calc(100% - (' + options.menuWidth + ' + 20px))'); + + this.renderer.setStyle(this.content.nativeElement, 'left', 'calc(' + options.menuWidth + ' + 20px)'); + this.renderer.setStyle(this.content.nativeElement, 'width', 'calc(100% - (' + options.menuWidth + ' + 20px))'); const router = this.router; diff --git a/package.json b/package.json index 799a90b..9defca7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ramiz4", - "version": "2.0.5", + "version": "2.0.6", "license": "MIT", "repository": { "type": "git",