1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
module View.Payment.Pages
( widget
, PagesIn(..)
, PagesOut(..)
) where
import qualified Data.Text as T
import Reflex.Dom (Dynamic, Event, MonadWidget)
import qualified Reflex.Dom as R
import Component (ButtonIn (..), ButtonOut (..))
import qualified Component as Component
import qualified Icon
import qualified Util.Dom as Dom
data PagesIn t = PagesIn
{ _pagesIn_total :: Dynamic t Int
, _pagesIn_perPage :: Int
, _pagesIn_reset :: Event t ()
}
data PagesOut t = PagesOut
{ _pagesOut_currentPage :: Dynamic t Int
}
widget :: forall t m. MonadWidget t m => PagesIn t -> m (PagesOut t)
widget pagesIn = do
currentPage <- Dom.divVisibleIf ((> 0) <$> total) $ pageButtons total perPage reset
return $ PagesOut
{ _pagesOut_currentPage = currentPage
}
where
total = _pagesIn_total pagesIn
perPage = _pagesIn_perPage pagesIn
reset = _pagesIn_reset pagesIn
pageButtons :: forall t m. MonadWidget t m => Dynamic t Int -> Int -> Event t () -> m (Dynamic t Int)
pageButtons total perPage reset = do
R.divClass "pages" $ do
rec
currentPage <- R.holdDyn 1 . R.leftmost $
[ firstPageClic
, previousPageClic
, pageClic
, nextPageClic
, lastPageClic
, (const 1) <$> reset
]
firstPageClic <- pageButton noCurrentPage (R.constDyn 1) Icon.doubleLeftBar
previousPageClic <- pageButton noCurrentPage (fmap (\x -> max (x - 1) 1) currentPage) Icon.doubleLeft
pageClic <- pageEvent <$> (R.simpleList (range <$> currentPage <*> maxPage) $ \p ->
pageButton (Just <$> currentPage) p (R.dynText $ fmap (T.pack . show) p))
nextPageClic <- pageButton noCurrentPage ((\c m -> min (c + 1) m) <$> currentPage <*> maxPage) Icon.doubleRight
lastPageClic <- pageButton noCurrentPage maxPage Icon.doubleRightBar
return currentPage
where maxPage = R.ffor total (\t -> ceiling $ toRational t / toRational perPage)
pageEvent = R.switch . R.current . fmap R.leftmost
noCurrentPage = R.constDyn Nothing
range :: Int -> Int -> [Int]
range currentPage maxPage = [start..end]
where sidePages = 2
start = max 1 (min (currentPage - sidePages) (maxPage - sidePages * 2))
end = min maxPage (start + sidePages * 2)
pageButton :: forall t m. MonadWidget t m => Dynamic t (Maybe Int) -> Dynamic t Int -> m () -> m (Event t Int)
pageButton currentPage page content = do
clic <- _buttonOut_clic <$> (Component.button $ ButtonIn
{ _buttonIn_class = do
cp <- currentPage
p <- page
if cp == Just p then "page current" else "page"
, _buttonIn_content = content
, _buttonIn_waiting = R.never
, _buttonIn_tabIndex = Nothing
, _buttonIn_submit = False
})
return . fmap fst $ R.attach (R.current page) clic
|
