-
Notifications
You must be signed in to change notification settings - Fork 0
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
update Readme #7
Merged
Merged
Changes from all commits
Commits
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
BSD 3-Clause License | ||
|
||
Copyright (c) 2018, dwyl | ||
All rights reserved. | ||
|
||
Redistribution and use in source and binary forms, with or without | ||
modification, are permitted provided that the following conditions are met: | ||
|
||
* Redistributions of source code must retain the above copyright notice, this | ||
list of conditions and the following disclaimer. | ||
|
||
* Redistributions in binary form must reproduce the above copyright notice, | ||
this list of conditions and the following disclaimer in the documentation | ||
and/or other materials provided with the distribution. | ||
|
||
* Neither the name of the copyright holder nor the names of its | ||
contributors may be used to endorse or promote products derived from | ||
this software without specific prior written permission. | ||
|
||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | ||
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | ||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | ||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE | ||
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL | ||
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR | ||
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER | ||
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, | ||
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | ||
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,86 @@ | ||
# elm-criteria | ||
[![Build Status](https://travis-ci.org/dwyl/elm-criteria.svg?branch=master)](https://travis-ci.org/dwyl/elm-criteria) | ||
[![HitCount](http://hits.dwyl.io/dwyl/elm-criteria.svg)](http://hits.dwyl.io/dwyl/elm-criteria) | ||
|
||
A reusable dropdown/filters Elm package | ||
This Elm package lets you create a dropdown/filters UI: | ||
|
||
![filters](https://user-images.githubusercontent.com/6057298/49626564-5d62bb00-f9d2-11e8-8cc6-0238b85215f0.png) | ||
|
||
## Use elm-criteria | ||
|
||
- import `Criteria` and initialise the `Criteria.State` in your model | ||
|
||
```elm | ||
import Criteria | ||
|
||
type alias Model = | ||
{ criteria : Criteria.State } | ||
|
||
|
||
init : Model | ||
init = | ||
{ criteria = Criteria.init } | ||
``` | ||
|
||
- Define the configuration that will be passed to the view | ||
|
||
```elm | ||
criteriaConfig : Criteria.Config Msg Filter | ||
criteriaConfig = | ||
Criteria.config | ||
{ title = "My filters" | ||
, toMsg = UpdateCriteria | ||
, toId = getFilterId | ||
, toString = getFilterName | ||
, getSubFilters = getSubFilters | ||
} | ||
``` | ||
|
||
`title`: The text displayed in the open/close button | ||
`toMsg`: The message in your application responsible for updating the new `Criteria.State` in your `Model` | ||
`toId`: A function which create a unique `String` representing a filter | ||
`toString`: A function which create the text displayed for a filter | ||
`getSubFilters`: A function which returns the list of sub filters for a specific filter | ||
|
||
- Define the `Msg` which will update the state | ||
|
||
```elm | ||
type Msg = UpdateCriteria Criteria.State | ||
|
||
update : Msg -> Model -> Model | ||
update msg model = | ||
case msg of | ||
UpdateCriteria state -> | ||
{ model | criteria = state } | ||
``` | ||
|
||
- Finally display the `Criteria.view` in your view | ||
|
||
```elm | ||
view : Model -> Html Msg | ||
view model = | ||
div [] | ||
[ | ||
Criteria.view criteriaConfig model.criteria filters | ||
] | ||
``` | ||
## Examples | ||
|
||
[example](https://dwyl.github.io/elm-criteria/example.html) | ||
See a [live example](https://dwyl.github.io/elm-criteria/example.html) and its [code]() | ||
|
||
To run the exmple on your machine: | ||
- clone this repository `git clone [email protected]:dwyl/elm-criteria.git && cd elm-criteria` | ||
- move to the `examples` directory: `cd examples` | ||
- run `elm reactor` | ||
- visit `localhost:8000` and select the example Elm file you want to run | ||
|
||
## Tests | ||
|
||
To run the tests make sure to have installed the dependencies of the package with `elm install` then run `elm-test --verbose`: | ||
|
||
![tests](https://user-images.githubusercontent.com/6057298/49627193-70c35580-f9d5-11e8-95d3-8313258ad58c.png) | ||
|
||
## Releases | ||
| Version | Notes | | ||
| ------- | ----- | | ||
| [**1.0.0**](https://github.com/dwyl/elm-criteria/releases/tag/1.0.0) | elm-criteria initial release |
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remember to update the direct link to the code for the example. 👍🏻