cuppalabs / cuppa-ng2-slidemenu Goto Github PK

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [x] question about the decisions made in the repository

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

I have a question on the use of !important on some css styles and not others? I was able to override everything besides the a:hover and the a.active background color, the ones with the !important. Otherwise, I have not run into any issues. Thank you for creating and maintaining this repository.

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [x] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?
  When importing into a child module i get this error:

core.js:1350 ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
at new BrowserModule (platform-browser.js:4565)
at createClass (core.js:10622)
at createProviderInstance$1 (core.js:10596)
at initNgModule (core.js:10549)
at new NgModuleRef (core.js:11792)
at createNgModuleRef (core.js:11782)
at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:14092)
at NgModuleFactory.create (core.js:15216)
at MapSubscriber.eval [as project] (router.js:4444)
at MapSubscriber._next (map.js:79)
at new BrowserModule (platform-browser.js:4565)
at createClass (core.js:10622)
at createProviderInstance$1 (core.js:10596)
at initNgModule (core.js:10549)
at new NgModuleRef (core.js:11792)
at createNgModuleRef (core.js:11782)
at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:14092)
at NgModuleFactory.create (core.js:15216)
at MapSubscriber.eval [as project] (router.js:4444)
at MapSubscriber._next (map.js:79)
at resolvePromise (zone.js:824)
at resolvePromise (zone.js:795)
at eval (zone.js:873)
at ZoneDelegate.invokeTask (zone.js:425)
at Object.onInvokeTask (core.js:4620)
at ZoneDelegate.invokeTask (zone.js:424)
at Zone.runTask (zone.js:192)
at drainMicroTaskQueue (zone.js:602)
at

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:
  My package.json looks like this:

  "dependencies": {
  "@angular/animations": "^5.0.3",
  "@angular/common": "^5.0.0",
  "@angular/compiler": "^5.0.0",
  "@angular/core": "^5.0.0",
  "@angular/forms": "^5.0.0",
  "@angular/http": "^5.0.0",
  "@angular/platform-browser": "^5.0.0",
  "@angular/platform-browser-dynamic": "^5.0.0",
  "@angular/router": "^5.0.0",
  "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
  "angular-font-awesome": "^3.0.3",
  "angular2-notifications": "^0.9.6",
  "angular2-ui-switch": "^1.2.0",
  "angular4-notify": "^1.2.0",
  "bootstrap": "^4.0.0-beta.2",
  "core-js": "^2.4.1",
  "crypto": "^1.0.1",
  "cuppa-ng2-slidemenu": "^2.0.0",
  "font-awesome": "^4.7.0",
  "moment": "^2.19.2",
  "ng2-file-upload": "^1.3.0",
  "ngx-bootstrap": "^2.0.0-beta.9",
  "ngx-ui-switch": "^1.4.9",
  "react-shopping-cart": "^1.8.1",
  "rxjs": "^5.4.2",
  "zone.js": "^0.8.14"
  },
  "devDependencies": {
  "@angular/cli": "1.5.0",
  "@angular/compiler-cli": "^5.0.0",
  "@angular/language-service": "^5.0.0",
  "@types/jasmine": "~2.5.53",
  "@types/jasminewd2": "~2.0.2",
  "@types/node": "~6.0.60",
  "codelyzer": "~3.2.0",
  "jasmine-core": "~2.6.2",
  "jasmine-spec-reporter": "~4.1.0",
  "karma": "~1.7.0",
  "karma-chrome-launcher": "~2.1.1",
  "karma-cli": "~1.0.1",
  "karma-coverage-istanbul-reporter": "^1.2.1",
  "karma-jasmine": "~1.1.0",
  "karma-jasmine-html-reporter": "^0.2.2",
  "protractor": "~5.1.2",
  "ts-node": "~3.2.0",
  "tslint": "~5.7.0",
  "typescript": "^2.4.2"
  }

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

only use the function that show the article. this functions onItemSelect should be contain the function navigate or navigateByUrl using item.link
private onItemSelect(item:any){
console.log(JSON.parse(JSON.stringify(item.link)));
this.router.navigateByUrl(JSON.parse(JSON.stringify(item.link)));
}
now I just need to know how to hide the slide again, because it is showing later that used the link

How to pls tell me how to auto close the side menu when clicking on particular menu.?

by doing this, how to load corresponding page while clicking menu routing.

pls share you ideas

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

• I'm submitting a ...
  [ ] feature request

• What is the current behavior?
  I really appreciate your module and it is very helpful but it would be more appreciated if you can make it compatible to more sub levels like 3-4.

