22[ ![ codecov] ( https://codecov.io/gh/kreuzerk/ng-sortgrid/branch/master/graph/badge.svg )] ( https://codecov.io/gh/kreuzerk/ng-sortgrid )
33[ ![ angular7] ( https://img.shields.io/badge/angular%207%20ready-true-green.svg )] ( )
44
5- ![ Logo] ( . /projects/ng-sortgrid-demo/src/assets/logo-new.png)
5+ ![ Logo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/logo-new.png)
66
7- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/grid-demo.gif)
7+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/grid-demo.gif)
88
99Read the README or just simply check out our demo at: https://kreuzerk.github.io/ng-sortgrid/
1010
@@ -31,24 +31,24 @@ Import the ```NgsgModule``` in your ```AppModule```.
3131## Apply the directive
3232Loop over your elements with * ngFor. 🛎️ the items needs to be an array.
3333
34- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/gs1.png)
34+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/gs1.png)
3535
3636Apply the ngSortgridItem directive
3737
38- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/gs2.png)
38+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/gs2.png)
3939
4040## React on changes
4141In most cases you are interested in the new sort order. Often you want to store them in local storage or even send them to the backend. To do so the following two steps are needed in addition to the "Getting started" step.
4242
4343Pass your items to the directive via the ngSortGridItems input.
4444
45- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/gs3.png)
45+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/gs3.png)
4646React on the 'sorted' output events
4747
48- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/gs4.png)
48+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/gs4.png)
4949
5050## Group sortgrids
5151In case you have more than one sortgriditem on the page you need to group the sortgriditems to avoid dropping drags from one group in another group.
5252Pass in a unique name to the ngSortGridGroup input
5353
54- ![ Grid demo] ( . /projects/ng-sortgrid-demo/src/assets/gs5.png)
54+ ![ Grid demo] ( https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master /projects/ng-sortgrid-demo/src/assets/gs5.png)
0 commit comments