TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-07-04 16:48:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

First version of new ui based on tailwind

Browse Source 
This drops fomantic-ui as css toolkit and introduces tailwindcss. With
tailwind there are no predefined components, but it's very easy to
create those. So customizing the look&feel is much simpler, most of
the time no additional css is needed.

This requires a complete rewrite of the markup + styles. Luckily all
logic can be kept as is. The now old ui is not removed, it is still
available by using a request header `Docspell-Ui` with a value of `1`
for the old ui and `2` for the new ui.

Another addition is "dev mode", where docspell serves assets with a
no-cache header, to disable browser caching. This makes developing a
lot easier.
This commit is contained in:
Eike Kettner
2021-01-29 20:48:27 +01:00
parent 442b76c5af
commit dd935454c9
140 changed files with 15077 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
modules/webapp/src/main/elm/Page/Home/View.elm
View File

@ -3,7 +3,7 @@ module Page.Home.View exposing (view)
import Api.Model.ItemSearch
import Comp.FixedDropdown
import Comp.ItemCardList
import Comp.ItemDetail.EditMenu
import Comp.ItemDetail.MultiEditMenu
import Comp.SearchMenu
import Comp.SearchStatsView
import Comp.YesNoDimmer
@ -191,7 +191,7 @@ viewLeftMenu flags settings model =
EditSelected ->
let
cfg_ =
Comp.ItemDetail.EditMenu.defaultViewConfig
Comp.ItemDetail.MultiEditMenu.defaultViewConfig
cfg =
{ cfg_
@ -199,10 +199,10 @@ viewLeftMenu flags settings model =
, customFieldState =
\fId ->
if Set.member fId svm.saveCustomFieldState then
Comp.ItemDetail.EditMenu.Saving
Comp.ItemDetail.MultiEditMenu.Saving
else
Comp.ItemDetail.EditMenu.SaveSuccess
Comp.ItemDetail.MultiEditMenu.SaveSuccess
}
in
[ div [ class "ui dividing header" ]
@ -212,7 +212,7 @@ viewLeftMenu flags settings model =
[ text "Note that a change here immediatly affects all selected items on the right!"
]
, Html.map EditMenuMsg
(Comp.ItemDetail.EditMenu.view cfg settings svm.editModel)
(Comp.ItemDetail.MultiEditMenu.view cfg settings svm.editModel)
]
_ ->
@ -412,6 +412,5 @@ deleteAllDimmer =
, headerClass = "ui inverted icon header"
, confirmButton = "Yes"
, cancelButton = "No"
, invertedDimmer = False
, extraClass = "top aligned"
}