Merge branch 'master' of github.com:eikek/docspell into pr-consumedir_clean

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

@@ -59,7 +59,7 @@ view flags settings model =
                     , onClick ToggleSearchMenu
                     , title "Hide menu"
                     ]
-                    [ i [ class "ui angle down icon" ] []
+                    [ i [ class "ui angle left icon" ] []
                     ]
                 , div [ class "right floated menu" ]
                     [ a
@@ -300,7 +300,7 @@ viewSearchBar flags model =
             ]
         ]
         [ a
-            [ class "item"
+            [ class "search-menu-toggle ui blue icon button"
             , onClick ToggleSearchMenu
             , href "#"
             , if model.searchTypeForm == ContentOnlySearch then
@@ -309,19 +309,7 @@ viewSearchBar flags model =
               else
                 title "Open search menu"
             ]
-            [ i [ class "angle left icon" ] []
+            [ i [ class "angle right icon" ] []
-            , i [ class "icons" ]
-                [ i [ class "grey bars icon" ] []
-                , i [ class "bottom left corner search icon" ] []
-                , if model.searchTypeForm == ContentOnlySearch then
-                    i [ class "top right red corner delete icon" ] []
-
-                  else if hasMoreSearch model then
-                    i [ class "top right blue corner circle icon" ] []
-
-                  else
-                    span [ class "hidden invisible" ] []
-                ]
             ]
         , div [ class "item" ]
             [ div [ class "ui left icon right action input" ]
@@ -333,7 +321,15 @@ viewSearchBar flags model =
                     , href "#"
                     , onClick DoSearch
                     ]
-                    []
+                    (if hasMoreSearch model && model.searchTypeForm == BasicSearch then
+                        [ i [ class "icons search-corner-icons" ]
+                            [ i [ class "tiny blue circle icon" ] []
+                            ]
+                        ]
+
+                     else
+                        []
+                    )
                 , input
                     [ type_ "text"
                     , placeholder "Quick Search …"

modules/webapp/src/main/webjar/docspell.css

@@ -31,6 +31,19 @@
     margin: 0 1em;
 }
 
+.default-layout .ui.menu a.search-menu-toggle {
+    position: absolute;
+    left: -2px;
+    top: 18px;
+    z-index: 2;
+}
+
+.default-layout .icons.search-corner-icons {
+    position: relative;
+    top: 10px;
+    left: 8px;
+}
+
 .default-layout .ui.icon.menu .label.item {
     padding: 0 0.5em 0 0;
 }

website/site/content/docs/webapp/multiedit.md

@@ -0,0 +1,49 @@
++++
+title = "Multi Edit"
+weight = 25
++++
+
+## Toggle Selection Mode
+
+Docspell allows to edit and delete multiple items. Search the items
+you want to edit or delete and then select them by changing into
+"select mode". This changes the view slightly by adding a menu to the
+main area and the item cards contain a check box:
+
+{{ figure(file="multiedit-01.png") }}
+
+Then select items by clicking on the card. You can also change the
+search form and add more items to the selection. The top left shows
+how many items are selected and allows to select and deselect all
+visible items. Selected items are displayed in a different color.
+
+{{ figure(file="multiedit-02.png") }}
+
+
+## Choose an Action: Edit
+
+Once all desired items are selected, choose an action. Currently you
+can edit or delete them. When clicking "edit", the left side menu
+changes to a form for changing the metadata:
+
+{{ figure(file="multiedit-03.png") }}
+
+Changing the metadata in that form immediately applies it to all
+selected items. You can change the selection anytime.
+
+{{ figure(file="multiedit-04.png") }}
+
+
+If you are done, just click on the icon from the beginning to go back
+to "normal" mode.
+
+{{ figure(file="multiedit-05.png") }}
+
+## Choose an Action: Delete
+
+When choosing the delete action, a confirmation dialog shows up. If
+you confirm the deletion, then all selected items are deleted at the
+server and the view is switched back to normal mode afterwards. Note
+that deleting a lot of items may take a while to finish.
+
+{{ figure(file="multiedit-06.png") }}