module View.Payments.Paging ( paymentsPaging ) where import Html exposing (..) import Html.Attributes exposing (..) import Html.Events exposing (..) import Model.View.PaymentView exposing (..) import Model.Payment exposing (perPage) import ServerCommunication as SC exposing (serverCommunications) import Update exposing (..) import Update.Payment exposing (..) import View.Icon exposing (renderIcon) showedPages : Int showedPages = 5 paymentsPaging : PaymentView -> Html paymentsPaging paymentView = let maxPage = ceiling (toFloat paymentView.paymentsCount / toFloat perPage) pages = truncatePages paymentView.currentPage [1..maxPage] in if maxPage == 1 then text "" else ul [ class "pages" ] ( ( if paymentView.currentPage > 1 then [ firstPage, previousPage paymentView ] else [] ) ++ ( List.map (paymentsPage paymentView) pages) ++ ( if paymentView.currentPage < maxPage then [ nextPage paymentView, lastPage maxPage ] else [] ) ) truncatePages : Int -> List Int -> List Int truncatePages currentPage pages = let totalPages = List.length pages showedLeftPages = ceiling ((toFloat showedPages - 1) / 2) showedRightPages = floor ((toFloat showedPages - 1) / 2) truncatedPages = if | currentPage < showedLeftPages -> [1..showedPages] | currentPage > totalPages - showedRightPages -> [(totalPages - showedPages)..totalPages] | otherwise -> [(currentPage - showedLeftPages)..(currentPage + showedRightPages)] in List.filter (flip List.member pages) truncatedPages firstPage : Html firstPage = li [ class "page" , onClick serverCommunications.address (SC.UpdatePage 1) ] [ renderIcon "fast-backward" ] previousPage : PaymentView -> Html previousPage paymentView = li [ class "page" , onClick serverCommunications.address (SC.UpdatePage (paymentView.currentPage - 1)) ] [ renderIcon "backward" ] nextPage : PaymentView -> Html nextPage paymentView = li [ class "page" , onClick serverCommunications.address (SC.UpdatePage (paymentView.currentPage + 1)) ] [ renderIcon "forward" ] lastPage : Int -> Html lastPage maxPage = li [ class "page" , onClick serverCommunications.address (SC.UpdatePage maxPage) ] [ renderIcon "fast-forward" ] paymentsPage : PaymentView -> Int -> Html paymentsPage paymentView page = let onCurrentPage = page == paymentView.currentPage in li [ class ("page" ++ (if onCurrentPage then " current" else "")) , onClick serverCommunications.address <| if onCurrentPage then SC.NoCommunication else SC.UpdatePage page ] [ text (toString page) ]