search

darul75 / angular-awesome-slider

:arrows_clockwise: Angular slider control directive
http://darul75.github.io/angular-awesome-slider/
MIT License
144 stars 63 forks source link

Gradient support. #102

Open leandro-shifteight opened 9 years ago

leandro-shifteight commented 9 years ago

I think that could be great to be able to use background, and then after and before the pointer, no after and before a default value. In my case i am using a linear-gradient as background for the range and then after and before with a color in one case, (I could prefer to use a background for the range, and then after and before the pointer, not the default value). Then i change to the opposite, range to a color and because after and before are in relation to the default value I cant use gradient (You see two gradients.) How can i change the behavior for example to update both after and before while the pointer is changing?

darul75 commented 9 years ago

Hi @leandro-shifteight,

It woud be great and was my idea when someone ask for it but his need was with current implementation and a default value...complicated.

Code is here and works with 3 indicators, and maybe one useless one (the fourth..code is quite dirty)

https://github.com/darul75/angular-awesome-slider/blob/master/src/core/model/slider.factory.js#L55 https://github.com/darul75/angular-awesome-slider/blob/master/src/css/less/main.less#L212

Indicators left position and width change while slider(s) is moving.

Better inspect on this demo the first case and dom elements : http://darul75.github.io/angular-awesome-slider/

Need refactoring but I got no time for it now.