render conditional html in lazy thunks
This commit is contained in:
parent
cbf90cdbb6
commit
33eaa42628
|
@ -15,11 +15,11 @@ import Effect.Aff (Aff)
|
|||
import Effect.Class (liftEffect)
|
||||
import Globals (app', closeWindow, mmoment8601)
|
||||
import Halogen as H
|
||||
import Halogen.HTML (HTML, br_, button, div, div_, form, input, label, p, span, table, tbody_, td, td_, text, textarea, tr_)
|
||||
import Halogen.HTML (HTML, br_, button, div, form, input, label, p, span, table, tbody_, td, td_, text, textarea, tr_)
|
||||
import Halogen.HTML.Events (onSubmit, onValueChange, onChecked, onClick)
|
||||
import Halogen.HTML.Properties (autofocus, ButtonType(..), InputType(..), autocomplete, checked, for, id_, name, required, rows, title, type_, value)
|
||||
import Model (Bookmark)
|
||||
import Util (_curQuerystring, _loc, _lookupQueryStringValue, attr, class_)
|
||||
import Util (_curQuerystring, _loc, _lookupQueryStringValue, attr, class_, ifElseH, whenH)
|
||||
import Web.Event.Event (Event, preventDefault)
|
||||
import Web.HTML (window)
|
||||
import Web.HTML.Location (setHref)
|
||||
|
@ -70,15 +70,19 @@ addbmark b' =
|
|||
|
||||
render :: forall m. BState -> H.ComponentHTML BAction () m
|
||||
render s@{ bm, edit_bm } =
|
||||
div_ [ if not s.destroyed then display_edit else display_destroyed ]
|
||||
ifElseH (not s.destroyed)
|
||||
display_edit
|
||||
display_destroyed
|
||||
where
|
||||
display_edit =
|
||||
display_edit _ =
|
||||
form [ onSubmit (Just <<< BEditSubmit) ]
|
||||
[ table [ class_ "w-100" ]
|
||||
[ tbody_
|
||||
[ tr_
|
||||
[ td [ class_ "w1" ] [ ]
|
||||
, td_ $ guard (bm.bid > 0) [ display_exists ]
|
||||
, td_ [ whenH (bm.bid > 0)
|
||||
display_exists
|
||||
]
|
||||
]
|
||||
, tr_
|
||||
[ td_ [ label [ for "url" ] [ text "URL" ] ]
|
||||
|
@ -119,7 +123,7 @@ addbmark b' =
|
|||
]
|
||||
]
|
||||
|
||||
display_exists =
|
||||
display_exists _ =
|
||||
div [ class_ "alert" ]
|
||||
[ text "previously saved "
|
||||
, span [ class_ "link f7 dib gray pr3" , title (maybe bm.time snd mmoment) ]
|
||||
|
@ -135,7 +139,7 @@ addbmark b' =
|
|||
]
|
||||
]
|
||||
|
||||
display_destroyed = p [ class_ "red"] [text "you killed this bookmark"]
|
||||
display_destroyed _ = p [ class_ "red"] [text "you killed this bookmark"]
|
||||
|
||||
editField :: forall a. (a -> EditField) -> a -> Maybe BAction
|
||||
editField f = Just <<< BEditField <<< f
|
||||
|
|
|
@ -5,25 +5,25 @@ import Prelude hiding (div)
|
|||
import App (StarAction(..), destroy, editBookmark, markRead, toggleStar)
|
||||
import Component.Markdown as Markdown
|
||||
import Data.Array (drop, foldMap)
|
||||
import Data.Const (Const)
|
||||
import Data.Lens (Lens', lens, use, (%=), (.=))
|
||||
import Data.Maybe (Maybe(..), fromMaybe, isJust, maybe)
|
||||
import Data.Monoid (guard)
|
||||
import Data.Nullable (toMaybe)
|
||||
import Data.String (null, split, take) as S
|
||||
import Data.String.Pattern (Pattern(..))
|
||||
import Data.Symbol (SProxy(..))
|
||||
import Data.Tuple (fst, snd)
|
||||
import Effect.Aff (Aff)
|
||||
import Globals (app', mmoment8601)
|
||||
import Halogen as H
|
||||
import Halogen.HTML as HH
|
||||
import Halogen.HTML (HTML, a, br_, button, div, div_, form, input, label, span, text, textarea)
|
||||
import Halogen.HTML as HH
|
||||
import Halogen.HTML.Events (onSubmit, onValueChange, onChecked, onClick)
|
||||
import Halogen.HTML.Properties (ButtonType(..), InputType(..), autocomplete, checked, for, href, id_, name, required, rows, target, title, type_, value)
|
||||
import Model (Bookmark)
|
||||
import Data.Symbol (SProxy(..))
|
||||
import Util (class_, attr, fromNullableStr)
|
||||
import Util (attr, class_, fromNullableStr, ifElseH, whenH, whenA)
|
||||
import Web.Event.Event (Event, preventDefault)
|
||||
import Data.Const (Const)
|
||||
|
||||
-- | UI Events
|
||||
data BAction
|
||||
|
@ -55,7 +55,6 @@ type BState =
|
|||
, edit_bm :: Bookmark
|
||||
, deleteAsk:: Boolean
|
||||
, edit :: Boolean
|
||||
, isMarkdown :: Boolean
|
||||
}
|
||||
|
||||
_bm :: Lens' BState Bookmark
|
||||
|
@ -88,26 +87,26 @@ bmark b' =
|
|||
, edit_bm: b
|
||||
, deleteAsk: false
|
||||
, edit: false
|
||||
, isMarkdown: true
|
||||
}
|
||||
|
||||
render :: BState -> H.ComponentHTML BAction ChildSlots Aff
|
||||
render s@{ bm, edit_bm } =
|
||||
div [ id_ (show bm.bid) , class_ ("bookmark w-100 mw7 pa1 mb3" <> guard bm.private " private")] $
|
||||
star <>
|
||||
if s.edit
|
||||
then display_edit
|
||||
else display
|
||||
where
|
||||
|
||||
star =
|
||||
guard app.dat.isowner
|
||||
[ div [ class_ ("star fl pointer" <> guard bm.selected " selected") ]
|
||||
[ button [ class_ "moon-gray", onClick \_ -> Just (BStar (not bm.selected)) ] [ text "✭" ] ]
|
||||
[ whenH app.dat.isowner
|
||||
star
|
||||
, ifElseH s.edit
|
||||
display_edit
|
||||
display
|
||||
]
|
||||
|
||||
display =
|
||||
[ div [ class_ "display" ] $
|
||||
where
|
||||
|
||||
star _ =
|
||||
div [ class_ ("star fl pointer" <> guard bm.selected " selected") ]
|
||||
[ button [ class_ "moon-gray", onClick \_ -> Just (BStar (not bm.selected)) ] [ text "✭" ] ]
|
||||
|
||||
display _ =
|
||||
div [ class_ "display" ] $
|
||||
[ a [ href bm.url, target "_blank", class_ ("link f5 lh-title" <> guard bm.toread " unread")]
|
||||
[ text $ if S.null bm.title then "[no title]" else bm.title ]
|
||||
, br_
|
||||
|
@ -117,24 +116,40 @@ bmark b' =
|
|||
, target "_blank", title "archive link"]
|
||||
[ if isJust (toMaybe bm.archiveUrl) then text "☑" else text "☐" ]
|
||||
, br_
|
||||
--
|
||||
, if s.isMarkdown
|
||||
then div [ class_ "description mt1 mid-gray" ] [ HH.slot _markdown unit Markdown.component bm.description absurd ]
|
||||
else div [ class_ "description mt1 mid-gray" ] (toTextarea bm.description)
|
||||
, div [ class_ "description mt1 mid-gray" ] [ HH.slot _markdown unit Markdown.component bm.description absurd ]
|
||||
, div [ class_ "tags" ] $
|
||||
guard (not (S.null bm.tags))
|
||||
whenA (not (S.null bm.tags)) $ \_ ->
|
||||
map (\tag -> a [ class_ ("link tag mr1" <> guard (S.take 1 tag == ".") " private")
|
||||
, href (linkToFilterTag tag) ]
|
||||
[ text tag ])
|
||||
(S.split (Pattern " ") bm.tags)
|
||||
|
||||
, a [ class_ "link f7 dib gray w4", title (maybe bm.time snd mmoment) , href (linkToFilterSingle bm.slug) ]
|
||||
[ text (maybe " " fst mmoment) ]
|
||||
|
||||
-- links
|
||||
, whenH app.dat.isowner $ \_ ->
|
||||
div [ class_ "edit_links di" ]
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BEdit true), class_ "edit light-silver hover-blue" ] [ text "edit " ]
|
||||
, div [ class_ "delete_link di" ]
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BDeleteAsk true), class_ ("delete light-silver hover-blue" <> guard s.deleteAsk " dn") ] [ text "delete" ]
|
||||
, span ([ class_ ("confirm red" <> guard (not s.deleteAsk) " dn") ] )
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BDeleteAsk false)] [ text "cancel / " ]
|
||||
, button [ type_ ButtonButton, onClick \_ -> Just BDestroy, class_ "red" ] [ text "destroy" ]
|
||||
]
|
||||
]
|
||||
]
|
||||
, whenH app.dat.isowner $ \_ ->
|
||||
div [ class_ "read di" ] $
|
||||
guard bm.toread
|
||||
[ text " "
|
||||
, button [ onClick \_ -> Just BMarkRead, class_ "mark_read" ] [ text "mark as read"]
|
||||
]
|
||||
<> links
|
||||
]
|
||||
|
||||
display_edit =
|
||||
[ div [ class_ "edit_bookmark_form pa2 pt0 bg-white" ] $
|
||||
|
||||
display_edit _ =
|
||||
div [ class_ "edit_bookmark_form pa2 pt0 bg-white" ] $
|
||||
[ form [ onSubmit (Just <<< BEditSubmit) ]
|
||||
[ div_ [ text "url" ]
|
||||
, input [ type_ InputUrl , class_ "url w-100 mb2 pt1 f7 edit_form_input" , required true , name "url"
|
||||
|
@ -173,26 +188,7 @@ bmark b' =
|
|||
, onClick \_ -> Just (BEdit false) ]
|
||||
]
|
||||
]
|
||||
]
|
||||
|
||||
links =
|
||||
guard app.dat.isowner
|
||||
[ div [ class_ "edit_links di" ]
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BEdit true), class_ "edit light-silver hover-blue" ] [ text "edit " ]
|
||||
, div [ class_ "delete_link di" ]
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BDeleteAsk true), class_ ("delete light-silver hover-blue" <> guard s.deleteAsk " dn") ] [ text "delete" ]
|
||||
, span ([ class_ ("confirm red" <> guard (not s.deleteAsk) " dn") ] )
|
||||
[ button [ type_ ButtonButton, onClick \_ -> Just (BDeleteAsk false)] [ text "cancel / " ]
|
||||
, button [ type_ ButtonButton, onClick \_ -> Just BDestroy, class_ "red" ] [ text "destroy" ]
|
||||
]
|
||||
]
|
||||
]
|
||||
, div [ class_ "read di" ] $
|
||||
guard bm.toread
|
||||
[ text " "
|
||||
, button [ onClick \_ -> Just BMarkRead, class_ "mark_read" ] [ text "mark as read"]
|
||||
]
|
||||
]
|
||||
|
||||
editField :: forall a. (a -> EditField) -> a -> Maybe BAction
|
||||
editField f = Just <<< BEditField <<< f
|
||||
|
|
|
@ -21,7 +21,7 @@ import Halogen.HTML as HH
|
|||
import Halogen.HTML.Events (onChecked, onClick, onSubmit, onValueChange)
|
||||
import Halogen.HTML.Properties (ButtonType(..), InputType(..), checked, for, id_, name, rows, title, type_, value)
|
||||
import Model (Note)
|
||||
import Util (_loc, class_, fromNullableStr)
|
||||
import Util (_loc, class_, fromNullableStr, ifElseH)
|
||||
import Web.Event.Event (Event, preventDefault)
|
||||
import Web.HTML.Location (setHref)
|
||||
import Data.Symbol (SProxy(..))
|
||||
|
@ -83,15 +83,14 @@ nnote st' =
|
|||
|
||||
render :: NState -> H.ComponentHTML NAction ChildSlots Aff
|
||||
render st@{ note, edit_note } =
|
||||
if st.destroyed
|
||||
then display_destroyed
|
||||
else
|
||||
if st.edit
|
||||
then renderNote_edit
|
||||
else renderNote
|
||||
ifElseH st.destroyed
|
||||
display_destroyed
|
||||
(const (ifElseH st.edit
|
||||
renderNote_edit
|
||||
renderNote))
|
||||
where
|
||||
|
||||
renderNote =
|
||||
renderNote _ =
|
||||
div [ id_ (show note.id) , class_ ("note w-100 mw7 pa1 mb2")] $
|
||||
[ div [ class_ "display" ] $
|
||||
[ div [ class_ ("link f5 lh-title")]
|
||||
|
@ -117,7 +116,7 @@ nnote st' =
|
|||
]
|
||||
]
|
||||
|
||||
renderNote_edit =
|
||||
renderNote_edit _ =
|
||||
form [ onSubmit (Just <<< NEditSubmit) ]
|
||||
[ p [ class_ "mt2 mb1"] [ text "title:" ]
|
||||
, input [ type_ InputText , class_ "title w-100 mb1 pt1 f7 edit_form_input" , name "title"
|
||||
|
@ -142,7 +141,7 @@ nnote st' =
|
|||
]
|
||||
]
|
||||
|
||||
display_destroyed = p [ class_ "red"] [text "you killed this note"]
|
||||
display_destroyed _ = p [ class_ "red"] [text "you killed this note"]
|
||||
|
||||
mmoment n = mmoment8601 n.created
|
||||
editField :: forall a. (a -> EditField) -> a -> Maybe NAction
|
||||
|
|
|
@ -129,6 +129,12 @@ whenC b c = if b then c else ClassName ""
|
|||
whenH :: forall p i. Boolean -> (Unit -> HH.HTML p i) -> HH.HTML p i
|
||||
whenH b k = if b then k unit else HH.text ""
|
||||
|
||||
whenA :: forall t. Boolean -> (Unit -> Array t) -> Array t
|
||||
whenA b k = if b then k unit else []
|
||||
|
||||
ifElseH :: forall p i. Boolean -> (Unit -> HH.HTML p i) -> (Unit -> HH.HTML p i) -> HH.HTML p i
|
||||
ifElseH b f k = if b then f unit else k unit
|
||||
|
||||
maybeH :: forall a p i. Maybe a -> (a -> HH.HTML p i) -> HH.HTML p i
|
||||
maybeH m k = maybe (HH.text "") k m
|
||||
|
||||
|
|
2
static/js/app.min.js
vendored
2
static/js/app.min.js
vendored
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Loading…
Reference in a new issue