New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide a default `loading` state and animation #175

Closed
running-coder opened this Issue Apr 3, 2016 · 7 comments

Comments

Projects
None yet
2 participants
@running-coder
Owner

running-coder commented Apr 3, 2016

Lets make it "out of the box" for even easier development!

@running-coder

This comment has been minimized.

Owner

running-coder commented Apr 3, 2016

loading class will be added to typeahead__container when asynchronous operations are performed

running-coder added a commit that referenced this issue Apr 3, 2016

running-coder added a commit that referenced this issue Apr 5, 2016

Version 2.5.0
*Breaking Changes*
- Typeahead HTML template
- Group option
- DropdownFilter option

Features:
- #175 Provide a default `loading` state and animation
- #174 Add standard cancel button` option instead of browser's implementation
- #173 Variables for Typeahead SCSS file, it is now more easy to generate your own theme!
- #172 Typeahead using BEM standards
- #70 Populate `dropdownFilter` based on an item.key (self discovering groups) for static data

Fixes:
- #163 "&" instead of "&" in displayed result

Notes:
- Removed caret option, it is now CSS only
- SVG data uri images

running-coder pushed a commit that referenced this issue Apr 6, 2016

tom bertrand
* Version 2.5.0
*Breaking Changes*

Update the following Typeahead configurations
- Typeahead HTML template
- Group option
- DropdownFilter option

Features:
- #175 Provide a default `loading` state and animation
- #174 Add standard cancel button` option instead of browser's implementation
- #173 Variables for Typeahead SCSS file, it is now more easy to generate your own theme!
- #172 Typeahead using BEM standards
- #70 Populate `dropdownFilter` based on an item.key (self discovering groups) for static data

Fixes:
- #163 "&" instead of "&" in displayed result

Notes:
- Removed caret option, it is now CSS only
- SVG data uri images
@kavin-90

This comment has been minimized.

kavin-90 commented Apr 7, 2016

thanks. any docs on how to change it or disable it?

Currently i'm using old #154 solution for it. In 2.5.0 where is loading css so i can change its location and use own loading gif for it?

2nd Please add Upgrade Docs for HTML because classes were changed..


Jquery Ui Autocomplete Feature

I've used Jquery-ui Autocomplete search which cache results and on focus it show it and if user click of outside of search field it hides.

2nd What l like is result . If you mouse over it will show you URL in status bar. I don't know How to make it with This Plugin.

@running-coder

This comment has been minimized.

Owner

running-coder commented Apr 7, 2016

hey kavin, the doc was updated the day of the release, perhaps you need to clear the browser cache? (my bad if its not clearing by itself)

2016-04-07_1214

To use your own loading anim, simply override the css class in your project.

Do you have a screenshot of What l like is result . If you mouse over it will show you URL in status bar. I don't know How to make it with This Plugin. ?

Thanks

@kavin-90

This comment has been minimized.

kavin-90 commented Apr 7, 2016

What i mean was to Update docs is Message that tells

class typeahead-container is replaced with typeahead__container in Newest Version

Screenshots

jquery-ui-autocomplete

jquery-ui-autocomplete

@running-coder

This comment has been minimized.

Owner

running-coder commented Apr 7, 2016

oh, to have the url on mouse hover for the items you need to define the href option. You can have a look at font_v1 where each group have their own href option, also check the doc as you can also pass a function and reformat the url based on your item properties

// Example
href: function (item) {
    return "/location/" + item.group + "/" + item.display + ".html"
}
@running-coder

This comment has been minimized.

Owner

running-coder commented Apr 7, 2016

|slugify modifier is to use Typeahead internal function to transform a string to a valid url replacing special characters and spaces by "-" slugify function

@kavin-90

This comment has been minimized.

kavin-90 commented Apr 7, 2016

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment