design changes, need to test

f58560ea · Sudhir Kumar · 4fd21b98 · f58560ea · f58560ea · f58560ea
Commit f58560ea authored Dec 09, 2018 by Sudhir Kumar
7 changed files
--- a/dist/css/Login.css
+++ b/dist/css/Login.css
-.
 .logoSmall {
    line-height:15px;
    height:10px;
    padding: 10px 10px;
 }
 #logo-designed {
    border:15px;
 }
@@ -30,7 +27,6 @@
 }
 .tableHeader {
-    background-color : blue;
    color: white;
 }
@@ -75,7 +71,6 @@ logoSmall {
 }
 .tableHeader {
-    background-color : blue;
    color: white;
 }
@@ -148,8 +143,6 @@ text-align: center;
    border:none;
 }
 #arrow {
    width: 0;
    height: 0;
@@ -162,7 +155,6 @@ text-align: center;
    left: -9px;
 }
 #rename-tooltip a:hover
 {
    text-decoration:none;
@@ -174,3 +166,14 @@ text-align: center;
 }
+.nooverflow {
+    max-width: 300px;
+    height : 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.nooverflow:hover {
+    overflow: visible;
+    height: auto;
+}
\ No newline at end of file
--- a/src/Gargantext/Components/DocsTable.purs
+++ b/src/Gargantext/Components/DocsTable.purs
@@ -49,6 +49,7 @@ type Props =
  -- ^ tabType is not ideal here since it is too much entangled with tabs and
  -- ngramtable. Let's see how this evolves.
  }
