default tab first icons and node upload form alert messages

dist/styles/bootstrap-darkster.css

@@ -5927,6 +5927,7 @@ a.close.disabled {
   background-color: #fff;
   margin-left: 1.75rem;
   margin-right: 1.75rem;
+  max-width: 800px;
 }
 .b-modal__header {
   background-color: white;
@@ -11099,7 +11100,7 @@ select.form-control {
   display: none;
 }
 .node-popup-tooltip .popup-container .toolbox-tab-content {
-  padding: 40px 56px;
+  padding: 32px;
 }
 
 .table tr td {

dist/styles/bootstrap-default.css

@@ -5739,6 +5739,7 @@ a.close.disabled {
   background-color: #fff;
   margin-left: 1.75rem;
   margin-right: 1.75rem;
+  max-width: 800px;
 }
 .b-modal__header {
   background-color: rgba(0, 0, 0, 0.03);
@@ -10905,7 +10906,7 @@ select.form-control {
   display: none;
 }
 .node-popup-tooltip .popup-container .toolbox-tab-content {
-  padding: 40px 56px;
+  padding: 32px;
 }
 
 .table tr td {

dist/styles/bootstrap-greyson.css

@@ -5578,6 +5578,7 @@ a.close.disabled {
   background-color: #fff;
   margin-left: 1.75rem;
   margin-right: 1.75rem;
+  max-width: 800px;
 }
 .b-modal__header {
   background-color: rgba(0, 0, 0, 0.03);
@@ -10750,7 +10751,7 @@ select.form-control {
   display: none;
 }
 .node-popup-tooltip .popup-container .toolbox-tab-content {
-  padding: 40px 56px;
+  padding: 32px;
 }
 
 .table tr td {

dist/styles/bootstrap-herbie.css

@@ -5803,6 +5803,7 @@ a.close.disabled {
   background-color: #fff;
   margin-left: 1.75rem;
   margin-right: 1.75rem;
+  max-width: 800px;
 }
 .b-modal__header {
   background-color: rgba(0, 0, 0, 0.03);
@@ -10975,7 +10976,7 @@ select.form-control {
   display: none;
 }
 .node-popup-tooltip .popup-container .toolbox-tab-content {
-  padding: 40px 56px;
+  padding: 32px;
 }
 
 .table tr td {

dist/styles/bootstrap-monotony.css

@@ -5876,6 +5876,7 @@ a.close.disabled {
   background-color: #fff;
   margin-left: 1.75rem;
   margin-right: 1.75rem;
+  max-width: 800px;
 }
 .b-modal__header {
   background-color: rgba(0, 0, 0, 0.03);
@@ -11048,7 +11049,7 @@ select.form-control {
   display: none;
 }
 .node-popup-tooltip .popup-container .toolbox-tab-content {
-  padding: 40px 56px;
+  padding: 32px;
 }
 
 .table tr td {

src/Gargantext/Components/Forest/Tree/Node/Action/Documentation.purs

 module Gargantext.Components.Forest.Tree.Node.Action.Documentation where
 
 import Data.Maybe (Maybe(..))
+import Gargantext.Components.Bootstrap as B
 import Gargantext.Components.Forest.Tree.Node.Tools as Tools
 import Gargantext.Prelude (map, pure, show, ($), (<>))
 import Gargantext.Types (NodeType)
@@ -27,7 +28,10 @@ actionDocCpt = here.component "actionDoc" cpt
       Tools.panelNoFooter { mError: Nothing }
 
         ([ H.div { }
-           [ H.h5 { className: "text-primary" } [H.text "Documentation about the current node" ]
+           [ H.h5 { className: "text-primary font-weight-normal" } 
+             [ B.icon { name: "question-circle" }
+             , H.span { className: "px-1"} [ H.text "Documentation" ]
+             ]
            , H.div { className: "" } 
              [ H.dl { className: "row" } 
                [ 

src/Gargantext/Components/Forest/Tree/Node/Action/Search.purs

@@ -62,19 +62,19 @@ actionSearchWithLangsCpt = here.component "actionSearchWithLangs" cpt
   cpt { dispatch, id, langs, session } _ = do
     { errors } <- Store.use
     search <- T.useBox $ defaultSearch { node_id = id }
-    pure $ R.fragment
+    pure $ H.div { className: "card-body toolbox-tab-content p-5" }
       [ H.p { className: "action-search mx-2" }
-          [ H.text $ "Search and create a private "
-              <> "corpus with the search query as corpus name."
-          ]
+        [ H.text $ "Search and create a private "
+            <> "corpus with the search query as corpus name."
+        ]
       , searchBar
-          { errors
-          , langs
-          , onSearch: searchOn dispatch
-          , search
-          , session
-          }
-          []
+        { errors
+        , langs
+        , onSearch: searchOn dispatch
+        , search
+        , session
+        }
+        []
       ]
     where
     searchOn

src/Gargantext/Components/Forest/Tree/Node/Box.purs

@@ -140,7 +140,6 @@ nodePopupViewCpt = here.component "nodePopupView" cpt
       H.div
       { className: intercalate " "
           [ "popup-container__body"
-          , "card-body"
           , "toolbox-tabs-labels"
           ]
       } $
@@ -172,10 +171,11 @@ nodePopupViewCpt = here.component "nodePopupView" cpt
           else []
 
   mPanelAction :: Record NodePopupS -> Record NodePopupProps -> R.Element
-  mPanelAction
+
+  mPanelAction 
     { action: Just action }
     { boxes, dispatch, id, name, nodeType, session } =
-    panelAction
+    panelAction 
       { action
       , boxes
       , dispatch
@@ -184,39 +184,67 @@ nodePopupViewCpt = here.component "nodePopupView" cpt
       , nodeType
       , session
       }
-  mPanelAction { action: Nothing } _ =
-    H.div
-      { className: "popup-container__footer card-footer" }
-      [ H.h6
-          {}
-          [ B.icon
-              { name: "hand-pointer-o"
-              , className: "mr-1"
-              }
-          , H.text "Select available actions of this node"
-          ]
-      , H.ul
-          { className: "panel-actions" }
-          [ H.div
-              { className: "panel-actions__ok-to-use" }
-              [ B.icon
-                  { name: "circle" }
-              , B.span_ "usable"
-              ]
-          , H.div
-              { className: "panel-actions__almost-useable" }
-              [ B.icon
-                  { name: "circle" }
-              , B.span_ "almost useable"
-              ]
-          , H.div
-              { className: "panel-actions__development-in-progress" }
-              [ B.icon
-                  { name: "circle" }
-              , B.span_ "development in progress"
-              ]
-          ]
+  mPanelAction { action: Nothing } 
+               props@{ boxes, dispatch, id, name, nodeType, session } =
+    R.fragment 
+    [ H.div { className: "" }
+      [
+        panelAction { action: Documentation nodeType
+                , boxes
+                , dispatch
+                , id
+                , name
+                , nodeType
+                , session
+                }
       ]
+    -- , H.div
+    --   { className: "popup-container__footer card-footer" }
+    --   [
+    --     H.h6
+    --     {}
+    --     [
+    --       B.icon
+    --       { name: "hand-pointer-o"
+    --       , className: "mr-1"
+    --       }
+    --     ,
+    --       H.text "Select available actions of this node"
+    --     ]
+    --   ,
+    --     H.ul
+    --     { className: "panel-actions" }
+    --     [
+    --       H.div
+    --       { className: "panel-actions__ok-to-use" }
+    --       [
+    --         B.icon
+    --         { name: "circle" }
+    --       ,
+    --         B.span_ "usable"
+    --       ]
+    --     ,
+    --       H.div
+    --       { className: "panel-actions__almost-useable" }
+    --       [
+    --         B.icon
+    --         { name: "circle" }
+    --       ,
+    --         B.span_ "almost useable"
+    --       ]
+    --     ,
+    --       H.div
+    --       { className: "panel-actions__development-in-progress" }
+    --       [
+    --         B.icon
+    --         { name: "circle" }
+    --       ,
+    --         B.span_ "development in progress"
+    --       ]
+    --     ]
+    --   ]
+    ]
+
 
 type ActionState =
   ( action :: Maybe NodeAction
@@ -338,6 +366,7 @@ panelAction = R2.leaf panelActionCpt
 panelActionCpt :: R.Component PanelActionProps
 panelActionCpt = here.component "panelAction" cpt
   where
+<<<<<<< HEAD
   cpt { action: Add xs, dispatch, id, name, nodeType } _ =
     pure $ addNodeView { dispatch, id, name, nodeType, nodeTypes: xs } []
   cpt { action: AddingContact, dispatch, id } _ =
@@ -375,3 +404,43 @@ panelActionCpt = here.component "panelAction" cpt
   cpt { action: WriteNodesDocuments, dispatch, id, session } _ =
     pure $ actionWriteNodesDocuments { dispatch, id, session } []
   cpt _ _ = pure $ H.div {} []
+=======
+    cpt { action: Add xs, dispatch, id, name, nodeType} _ =
+      pure $ addNodeView {dispatch, id, name, nodeType, nodeTypes: xs} []
+    cpt { action : AddingContact, dispatch, id } _ =
+      pure $ Contact.actionAddContact { dispatch, id } []
+    cpt { action: Config, nodeType } _ =
+      -- pure $ fragmentPT $ "Config " <> show nodeType
+      pure $ H.div { className: "card-body toolbox-tab-content p-5" } [ H.text $ "Config " <> show nodeType ]
+    cpt { action: Delete, nodeType, dispatch} _ =
+      pure $ actionDelete { dispatch, nodeType } []
+    cpt { action: Documentation nodeType} _ =
+      pure $ actionDoc { nodeType } []
+    cpt { action: Download, id, nodeType, session} _ =
+      pure $ actionDownload { id, nodeType, session } []
+    cpt { action: Link {subTreeParams}, dispatch, id, nodeType, session } _ =
+      pure $ linkNode { dispatch, id, nodeType, session, subTreeParams } []
+    cpt { action: ManageTeam, nodeType, id, session} _ =
+      pure $ actionManageTeam { id, nodeType, session } []
+    cpt { action: Merge {subTreeParams}, dispatch, id, nodeType, session } _ =
+      pure $ mergeNode { dispatch, id, nodeType, session, subTreeParams } []
+    cpt { action: Move {subTreeParams}, dispatch, id, nodeType, session } _ =
+      pure $ moveNode { dispatch, id, nodeType, session, subTreeParams } []
+    cpt { action : Publish {subTreeParams}, dispatch, id, nodeType, session } _ =
+      pure $ Share.publishNode { dispatch, id, nodeType, session, subTreeParams } []
+    cpt { action: Reconstruct , dispatch, nodeType } _ =
+      pure $ update { dispatch, nodeType } []
+    cpt { action: Refresh , dispatch, nodeType } _ =
+      pure $ update { dispatch, nodeType } []
+    cpt { action: ReloadWithSettings , dispatch, nodeType } _ =
+      pure $ update { dispatch, nodeType } []
+    cpt { action: SearchBox, dispatch, id, session } _ =
+      pure $ actionSearch { dispatch, id: Just id, session } []
+    cpt { action : Share, id, session } _ = pure $ Share.shareNode { id, session } []
+    cpt { action: ShareURL, id, nodeType, session } _ = pure $ Share.shareURL { nodeType, id, session } []
+    cpt { action: Upload, dispatch, id, nodeType, session} _ =
+      pure $ actionUpload { dispatch, id, nodeType, session } []
+    cpt { action: WriteNodesDocuments, dispatch, id, session } _ =
+      pure $ actionWriteNodesDocuments { dispatch, id, session } []
+    cpt _ _ = pure $ H.div {} []
+>>>>>>> 645780497 (default tab first icons and node upload form alert messages)

src/Gargantext/Components/Forest/Tree/Node/Tools.purs

@@ -52,7 +52,7 @@ panelCpt = here.component "panel" cpt
               ]
 
     pure $ R.fragment
-      [ H.div { className: "card-body toolbox-tab-content" }
+      [ H.div { className: "card-body toolbox-tab-content p-5" }
           [ H.div { className: "card-text" }
               [ R2.row
                   -- TODO add type for text or form here [ H.form {className: "form-horizontal"} bodies ]

src/sass/_legacy/_styles.sass

@@ -413,6 +413,6 @@ select.form-control
         display: none
     
     .toolbox-tab-content
-      padding: space-x(5) space-x(7)
+      padding: space-x(4)
 
 

src/sass/components/_grouped.scss

@@ -46,6 +46,7 @@
     background-color: $modal-content-bg;
     margin-left: $wrapper-margin;
     margin-right: $wrapper-margin;
+    max-width: 800px;
   }
 
   &__header {