mirror of
https://github.com/TheAnachronism/docspell.git
synced 2025-06-22 02:18:26 +00:00
f5e375614f
- Adopted postcss and tailwind config to new version - renamed colors bluegray->slate etc to not have custom definitions (hope to reduce migration next time) - tailwind now doesn't build the complete css anymore, so the `dev-ui-build` script must compile both
112 lines
4.1 KiB
Elm
112 lines
4.1 KiB
Elm
{-
|
|
Copyright 2020 Eike K. & Contributors
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-or-later
|
|
-}
|
|
|
|
|
|
module Comp.ItemDetail.Notes exposing (view)
|
|
|
|
import Comp.ItemDetail.Model
|
|
exposing
|
|
( Model
|
|
, Msg(..)
|
|
, NotesField(..)
|
|
, SaveNameState(..)
|
|
)
|
|
import Comp.MarkdownInput
|
|
import Html exposing (..)
|
|
import Html.Attributes exposing (..)
|
|
import Html.Events exposing (onClick)
|
|
import Markdown
|
|
import Messages.Comp.ItemDetail.Notes exposing (Texts)
|
|
import Page exposing (Page(..))
|
|
import Styles as S
|
|
import Util.String
|
|
|
|
|
|
view : Texts -> Model -> Html Msg
|
|
view texts model =
|
|
case model.notesField of
|
|
ViewNotes ->
|
|
div [ class "flex flex-col ds-item-detail-notes" ]
|
|
[ div [ class "flex flex-row items-center border-b dark:border-slate-600" ]
|
|
[ div [ class "flex-grow font-bold text-lg" ]
|
|
[ text texts.notes
|
|
]
|
|
, div [ class "" ]
|
|
[ a
|
|
[ class S.link
|
|
, onClick ToggleEditNotes
|
|
, href "#"
|
|
]
|
|
[ i [ class "fa fa-edit mr-2" ] []
|
|
, text texts.basics.edit
|
|
]
|
|
]
|
|
]
|
|
, div [ class "" ]
|
|
[ Markdown.toHtml [ class "markdown-preview" ]
|
|
(Maybe.withDefault "" model.item.notes)
|
|
]
|
|
]
|
|
|
|
EditNotes mm ->
|
|
let
|
|
classes act =
|
|
classList
|
|
[ ( "opacity-100", act )
|
|
, ( "opacity-50", not act )
|
|
]
|
|
in
|
|
div [ class "flex flex-col ds-item-detail-notes" ]
|
|
[ div [ class "flex flex-col" ]
|
|
[ div [ class "flex flex-row items-center" ]
|
|
[ div [ class "font-bold text-lg" ]
|
|
[ text texts.notes
|
|
]
|
|
, div [ class "flex flex-grow justify-end text-sm" ]
|
|
[ Html.map NotesEditMsg
|
|
(Comp.MarkdownInput.viewEditLink2 texts.basics.edit classes mm)
|
|
, span [ class "px-3" ] [ text "•" ]
|
|
, Html.map NotesEditMsg
|
|
(Comp.MarkdownInput.viewPreviewLink2 texts.preview classes mm)
|
|
]
|
|
]
|
|
]
|
|
, div [ class "flex flex-col h-64" ]
|
|
[ Html.map NotesEditMsg
|
|
(Comp.MarkdownInput.viewContent2
|
|
(Maybe.withDefault "" model.notesModel)
|
|
mm
|
|
)
|
|
, div [ class "text-sm flex justify-end" ]
|
|
[ Comp.MarkdownInput.viewCheatLink2 texts.supportsMarkdown
|
|
S.link
|
|
mm
|
|
]
|
|
, div [ class "flex flex-row mt-1" ]
|
|
[ a
|
|
[ class S.primaryButton
|
|
, href "#"
|
|
, onClick SaveNotes
|
|
]
|
|
[ i [ class "fa fa-save font-thin mr-2" ] []
|
|
, text texts.basics.submit
|
|
]
|
|
, a
|
|
[ classList
|
|
[ ( "invisible hidden", Util.String.isNothingOrBlank model.item.notes )
|
|
]
|
|
, class S.secondaryButton
|
|
, class "ml-2"
|
|
, href "#"
|
|
, onClick ToggleEditNotes
|
|
]
|
|
[ i [ class "fa fa-times mr-2" ] []
|
|
, text texts.basics.cancel
|
|
]
|
|
]
|
|
]
|
|
]
|