Ember-cli-jquery-ui


#1

Hi all,

I’ve started work on an ember-cli addon for jquery-ui. It is located at https://github.com/Gaurav0/ember-cli-jquery-ui

Currently, it loads only the base theme css and images, as I think users would not want every theme installed. I’m looking to create some sort of easy way to install a theme of the user’s choice when installing the addon, and then in addition some way of changing the theme later. Does anyone have any idea how I could do this? Should I be thinking in terms of writing a blueprint, a custom generator, or a whole command?

Thanks,

Gaurav


#2

Update: By staring at some other addons, I figured out a partial solution. I made it possible to change the theme an application uses by editing the Brocfile.js. This isn’t quite as easy as I would have liked it, but I guess it is much better than nothing.

// Brocfile.js
var EmberApp = require('ember-cli/lib/broccoli/ember-app');

var app = new EmberApp({
    'ember-cli-jquery-ui': {
        'theme': 'ui-darkness'
    }
});

See https://github.com/Gaurav0/ember-cli-jquery-ui for the source code.


#3

Hi, this is good stuff. I considered contributing another component, but wasn’t that clear on how to effectively mirror all attributes available to that component (a slider in my example) to the app. It felt a bit too much to copy/paste every property (“disabled”, “range”, …) from UI to Ember. What’s your view on this?


#4

Hi dulzendnegen,

I’m not really sure myself. But this morning I stole a component that does that for options, so please take a look at the source. Unfortunately, I’m not sure it builds observers, but I’m looking at Luke Melia’s old code for that from two years ago.

Anyway, thanks for trying.

Gaurav


#5

Cool! Yea, I’ll give merging my Slider a shot soon - I made it into a component without using your library at the moment.

By the way, autoloading it through my Brocfile gives a large blob of errors detailing that the way of defining the exports is not ideal - that it could be done more efficient. Are you getting the same?

One of the concerns I’d still have is that I wouldn’t want to ship the entire jQuery UI library with my app, as it has a pretty heavy foodprint. Maybe you could give selective inclusion a thought - even though I wouldn’t know how to go about doing that either now.


#6

Hi duizendnegen,

I got Luke Melia’s mixin that mirrors all attributes and events working with the latest Ember and have included it with his progress bar, turned into a component, in ember-cli-jquery-ui. Just published it today.

Also published my example app on heroku: See http://ember-cli-jquery-ui-example.herokuapp.com/

What I’d really like to do is make it possible not to have to include all of jquery ui in production builds while still having it all available in development! Needless to say, if there are any ember cli experts out there who have some clue how to do that, feel free to help.

I’m not getting any errors with my addon. Could you post details and a link to your repo?

Gaurav


#7

I have now implemented the component wrapping the JQuery UI Slider widget. Examples here: http://ember-cli-jquery-ui-example.herokuapp.com/slider


#8

Hi. I am a new ember-cli user and I want to add this timepicker to ember-cli (http://trentrichardson.com/examples/timepicker/) and some others jquery plugins but I don’t know how.

I have this question in Stackoverflow, but solution doesn’t work for me.

Could you help me?

I am frustrated.

Regards

Angel