Skip to content

Commit f53e894

Browse files
committed
docs: ✏️ mobile usage
1 parent a915be6 commit f53e894

File tree

2 files changed

+29
-13
lines changed

2 files changed

+29
-13
lines changed

README.md

Lines changed: 28 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,36 @@
1+
# Ng-sortgrid
2+
13
[![Travis build badge](https://img.shields.io/travis/kreuzerk/ng-sortgrid.svg)](https://travis-ci.org/kreuzerk/ng-sortgrid)
24
[![codecov](https://codecov.io/gh/kreuzerk/ng-sortgrid/branch/master/graph/badge.svg)](https://codecov.io/gh/kreuzerk/ng-sortgrid)
35
[![angular10](https://img.shields.io/badge/angular%2010%20ready-true-green.svg)]()
46

5-
# Ng-sortgrid
6-
77
![Logo](https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master/projects/ng-sortgrid-demo/src/assets/ng-sortgrid-logo.png)
88

99
![Grid demo](https://raw.githubusercontent.com/kreuzerk/ng-sortgrid/master/projects/ng-sortgrid-demo/src/assets/grid-demo.gif)
1010

11-
[Demo](https://kreuzerk.github.io/ng-sortgrid/)
11+
- - <!-- START doctoc generated TOC please keep comment here to allow auto update -->
12+
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
13+
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
14+
15+
- [Ng-sortgrid](#ng-sortgrid)
16+
- [Getting started](#getting-started)
17+
- [Download](#download)
18+
- [Apply the directive](#apply-the-directive)
19+
- [React on changes](#react-on-changes)
20+
- [Group sortgrids](#group-sortgrids)
21+
- [Use the async pipe](#use-the-async-pipe)
22+
- [Style your items on different events](#style-your-items-on-different-events)
23+
- [Integrate the build in CSS](#integrate-the-build-in-css)
24+
- [Scrolling](#scrolling)
25+
- [Custom scroll points](#custom-scroll-points)
26+
- [Scroll speed (*default 50*)](#scroll-speed-default-50)
27+
- [API](#api)
28+
- [Inputs](#inputs)
29+
- [Outputs](#outputs)
30+
- [Mobile usage](#mobile-usage)
31+
32+
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
1233

13-
- [Getting started](#getting-started)
14-
- [Download](#download)
15-
- [Apply the directive](#apply-the-directive)
16-
- [React on changes](#react-on-changes)
17-
- [API](#api)
18-
- [Inputs](#inputs)
19-
- [Outputs](#outputs)
20-
21-
# Getting started
2234
## Download
2335

2436
```
@@ -123,3 +135,7 @@ The *scrollSpeed* property accepts a number and allows you to specify the scroll
123135
| Value | Description | Default|
124136
|-------------------|------------------------------------------------------------------------------------------------------------------------------------------------|--------|
125137
| sorted: EventEmitter<NgsgOrderChange<T> | Emits an event after we sorted the items, each event is of type NgsgOrderChange. The NgsgOrderChange contains the previousOrder and the currentOrder. Both are freshly created arrays. |undefined|
138+
139+
# Mobile usage
140+
141+
If you want to use those events on mobile you probably have to use some polyfills in order to emit all the needed events. Including this polyfill in your app should do the trick. https://github.com/timruffles/mobile-drag-drop.

projects/ng-sortgrid-demo/src/app/introduction/examples/getting-started/getting-started-memory.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,6 @@ import {Component} from '@angular/core';
66
})
77
export class GettingStartedMemoryComponent {
88

9-
public items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
9+
public items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
1010
}
1111

0 commit comments

Comments
 (0)