• What is the motivation / use case for changing the behavior?
  As of now I am trying to develop somthing which have menu depth till 3-4 and your module only takes care of menu items till 2 levels.

• Please tell us about your environment:

• Angular version: 4.4.4
• Browser: [all ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)
  So, what I feel as a fix we just need to add the below code spnippet in your slidemenu.template.html
  I made a sample but i am not able to push the branch for pull request

Hello ,

I am install side menu but I am getting error below please give any solutions to solve it

ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (556,28): Type 'typeof "D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' is not a constructor function type.
ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (598,46): Namespace '"D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' has no exported member 'Plugin'.
ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (602,53): Namespace '"D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' has no exported member 'Plugin'.

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

• I'm submitting a ...
  [x] bug report

• Do you want to request a feature or report a bug?
  When trying to build an app with --aot using this directive I'm receiving some errors.

• What is the current behavior?
  ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (2,7): Property 'closeMenu' is private and only accessible within class 'SlideMenu'.
  ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (3,13): Property 'menuToggle' is private and only accessible within class 'SlideMenu'.
  ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (3,36): Property 'menuState' is private and only accessible within class 'SlideMenu'.
  ...

• Please tell us about your environment:
  angular/cli: 1.4.7
  node: 8.6.0
  os: linux x64
  angular/animations: 4.4.5
  angular/common: 4.4.5
  angular/compiler: 4.4.5
  angular/core: 4.4.5
  angular/forms: 4.4.5
  angular/http: 4.4.5
  angular/platform-browser: 4.4.5
  angular/platform-browser-dynamic: 4.4.5
  angular/router: 4.4.5
  angular/cli: 1.4.7
  angular/compiler-cli: 4.4.5
  angular/language-service: 4.4.5
  typescript: 2.3.4

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ *] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?
  Feature

• What is the motivation / use case for changing the behavior?
  When the menu is created, is it possible to have another property that can limit access to certain parts of the menu item based on a user's role?
  If this feature is available, can you direct me to the documentation? I can't seem to find a reference

• Please tell us about your environment:
  Angular 4
  Chrome

Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass

• I'm submitting a ...
  [ ] bug report
  [ ] feature request
  [ ] question about the decisions made in the repository

• Do you want to request a feature or report a bug?

• What is the current behavior?

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

• What is the expected behavior?

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

• Angular version: 2.0.0-beta.X
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Hi Team,

I am trying to run the code locally, I followed the following steps:

1. got clone https://github.com/CuppaLabs/cuppa-ng2-slidemenu.git
2. extracted and put it in the c:/
3. in CMD navigated to the folder(ie cd cuppa-ng2-slidemenu-master/cuppa-ng2-slidemenu-master)
4. npm install
5. npm start
   I got the following error :

**ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve 'cuppa-ng2-slidemenu/cuppa-ng2-slidemenu' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\src\app'
@ ./src/app/app.module.ts 9:0-74
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//ng2-handy-syntax-highlighter/src/library/index.js
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library'
@ .//ng2-handy-syntax-highlighter/src/library/index.js 2:14-30
@ ./~/ng2-handy-syntax-highlighter/index.js
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//ng2-handy-syntax-highlighter/src/library/directive/highlighter.directive.js
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library\dire
ctive'
@ .//ng2-handy-syntax-highlighter/src/library/directive/highlighter.directive.js 2:14-30
@ .//ng2-handy-syntax-highlighter/src/library/index.js
@ .//ng2-handy-syntax-highlighter/index.js
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

ERROR in .//ng2-handy-syntax-highlighter/src/library/component/handy-syntax-highlighter.component.js
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library\comp
onent'
@ .//ng2-handy-syntax-highlighter/src/library/component/handy-syntax-highlighter.component.js 2:14-30
@ .//ng2-handy-syntax-highlighter/src/library/index.js
@ .//ng2-handy-syntax-highlighter/index.js
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts
Child html-webpack-plugin for "index.html":
chunk {0} index.html 544 kB [entry]
+ 4 hidden modules
webpack: Failed to compile.**

Hi Team,

When I tried to build the app using ng serve, I am getting the following issue

Thanks,
Mani.

Hi @CuppaLabs,

While AOT build getting private accessible class issue.

angular - 5.0.0

ERROR in node_modules\cuppa-ng2-slidemenu\slideMenu.d.ts.SlideMenu.html(2,13): : Property 'closeMenu' is private and only accessible within class 'SlideMenu'.
node_modules\cuppa-ng2-slidemenu\slideMenu.d.ts.SlideMenu.html(3,19): : Property 'menuToggle' is private and only accessible within class 'SlideMenu'.