[Marmite]

Mam kontener o ograniczonej szerokości (czarny) i w nim elementy (czerwone) które mają display: flex. Rodzic ma ustawiony flex-direction: row i flex-wrap: wrap, więc elementy się elegancko zawijają, jak na obrazku.

Potrzebuję narzędzia, dzięki którym będę mógł zmieniać takim elementom kolejność przeciągając je. Taki drag&drop, najlepiej jakiś wybajerzony że widać który element się przenosi i gdzie się upuszcza, dobrze by było gdyby współpracował z tym flexem i zawijaniem. No i musi działać na dotykowych wyświetlaczach, rozwiązanie dowolne (najlepiej pewnie przytrzymanie na elemencie, żeby wejść w tryb przesuwania, tak jak we wszystkich systemach operacyjnych segreguje się aplikacje).

Fajnie by było jakby była to dyrektywa angularowa działająca z ng-repeat, ale jeśli nie da rady to nie szkodzi. Biblioteka może być płatna, aczkolwiek jeśli istnieją darmowe rozwiązania, to je preferuję ;) czy ktoś z was zna taką bibliotekę albo ma jakieś doświadczenia z rozwiązaywaniem podobnego problemu?

#webdev

EDIT: w ostateczności może być bez flexa, wtedy dobrze by było żeby reszta działała bez problemu, żeby zrekompensować mi robotę potrzebną na zmianę layoutu :P

[epi]

@Marmite: jeszcze nie widziałem nigdzie sortownika z drag&dropem, który działałby z flexem ;)

[Marmite]

@epi: Niedobrze wiedzieć :S

[epi]

@Marmite: a próbowałeś juz jakieś w ogóle?
edit: a nuż się komuś przyda, do angulara używam tego: https://github.com/a5hik/ng-sortable, jest spoko

[Marmite]

@epi: Będę dopiero do tego siadać jak podjadę do biura, chciałem najpierw rozeznać się czy ktoś już czegoś nie poleca.

[n0xx]

@Marmite: Nie pomogę Ci z drag&drop ale podziękuję za flex'a - nie używałem tego nigdy a z tego co widzę to warto się zapoznać.

[niewiemcotuwpisac]

@Marmite: nie wiem czy do konca to spelni Twoje oczekiwania ale ja np uzywalem ostatnio tej biblioteki:
https://rawgit.com/ManifestWebDesign/angular-gridster/master/index.html#/main

[Sn3jku]

@Marmite: https://jqueryui.com/sortable/#display-grid

[Marmite]

podziękuję za flex'a - nie używałem tego nigdy a z tego co widzę to warto się zapoznać.

@n0xx: Polecam, najlepsza rzecz od czasów canvasa

[Marmite]

@Sn3jku: Działa kijowo na mobilnych

[Marmite]

@niewiemcotuwpisac: Nie spełnia, w ogóle nie działa na mobilnych :(

[n0xx]

@Marmite: canvasów nie używam, w przyszłych projektach myślałem o vw/vh żeby na tym oprzeć lejałt ale ten flex jest zbyt kuszący żeby go olać.

//edit
http://touchpunch.furf.com/

[Marmite]

@n0xx: Przed chwilą to znalazłem, ostatni commit rok temu, a 127 issues otwartych ;) właśnie przeglądam forki