+-- TODO: When a pagination link is clicked, reload data.
 type State =
  { documentIdsToDelete :: Set Int
@@ -138,8 +139,8 @@ instance decodeResponse :: DecodeJson Response where
 filterSpec :: forall state props action. Spec state props action
 filterSpec = simpleSpec defaultPerformAction render
  where
-    render d p s c = [div [] [ text "    Filter "
+    render d p s c = [div [ className "col-md-2"] [ text "    Filter "
-                     , input []
+                     , input [className "form-control"]
                     ]]
 docViewSpec :: Spec {} Props Void
@@ -327,7 +328,7 @@ searchResults squery = post "http://localhost:8008/count" unit
-newtype FavoriteQuery = FavoriteQuery 
+newtype FavoriteQuery = FavoriteQuery
                        { favorites :: Array Int
                        }

--- a/src/Gargantext/Components/NgramsTable.purs
+++ b/src/Gargantext/Components/NgramsTable.purs
@@ -315,9 +315,8 @@ tableContainer {searchQuery, dispatch, ngramsParent, ngramsChildren, ngramsTable
              , text "Extracted Terms"
              ]
            , div [className "row"]
-              [ div [className "savediv pull-left col-md-2", style { marginTop :"1.5em"}]
+              [ div [className "savediv pull-left col-md-2", style { marginTop :"35px"}]
-                [ span [className "needsaveicon glyphicon glyphicon-import"] []
+                [  button [_id "ImportListOrSaveAll", className "btn btn-warning", style {fontSize : "120%"}]
-                , button [_id "ImportListOrSaveAll", className "btn btn-warning", style {fontSize : "120%"}]
                  [ text "Import a Termlist" ]
                ]
              , div [className "col-md-4", style {marginTop : "37px"}]
@@ -330,21 +329,20 @@ tableContainer {searchQuery, dispatch, ngramsParent, ngramsChildren, ngramsTable
                        ]
                ]
              , div [_id "filter_terms", className "col-md-6", style{ marginTop : "2.1em",paddingLeft :"1em"}]
-                [ div [className "row", style {marginTop : "6px"}]
+                [ div [className "col-md-10 list-group", style {marginTop : "6px"}]
-                  [ div [className "col-md-3"]
+                  [ li [className " list-group-item"]
                    [ select  [ _id "picklistmenu"
                              , className "form-control custom-select"
                              , onChange (\e -> dispatch (SetTermListFilter $ readTermList $ unsafeEventValue e))
                              ] $ map optps1 termLists
                    ]
-                  , div [className "col-md-3"]
+                  , li [className "list-group-item"]
                    [ select  [ _id "picktermtype"
                              , className "form-control custom-select"
-                              , style {marginLeft : "1em"}
                              , onChange (\e -> dispatch (SetTermTypeFilter $ readTermType $ unsafeEventValue e))
                              ] $ map optps1 termTypes
                    ]
-                  , div [className "col-md-3"] [ props.pageSizeControl ]
+                  , li [className " list-group-item"] [ props.pageSizeControl ]
                  ]
                ]
              , div [className "col-md-6", style {marginTop : "24px", marginBottom : "14px"}]
@@ -371,8 +369,8 @@ tableContainer {searchQuery, dispatch, ngramsParent, ngramsChildren, ngramsTable
              , button [className "btn btn-secondary", onClick $ const $ dispatch $ SetParentResetChildren Nothing] [text "Cancel"]
              ]) ngramsParent)
          , div [ _id "terms_table", className "panel-body" ]
-                [ table [ className "table able table-bordered" ]
+                [ table [ className "table able" ]
-                  [ thead [ className "tableHeader table-bordered"] [props.tableHead]
+                  [ thead [ className "tableHeader"] [props.tableHead]
                  , tbody [] props.tableBody
                  ]
                ]

--- a/src/Gargantext/Pages/Annuaire.purs
+++ b/src/Gargantext/Pages/Annuaire.purs
 module Gargantext.Pages.Annuaire where
-import Data.Array (head)
+import Gargantext.Prelude
 import Data.Argonaut (class DecodeJson, decodeJson, (.?), (.??))
-import Data.Lens (Prism', prism)
+import Data.Array (head)
 import Data.Either (Either(..))
+import Data.Lens (Prism', prism)
 import Data.Maybe (Maybe(..), maybe)
 import Effect.Aff (Aff)
-import React (ReactClass, ReactElement, Children)
-import React as React
-import React.DOM (a, br', div, input, p, text)
-import React.DOM.Props (href)
 import Effect.Class (liftEffect)
-import Thermite ( Render, Spec
-                , createClass, simpleSpec, defaultPerformAction
-                )
------------------------------------------------------------------------------
-import Gargantext.Prelude
 import Gargantext.Components.Loader as Loader
 import Gargantext.Components.Tab as Tab
 import Gargantext.Components.Table as T
-import Gargantext.Config      (toUrl, Path(..), NodeType(..), End(..))
+import Gargantext.Config (toUrl, Path(..), NodeType(..), End(..))
 import Gargantext.Config.REST (get)
 import Gargantext.Pages.Annuaire.User.Contacts.Types (Contact(..), HyperdataContact(..), ContactWhere(..))
+import React (ReactClass, ReactElement, Children)
+import React as React
+import React.DOM (a, br', div, input, p, text)
+import React.DOM.Props (className, href, style)
+import Thermite (Render, Spec, createClass, simpleSpec, defaultPerformAction)
 ------------------------------------------------------------------------------
 type Props = Loader.InnerProps Int AnnuaireInfo ()
@@ -91,7 +88,7 @@ loadedAnnuaireSpec = simpleSpec defaultPerformAction render
        , user: ""
        } <>
      [ p [] []
-      , div [] [ text "    Filter ", input []]
+      , div [className "col-md-3"] [ text "    Filter ", input [className "form-control", style {"width" : "250px", "display": "inline-block"}]]
      , br'
      , pageLoader
          { path: initialPageParams nodeId
@@ -157,7 +154,7 @@ renderContactCells (Just (Contact { id, hyperdata : (HyperdataContact contact@{w
  , a [ href (toUrl Front NodeContact (Just id)) ] [ text $ maybe "name" identity contact.title ]
  , text $ maybe "No ContactWhere" renderContactWhereOrg  (head $ ou)
  , text $ maybe "No ContactWhere" renderContactWhereDept (head $ ou)
-  , text $ maybe "No ContactWhere" renderContactWhereRole (head $ ou)
+  , div [className "nooverflow"] [text $ maybe "No ContactWhere" renderContactWhereRole (head $ ou)]
  ]
  where
    maybe' = maybe "" identity

--- a/src/Gargantext/Pages/Annuaire/User/Contacts/Specs.purs
+++ b/src/Gargantext/Pages/Annuaire/User/Contacts/Specs.purs
@@ -84,18 +84,18 @@ getDept = maybe "Empty Department" getDept' <<< head
    getDept' obj = joinWith ", " $ (\(ContactWhere {labTeamDepts: l}) ->l) obj
 getOffice :: Array ContactWhere -> String
-getOffice = fromMaybe "Empty Office" 
+getOffice = fromMaybe "Empty Office"
-          <<< maybe Nothing (\(ContactWhere {office:x}) -> x) 
+          <<< maybe Nothing (\(ContactWhere {office:x}) -> x)
          <<< head
 getCity :: Array ContactWhere -> String
-getCity = fromMaybe "Empty City" 
+getCity = fromMaybe "Empty City"
-          <<< maybe Nothing (\(ContactWhere {city:x}) -> x) 
+          <<< maybe Nothing (\(ContactWhere {city:x}) -> x)
          <<< head
 getCountry :: Array ContactWhere -> String
-getCountry = fromMaybe "Empty Country" 
+getCountry = fromMaybe "Empty Country"
-          <<< maybe Nothing (\(ContactWhere {country:x}) -> x) 
+          <<< maybe Nothing (\(ContactWhere {country:x}) -> x)
          <<< head
 -- | ContactWhere / Touch infos
@@ -115,19 +115,19 @@ getMail' = fromMaybe "no mail" <<< _.mail <<< unwrap
 -- | TODO format data in better design (UI) shape
 contactInfos :: HyperdataContact -> Array ReactElement
 contactInfos (HyperdataContact {who:who, ou:ou}) =
-  [ ul [className "list-group"] (infoRender (Tuple "Last Name"    $ " " <> getLastName  who))
+  [ li [className "list-group-item"] (infoRender (Tuple "Last Name"    $ " " <> getLastName  who))
-  , ul [className "list-group"] (infoRender (Tuple "First name"   $ " " <> getFirstName who))
+  , li [className "list-group-item"] (infoRender (Tuple "First name"   $ " " <> getFirstName who))
-  , ul [className "list-group"] (infoRender (Tuple "Organization" $ " " <> getOrga      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Organization" $ " " <> getOrga      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Lab/Team/Dept"$ " " <> getOrga      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Lab/Team/Dept"$ " " <> getOrga      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Office"       $ " " <> getOffice      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Office"       $ " " <> getOffice      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "City"         $ " " <> getCity      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "City"         $ " " <> getCity      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Country"      $ " " <> getCountry      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Country"      $ " " <> getCountry      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Role"         $ " " <> getRole      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Role"         $ " " <> getRole      ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Phone"        $ " " <> getPhone     ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Phone"        $ " " <> getPhone     ou ))
-  , ul [className "list-group"] (infoRender (Tuple "Mail"         $ " " <> getMail      ou ))
+  , li [className "list-group-item"] (infoRender (Tuple "Mail"         $ " " <> getMail      ou ))
  ]
  {- $
    listInfo <.~$> hyperdata
  where
@@ -171,7 +171,7 @@ layoutUser' = simpleSpec defaultPerformAction render
  where
    render :: Render {} Props Void
    render dispatch {loaded: Contact {name, hyperdata}} _ _ =
-      [ div [className "col-md-12"] $
+      [ ul [className "col-md-12 list-group"] $
          display (fromMaybe "no name" name) (contactInfos hyperdata)
      ]

--- a/src/Gargantext/Pages/Corpus/Tabs/Documents.purs
+++ b/src/Gargantext/Pages/Corpus/Tabs/Documents.purs
+module Gargantext.Pages.Corpus.Tabs.Documents where
+import Data.Array (take, drop)
+import Data.Argonaut (class DecodeJson, class EncodeJson, decodeJson, jsonEmptyObject, (.?), (:=), (~>))
+import Affjax (defaultRequest, request)
+import Affjax.RequestBody (RequestBody(..))
+import Affjax.ResponseFormat (printResponseFormatError)
+import Affjax.ResponseFormat as ResponseFormat
+import Control.Monad.Cont.Trans (lift)
+import Data.Argonaut (class DecodeJson, class EncodeJson, decodeJson, encodeJson, jsonEmptyObject, (.?), (:=), (~>))
+import Data.Array (drop, take, (:))
+import Data.Either (Either(..))
+import Data.Generic.Rep (class Generic)
+import Data.Generic.Rep.Show (genericShow)
+import Data.HTTP.Method (Method(..))
+import Data.Maybe (Maybe(..), maybe)
+import Data.Set (Set)
+import Data.Set as Set
+import Data.Tuple (Tuple(..))
+import Effect (Effect)
+import Effect.Aff (Aff)
+import Effect.Class (liftEffect)
+import React as React
+import React (ReactClass, ReactElement, Children)
+------------------------------------------------------------------------
+import Gargantext.Prelude
+import Gargantext.Config (Path(..), NodeType(..), TabSubType(..), TabType(..), toUrl, End(..), OrderBy(..))
+import Gargantext.Config.REST (get, put, post, deleteWithBody)
+import Gargantext.Utils.DecodeMaybe ((.|))
+import Gargantext.Components.Charts.Options.ECharts (chart)
+import Gargantext.Components.Loader as Loader
+import Gargantext.Components.Node (NodePoly(..))
+import Gargantext.Components.Table as T
+import Gargantext.Pages.Corpus.Dashboard (globalPublis)
+import Gargantext.Pages.Corpus.Tabs.Types (CorpusInfo(..), Props)
+import Gargantext.Utils.DecodeMaybe ((.|))
+import React.DOM (a, br', button, div, i, input, p, text)
+import React.DOM.Props (_type, className, href, name, onClick, placeholder, style, value)
+import Thermite (PerformAction, Render, Spec, defaultPerformAction, modifyState_, simpleSpec, hideState)
+------------------------------------------------------------------------
+-- TODO: Pagination Details are not available from the BackEnd
+-- TODO: Search is pending
+-- TODO: Fav is pending
+-- TODO: Sort is Pending
+-- TODO: Filter is Pending
+-- TODO: When a pagination link is clicked, reload data.
+type State =
+  { documentIdsToDelete :: Set Int
+  }
+initialState :: State
+initialState =
+  { documentIdsToDelete: mempty
+  }
+data Action
+  = MarkFavorites (Array Int)
+  | ToggleDocumentToDelete Int
+  | Trash
+newtype DocumentsView
+  = DocumentsView
+    { _id    :: Int
+    , url    :: String
+    , date   :: String
+    , title  :: String
+    , source :: String
+    , fav    :: Boolean
+    , ngramCount :: Int
+    , delete :: Boolean
+    }
+derive instance genericDocumentsView :: Generic DocumentsView _
+instance showDocumentsView :: Show DocumentsView where
+  show = genericShow
+newtype Response = Response
+  { cid        :: Int
+  , created    :: String
+  , hyperdata  :: Hyperdata
+  , favorite   :: Boolean
+  , ngramCount :: Int
+  }
+newtype Hyperdata = Hyperdata
+  { title  :: String
+  , source :: String
+  }
+--instance decodeHyperdata :: DecodeJson Hyperdata where
+--  decodeJson json = do
+--    obj    <- decodeJson json
+--    title  <- obj .? "title"
+--    source <- obj .? "source"
+--    pure $ Hyperdata { title,source }
+--instance decodeResponse :: DecodeJson Response where
+--  decodeJson json = do
+--    obj        <- decodeJson json
+--    cid        <- obj .? "id"
+--    created    <- obj .? "created"
+--    favorite   <- obj .? "favorite"
+--    ngramCount <- obj .? "ngramCount"
+--    hyperdata  <- obj .? "hyperdata"
+--    pure $ Response { cid, created, favorite, ngramCount, hyperdata }
+instance decodeHyperdata :: DecodeJson Hyperdata where
+  decodeJson json = do
+    obj    <- decodeJson json
+    title  <- obj .| "title"
+    source <- obj .| "source"
+    pure $ Hyperdata { title,source }
+instance decodeResponse :: DecodeJson Response where
+  decodeJson json = do
+    obj        <- decodeJson json
+    cid        <- obj .? "id"
+    created    <- pure "2018"
+    --created    <- obj .? "date"
+    favorite   <- pure true
+    ngramCount <- obj .? "id"
+    hyperdata  <- obj .? "hyperdata"
+    pure $ Response { cid, created, favorite, ngramCount, hyperdata }
+-- | Filter
+filterSpec :: Spec State Props Action
+filterSpec = simpleSpec defaultPerformAction render
+  where
+    render d p s c = [div [] [ text "    Filter "
+                     , input []
+                     ]]
+docViewSpec :: Spec {} Props Void
+docViewSpec = hideState (const initialState) layoutDocview
+-- | Main layout of the Documents Tab of a Corpus
+layoutDocview :: Spec State Props Action
+layoutDocview = simpleSpec performAction render
+  where
+    performAction :: PerformAction State Props Action
+    performAction (MarkFavorites nids) {path : nodeId} _ =
+      void $ lift $ putFavorites nodeId (FavoriteQuery {favorites: nids})
+    --TODO add array of delete rows here
+    performAction (ToggleDocumentToDelete nid) _ _ =
+      modifyState_ \state -> state {documentIdsToDelete = toggleSet nid state.documentIdsToDelete}
+    performAction Trash {path: nodeId} {documentIdsToDelete} =
+      void $ lift $ deleteDocuments nodeId (DeleteDocumentQuery {documents: Set.toUnfoldable documentIdsToDelete})
+      -- TODO: what to do now that the documents are deleted
+      -- * should we reload? NO (if you change page, yes and come back yes)
+      -- * should we locally update our data? YES
+      -- * should we reset documentIdsToDelete? YES
+      -- * if so, how to un-check the checkboxes since the inputs are uncontrolled?
+      --   + There is no need to uncheck them if they disapear because we
+      --     either reload or local update our data. YES
+      --   + Sync the checked value using (why check, just reset documentsIdsToDelete)
+      --       `checked: Set.member n state.documentIdsToDelete`
+    render :: Render State Props Action
+    render dispatch {path: nodeId, loaded: corpusInfo} _ _ =
+      [ p [] []
+      , div [ className "col-md-2",style {textAlign : "center", marginLeft : "0px",paddingLeft:"0px"}] [input [className "form-control",placeholder "Filter here"]]
+      , br'
+      , div [className "container1"]
+        [ div [className "row"]
+          [ chart globalPublis
+          , div [className "col-md-12"]
+            [ pageLoader
+                { path: initialPageParams nodeId
+                , corpusInfo
+                , dispatch
+                }
+            ]
+          , div [className "col-md-12"]
+             [ button [ style {backgroundColor: "peru", padding : "9px", color : "white", border : "white", float: "right"}
+                      , onClick $ (\_ -> dispatch Trash)
+                      ]
+               [  i [className "glyphitem glyphicon glyphicon-trash", style {marginRight : "9px"}] []
+               ,  text "Trash it !"
+               ]
+             ]
+          ]
+        ]
+      ]
+mock :: Boolean
+mock = false
+type PageParams = {nodeId :: Int, params :: T.Params}
+initialPageParams :: Int -> PageParams
+initialPageParams nodeId = {nodeId, params: T.initialParams}
+loadPage :: PageParams -> Aff (Array DocumentsView)
+loadPage {nodeId, params: {limit, offset, orderBy}} = do
+  logs "loading documents page: loadPage with Offset and limit"
+  --res <- get $ toUrl Back (Children Url_Document offset limit) nodeId
+  res <- get $ toUrl Back (Tab (TabCorpus TabDocs) offset limit (convOrderBy <$> orderBy)) (Just nodeId)
+  let docs = res2corpus <$> res
+  --_ <- logs "Ok: loading page documents"
+  --_ <- logs $ map show docs
+  pure $
+    if mock then take limit $ drop offset sampleData else
+    docs
+  where
+    res2corpus :: Response -> DocumentsView
+    res2corpus (Response r) =
+      DocumentsView { _id : r.cid
+      , url    : ""
+      , date   :  r.created
+      , title  : (\(Hyperdata hr) -> hr.title) r.hyperdata
+      , source : (\(Hyperdata hr) -> hr.source) r.hyperdata
+      , fav    : r.favorite
+      , ngramCount : r.ngramCount
+      , delete : false
+     }
+    convOrderBy (T.ASC  (T.ColumnName "Date")) = DateAsc
+    convOrderBy (T.DESC (T.ColumnName "Date")) = DateDesc
+    convOrderBy (T.ASC  (T.ColumnName "Title")) = TitleAsc
+    convOrderBy (T.DESC (T.ColumnName "Title")) = TitleDesc
+    convOrderBy _ = DateAsc -- TODO
+type PageLoaderProps row =
+  { path :: PageParams
+  , corpusInfo :: NodePoly CorpusInfo
+  , dispatch :: Action -> Effect Unit
+  | row
+  }
+renderPage :: forall props path.
+              Render (Loader.State {nodeId :: Int | path} (Array DocumentsView))
+                     { corpusInfo :: NodePoly CorpusInfo
+                     , dispatch :: Action -> Effect Unit
+                     | props
+                     }
+                     (Loader.Action PageParams)
+renderPage _ _ {loaded: Nothing} _ = [] -- TODO loading spinner
+renderPage loaderDispatch {corpusInfo, dispatch} {currentPath: {nodeId}, loaded: Just res} _ =
+  [ T.tableElt
+      { rows
+      , setParams: \params -> liftEffect $ loaderDispatch (Loader.SetPath {nodeId, params})
+      , container: T.defaultContainer { title: "Documents" }
+      , colNames:
+          T.ColumnName <$>
+          [ ""
+          , "Date"
+          , "Title"
+          , "Source"
+          , "Delete"
+          ]
+      , totalRecords: maybe 47361 -- TODO
+                        identity
+                        ((\(NodePoly n) -> n.hyperdata)
+                         >>>
+                         (\(CorpusInfo c) -> c.totalRecords)
+                        <$> Just corpusInfo) -- TODO
+      }
+  ]
+  where
+    fa true  = "fas "
+    fa false = "far "
+    rows = (\(DocumentsView r) ->
+                { row:
+                    [ div []
+                      [ a [className $ fa r.fav <> "fa-star" ,onClick $ (\_->
+                          dispatch $ MarkFavorites [r._id])] []
+                      ]
+                    -- TODO show date: Year-Month-Day only
+                    , if (r.delete) then
+                        div [ style {textDecoration : "line-through"}][text r.date]
+                      else
+                        div [ ][text r.date]
+                    , if (r.delete) then
+                        a [ href (toUrl Front Url_Document (Just r._id)), style {textDecoration : "line-through"} ] [ text r.title ]
+                      else
+                        a [ href (toUrl Front Url_Document (Just r._id)) ] [ text r.title ]
+                    , if (r.delete) then
+                        div [style {textDecoration : "line-through"}] [ text r.source]
+                      else
+                        div [] [ text r.source]
+                    , input [ _type "checkbox", onClick $ (\_ -> dispatch $ ToggleDocumentToDelete r._id)]
+                    ]
+                , delete: true
+                }) <$> res
+pageLoaderClass :: ReactClass (PageLoaderProps (children :: Children))
+pageLoaderClass = Loader.createLoaderClass' "PageLoader" loadPage renderPage
+pageLoader :: PageLoaderProps () -> ReactElement
+pageLoader props = React.createElement pageLoaderClass props []
+---------------------------------------------------------
+sampleData' :: DocumentsView
+sampleData' = DocumentsView {_id : 1, url : "", date : "date3", title : "title", source : "source", fav : false, ngramCount : 1, delete : false}
+sampleData :: Array DocumentsView
+--sampleData = replicate 10 sampleData'
+sampleData = map (\(Tuple t s) -> DocumentsView {_id : 1, url : "", date : "2017", title: t, source: s, fav : false, ngramCount : 10, delete : false}) sampleDocuments
+sampleDocuments :: Array (Tuple String String)
+sampleDocuments = [Tuple "Macroscopic dynamics of the fusion process" "Journal de Physique Lettres",Tuple "Effects of static and cyclic fatigue at high temperature upon reaction bonded silicon nitride" "Journal de Physique Colloques",Tuple "Reliability of metal/glass-ceramic junctions made by solid state bonding" "Journal de Physique Colloques",Tuple "High temperature mechanical properties and intergranular structure of sialons" "Journal de Physique Colloques",Tuple "SOLUTIONS OF THE LANDAU-VLASOV EQUATION IN NUCLEAR PHYSICS" "Journal de Physique Colloques",Tuple "A STUDY ON THE FUSION REACTION 139La + 12C AT 50 MeV/u WITH THE VUU EQUATION" "Journal de Physique Colloques",Tuple "Atomic structure of \"vitreous\" interfacial films in sialon" "Journal de Physique Colloques",Tuple "MICROSTRUCTURAL AND ANALYTICAL CHARACTERIZATION OF Al2O3/Al-Mg COMPOSITE INTERFACES" "Journal de Physique Colloques",Tuple "Development of oxidation resistant high temperature NbTiAl alloys and intermetallics" "Journal de Physique IV Colloque",Tuple "Determination of brazed joint constitutive law by inverse method" "Journal de Physique IV Colloque",Tuple "Two dimensional estimates from ocean SAR images" "Nonlinear Processes in Geophysics",Tuple "Comparison Between New Carbon Nanostructures Produced by Plasma with Industrial Carbon Black Grades" "Journal de Physique III",Tuple "<i>Letter to the Editor:</i> SCIPION, a new flexible ionospheric sounder in Senegal" "Annales Geophysicae",Tuple "Is reducibility in nuclear multifragmentation related to thermal scaling?" "Physics Letters B",Tuple "Independence of fragment charge distributions of the size of heavy multifragmenting sources" "Physics Letters B",Tuple "Hard photons and neutral pions as probes of hot and dense nuclear matter" "Nuclear Physics A",Tuple "Surveying the nuclear caloric curve" "Physics Letters B",Tuple "A hot expanding source in 50 A MeV Xe+Sn central reactions" "Physics Letters B"]
+newtype SearchQuery = SearchQuery
+  {
+    query :: Array String
+  , parent_id :: Int
+  }
+instance encodeJsonSQuery :: EncodeJson SearchQuery where
+  encodeJson (SearchQuery post)
+     = "query" := post.query
+    ~> "parent_id" := post.parent_id
+    ~> jsonEmptyObject
+searchResults :: SearchQuery -> Aff Int
+searchResults squery = post "http://localhost:8008/count" unit
+  -- TODO
+newtype FavoriteQuery = FavoriteQuery
+                        { favorites :: Array Int
+                        }
+instance encodeJsonFQuery :: EncodeJson FavoriteQuery where
+  encodeJson (FavoriteQuery post)
+     = "favorites" := post.favorites
+       ~> jsonEmptyObject
+newtype DeleteDocumentQuery = DeleteDocumentQuery
+  {
+    documents :: Array Int
+  }
+instance encodeJsonDDQuery :: EncodeJson DeleteDocumentQuery where
+  encodeJson (DeleteDocumentQuery post)
+     = "documents" := post.documents
+       ~> jsonEmptyObject
+putFavorites :: Int -> FavoriteQuery -> Aff (Array Int)
+putFavorites nodeId = put (toUrl Back Node (Just nodeId) <> "/favorites")
+deleteFavorites :: Int -> FavoriteQuery -> Aff (Array Int)
+deleteFavorites nodeId = deleteWithBody (toUrl Back Node (Just nodeId) <> "/favorites")
+deleteDocuments :: Int -> DeleteDocumentQuery -> Aff (Array Int)
+deleteDocuments nodeId = deleteWithBody (toUrl Back Node (Just nodeId) <> "/documents")
+-- TODO: not optimal but Data.Set lacks some function (Set.alter)
+toggleSet :: forall a. Ord a => a -> Set a -> Set a
+toggleSet a s
+  | Set.member a s = Set.delete a s
+  | otherwise      = Set.insert a s
--- a/src/Gargantext/Pages/Layout/Specs.purs
+++ b/src/Gargantext/Pages/Layout/Specs.purs
@@ -5,7 +5,7 @@ import Data.Lens (over)
 import Data.Maybe (Maybe(Nothing, Just))
 import Effect (Effect)
 import React (ReactElement)
-import React.DOM (a, button, div, footer, hr', img, input, li, p, span, text, ul)
+import React.DOM (a, button, div, footer, hr', img, input, li, p, span, text, ul,i)
 import React.DOM.Props (_data, _id, _type, aria, className, href, onChange, onClick, placeholder, role, src, style, tabIndex, target, title)
 import Thermite (Render, Spec, _render, defaultPerformAction, defaultRender, focus, simpleSpec, withState, noState, cmapProps)
 import Unsafe.Coerce (unsafeCoerce)
@@ -54,14 +54,14 @@ pagesComponent s = case s.currentRoute of
    selectSpec Home              = layout0 $ noState (L.layoutLanding EN)
    selectSpec Login             = focus _loginState _loginAction LN.renderSpec
    selectSpec (Folder i)        = layout0 $ noState F.layoutFolder
    selectSpec (Corpus   i)      = layout0 $ cmapProps (const {nodeId: i}) $ noState Corpus.layout
    selectSpec AddCorpus         = layout0 $ focus _addCorpusState _addCorpusAction AC.layoutAddcorpus
    selectSpec SearchView        = layout0 $ focus _searchState _searchAction  S.searchSpec
    selectSpec (Document i)      = layout0 $ focus _documentViewState _documentViewAction  Annotation.docview
    selectSpec (PGraphExplorer i)= layout1 $ focus _graphExplorerState _graphExplorerAction  GE.specOld
    selectSpec Dashboard         = layout0 $ noState Dsh.layoutDashboard
    selectSpec (Annuaire i)      = layout0 $ cmapProps (const {annuaireId: i}) $ noState A.layout
    selectSpec (UserPage i)      = layout0 $ cmapProps (const {nodeId: i}) $ noState C.layoutUser
    selectSpec (ContactPage i)   = layout0 $ cmapProps (const {nodeId: i}) $ noState C.layoutUser
@@ -92,10 +92,16 @@ layout0 layout =
              outerLayout1
      , rs bs
      ]
-    ls   = over _render \render d p s c -> [ 
+    ls   = over _render \render d p s c -> [
-         div [ className "col-md-2"] (render d p s c)  
+         div [ className "col-md-2"] (render d p s c)
      ]
-    rs   = over _render \render d p s c -> [ div [ className "col-md-10"] (render d p s c) ]
+    rs   = over _render \render d p s c -> [
+          div [ case (s.loginState.authData) of
+          Just a ->
+            className "col-md-10"
+          Nothing ->
+            className "col-md-12"
+        ] (render d p s c) ]
    cont = over _render \render d p s c -> [ div [className "row"      ] (render d p s c) ]
    as = noState Tree.treeview
@@ -133,11 +139,11 @@ layout1 layout =
              outerLayout1
      , rs bs
      ]
-    ls   = over _render \render d p s c -> [  
+    ls   = over _render \render d p s c -> [
        button [onClick $ \e -> d ShowTree, className "btn btn-primary",style {position:"relative", top: "99px",left:"-264px",zIndex : "1000"}] [text "ShowTree"]
-        , div [if (s.showTree) then className "col-md-2" else className "col-md-2"] if (s.showTree) then (render d p s c) else [] 
+        , div [if (s.showTree) then className "col-md-2" else className "col-md-2"] if (s.showTree) then (render d p s c) else []
      ]
    rs   = over _render \render d p s c -> [ div [if (s.showTree) then className "col-md-10" else className "col-md-12"] (render d p s c) ]
    cont = over _render \render d p s c -> [ div [className "row"      ] (render d p s c) ]
@@ -308,7 +314,11 @@ divSearchBar = simpleSpec performAction render
                                            }
                                    , onChange \e -> dispatch $ Search (unsafeCoerce e).target.value
                                    ]
-                            ,  button [onClick \e -> dispatch Go, className "btn btn-primary"] [text "Enter"]
+                           -- ,  button [onClick \e -> dispatch Go, className "btn btn-primary"] [text "Enter"]
+                            , span [onClick \e -> dispatch Go, style {color : "#039BE5"}]
+                            [
+                              i [className "material-icons md-36"] [text "control_point"]
+                            ]
                            ]
                  ]