softwaretailoring / wheelnav

Animated wheel navigation JavaScript library based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.
https://wheelnavjs.softwaretailoring.net
MIT License
700 stars 101 forks source link

Usage in VueJS application #85

Closed humblecoder closed 5 years ago

humblecoder commented 5 years ago

I'm trying to integrate this into a VueJS project using single file components. In my main.js I am importing the library with require('wheelnav') and it seems to import correctly. However, whenever I attempt to use it (per the demo), I receive the following errors:

1) colorpallette not defined I remove the line 2) icon not defined I substitute strings 3) cannot read property 'length' of undefined

A bit more information on what each of these items is and where they come from might be helpful. Of course, it's possible you've placed it in the docs and I've missed it. 🤔

softwaretailoring commented 5 years ago

colorpalette https://github.com/softwaretailoring/wheelnav/blob/v1.7.1/js/dist/wheelnav.js#L3938 http://wheelnavjs.softwaretailoring.net/documentation/colorPalettes.html

icon https://github.com/softwaretailoring/wheelnav/blob/v1.7.1/js/required/raphael.icons.js http://wheelnavjs.softwaretailoring.net/documentation/html5.html#navitem

May I check your vue.js project with wheelnav? :)

humblecoder commented 5 years ago

Unfortunately the source is in a private repo. 😖 However, if I can steal some time in the next little bit I'll see if I can't get it working in a "clean" app.

standino commented 5 years ago

any vue component for this wheelnav? thanks.

softwaretailoring commented 5 years ago

I don't know any public Vue component.