Skip to content

P
purescript-gargantext
Commit ab5ad60d authored by Fabien Maniere's avatar Fabien Maniere
Browse files
Options

make the settings tooblbox behavior similar to tabs

parent e006990c
Hide whitespace changes
Inline Side-by-side
Showing with 572 additions and 438 deletions
dist/styles/bootstrap-darkster.css
View file @ ab5ad60d
......@@ -10457,70 +10457,6 @@ input[type=range]:-moz-focusring {
padding-right: 20px;
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #181A1B;
padding: 40px 56px;
gap: 48px;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 18px;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: -9px;
right: -13px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.frame-search.card {
width: 1000px;
height: 600px;
......@@ -11085,6 +11021,85 @@ select.form-control {
transform: scale(1.4);
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #181A1B;
}
.node-popup-tooltip .popup-container__body.toolbox-tabs-labels {
border-bottom: 1px solid #495057;
padding: 16px 56px 0;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 20px;
padding: 0.7rem 1.5rem 0.6rem;
display: list-item;
border: 1px solid transparent;
margin-bottom: -1px;
}
.node-popup-tooltip .popup-container__cta__button:hover, .node-popup-tooltip .popup-container__cta__button--active {
border: 1px solid #495057;
}
.node-popup-tooltip .popup-container__cta__button--active, .node-popup-tooltip .popup-container__cta__button--active:hover {
border-bottom-color: #fff;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: 6px;
right: 6px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container .toolbox-tab-content {
padding: 40px 56px;
}
.table tr td {
height: 48px;
}
......
dist/styles/bootstrap-default.css
View file @ ab5ad60d
......@@ -10263,70 +10263,6 @@ input[type=range]:-moz-focusring {
padding-right: 20px;
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
padding: 40px 56px;
gap: 48px;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 18px;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: -9px;
right: -13px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.frame-search.card {
width: 1000px;
height: 600px;
......@@ -10891,6 +10827,85 @@ select.form-control {
transform: scale(1.4);
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
}
.node-popup-tooltip .popup-container__body.toolbox-tabs-labels {
border-bottom: 1px solid #DEE2E6;
padding: 16px 56px 0;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 20px;
padding: 0.7rem 1.5rem 0.6rem;
display: list-item;
border: 1px solid transparent;
margin-bottom: -1px;
}
.node-popup-tooltip .popup-container__cta__button:hover, .node-popup-tooltip .popup-container__cta__button--active {
border: 1px solid #DEE2E6;
}
.node-popup-tooltip .popup-container__cta__button--active, .node-popup-tooltip .popup-container__cta__button--active:hover {
border-bottom-color: #fff;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: 6px;
right: 6px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container .toolbox-tab-content {
padding: 40px 56px;
}
.table tr td {
height: 48px;
}
......
dist/styles/bootstrap-greyson.css
View file @ ab5ad60d
......@@ -10108,70 +10108,6 @@ input[type=range]:-moz-focusring {
padding-right: 20px;
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
padding: 40px 56px;
gap: 48px;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 18px;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: -9px;
right: -13px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.frame-search.card {
width: 1000px;
height: 600px;
......@@ -10736,6 +10672,85 @@ select.form-control {
transform: scale(1.4);
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
}
.node-popup-tooltip .popup-container__body.toolbox-tabs-labels {
border-bottom: 1px solid #DEE2E6;
padding: 16px 56px 0;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 20px;
padding: 0.7rem 1.5rem 0.6rem;
display: list-item;
border: 1px solid transparent;
margin-bottom: -1px;
}
.node-popup-tooltip .popup-container__cta__button:hover, .node-popup-tooltip .popup-container__cta__button--active {
border: 1px solid #DEE2E6;
}
.node-popup-tooltip .popup-container__cta__button--active, .node-popup-tooltip .popup-container__cta__button--active:hover {
border-bottom-color: #fff;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: 6px;
right: 6px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container .toolbox-tab-content {
padding: 40px 56px;
}
.table tr td {
height: 48px;
}
......
dist/styles/bootstrap-herbie.css
View file @ ab5ad60d
......@@ -10333,70 +10333,6 @@ input[type=range]:-moz-focusring {
padding-right: 20px;
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
padding: 40px 56px;
gap: 48px;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 18px;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: -9px;
right: -13px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.frame-search.card {
width: 1000px;
height: 600px;
......@@ -10961,6 +10897,85 @@ select.form-control {
transform: scale(1.4);
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
}
.node-popup-tooltip .popup-container__body.toolbox-tabs-labels {
border-bottom: 1px solid #DEE2E6;
padding: 16px 56px 0;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 20px;
padding: 0.7rem 1.5rem 0.6rem;
display: list-item;
border: 1px solid transparent;
margin-bottom: -1px;
}
.node-popup-tooltip .popup-container__cta__button:hover, .node-popup-tooltip .popup-container__cta__button--active {
border: 1px solid #DEE2E6;
}
.node-popup-tooltip .popup-container__cta__button--active, .node-popup-tooltip .popup-container__cta__button--active:hover {
border-bottom-color: #fff;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: 6px;
right: 6px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container .toolbox-tab-content {
padding: 40px 56px;
}
.table tr td {
height: 48px;
}
......
dist/styles/bootstrap-monotony.css
View file @ ab5ad60d
......@@ -10406,70 +10406,6 @@ input[type=range]:-moz-focusring {
padding-right: 20px;
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
padding: 40px 56px;
gap: 48px;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 18px;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: -9px;
right: -13px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.frame-search.card {
width: 1000px;
height: 600px;
......@@ -11034,6 +10970,85 @@ select.form-control {
transform: scale(1.4);
}
.forest-tree-node-modal {
width: fit-content;
min-width: 544px;
max-width: 100vw;
}
.node-popup-tooltip .panel-actions {
font-size: 90%;
padding-left: 20px;
}
.node-popup-tooltip .panel-actions .b-icon {
margin-right: 8px;
font-size: 11px;
}
.node-popup-tooltip .panel-actions__almost-useable {
color: #f1a50e;
}
.node-popup-tooltip .panel-actions__development-in-progress {
color: #8b2823;
}
.node-popup-tooltip .panel-actions__ok-to-use {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container {
display: flex;
flex-direction: column;
}
.node-popup-tooltip .popup-container__header .b-wad .fa-pencil {
visibility: hidden;
}
.node-popup-tooltip .popup-container__header .b-wad:hover .fa-pencil {
visibility: visible;
}
.node-popup-tooltip .popup-container__body {
display: flex;
justify-content: center;
background-color: #fff;
}
.node-popup-tooltip .popup-container__body.toolbox-tabs-labels {
border-bottom: 1px solid #DEE2E6;
padding: 16px 56px 0;
}
.node-popup-tooltip .popup-container__cta {
position: relative;
}
.node-popup-tooltip .popup-container__cta__button {
font-size: 20px;
padding: 0.7rem 1.5rem 0.6rem;
display: list-item;
border: 1px solid transparent;
margin-bottom: -1px;
}
.node-popup-tooltip .popup-container__cta__button:hover, .node-popup-tooltip .popup-container__cta__button--active {
border: 1px solid #DEE2E6;
}
.node-popup-tooltip .popup-container__cta__button--active, .node-popup-tooltip .popup-container__cta__button--active:hover {
border-bottom-color: #fff;
}
.node-popup-tooltip .popup-container__cta__icon {
position: absolute;
top: 6px;
right: 6px;
font-size: 11px;
}
.node-popup-tooltip .popup-container__cta--almost-useable .popup-container__cta__icon {
color: #f1a50e;
}
.node-popup-tooltip .popup-container__cta--development-in-progress .popup-container__cta__icon {
color: #8b2823;
}
.node-popup-tooltip .popup-container__cta--ok-to-use .popup-container__cta__icon {
color: #212529;
display: none;
}
.node-popup-tooltip .popup-container .toolbox-tab-content {
padding: 40px 56px;
}
.table tr td {
height: 48px;
}
......
src/Gargantext/Components/Forest/Tree/Node/Action/Upload.purs
View file @ ab5ad60d
......@@ -168,19 +168,42 @@ uploadFileViewWithLangsCpt = here.component "uploadFileViewWithLangs" cpt
}
let fileUpload =
[ R2.row
[ H.div { className:"col-12 flex-space-around"}
[ H.div { className: "form-group" }
[ H.input { type: "file"
[ R2.row
[ H.div { className:"col-12 flex-space-around"}
[ H.div { className: "form-group" }
[
H.div { className:"custom-file" }
[
H.input { type: "file"
, className: "form-control"
, placeholder: "Choose file"
, on: {change: onChangeContents props}
, id: "customImportFile"
}
, H.label { className:"custom-file-label", for:"customImportFile" }
[
H.text "Choose file or drag and drop here"
]
]
, H.text message'
]
, H.text message'
]
]
]
let selects = if processed' then
[ R2.row
[ H.div { className:"col-12 flex-space-around"}
[ H.div { className: "form-group" }
[ H.input { type: "file"
, className: "form-control"
, placeholder: "Choose file"
, on: {change: onChangeContents props}
}
]
, H.text message'
]
]
]
let selects = if processed' then
[ R2.row
[ H.div {className:"col-6 flex-space-around"}
......@@ -677,24 +700,19 @@ fileTypeViewCpt = here.component "fileTypeView" cpt
]
panelBody (DroppedFile { blob }) =
H.div { className: "card-body" }
[ R2.select
{ className: "col-md-12 form-control"
, on: { change: onChange }
}
(map renderOption [ TSV, TSV_HAL, WOS, Iramuteq ])
]
H.div {className: "card-body toolbox-tab-content"}
[ R2.select { className: "col-md-12 form-control"
, on: {change: onChange}
}
(map renderOption [TSV, TSV_HAL, WOS, Iramuteq])
]
where
onChange e l =
T.write_
( Just $ DroppedFile $
{ blob
, fileType: read $ R.unsafeEventValue e
, lang: fromMaybe EN $ langReader $ R.unsafeEventValue l
}
)
droppedFile
renderOption opt = H.option {} [ H.text $ show opt ]
onChange e l =
T.write_ (Just $ DroppedFile $ { blob
, fileType: read $ R.unsafeEventValue e
, lang : fromMaybe EN $ langReader $ R.unsafeEventValue l
}) droppedFile
renderOption opt = H.option {} [ H.text $ show opt ]
panelFooter (DroppedFile { blob, fileType, lang }) =
H.div { className: "card-footer" }
......
src/Gargantext/Components/Forest/Tree/Node/Box.purs
View file @ ab5ad60d
......@@ -131,10 +131,17 @@ nodePopupViewCpt = here.component "nodePopupView" cpt
(SettingsBox { doc, buttons }) = settingsBox nodeType
in
H.div
{ className: intercalate " "
[ "popup-container__body"
, "card-body"
]
{ className: intercalate " "
[ "popup-container__body"
, "card-body"
, "toolbox-tabs-labels"
]
} $
[
buttonClick
{ action: doc
, state: nodePopupState
, nodeType
}
$
[ buttonClick
......@@ -255,10 +262,24 @@ buttonClickCpt = here.component "buttonClick" cpt
-- }
H.div
{ className: intercalate " "
[ "popup-container__cta"
, modifierClassName (hasStatus nodeType todo)
]
}
[
B.iconButton
{ className: intercalate " "
[ "popup-container__cta"
, modifierClassName (hasStatus nodeType todo)
]
[ "popup-container__cta__button"
, action == Just todo ? "popup-container__cta__button--active" $ ""
]
, name: glyphiconNodeAction todo
, title: show todo
, callback: action == Just todo ? pure $ click
, elevation: Level2
-- , status: action == Just todo ?
-- Disabled $
-- Enabled
}
[ B.iconButton
{ className: "popup-container__cta__button"
......@@ -315,7 +336,7 @@ panelActionCpt = here.component "panelAction" cpt
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" } [ H.text $ "Config " <> show nodeType ]
cpt { action: Delete, nodeType, dispatch } _ =
pure $ actionDelete { dispatch, nodeType } []
cpt { action: Documentation nodeType } _ =
......
src/Gargantext/Components/Forest/Tree/Node/Tools.purs
View file @ ab5ad60d
......@@ -52,7 +52,7 @@ panelCpt = here.component "panel" cpt
]
pure $ R.fragment
[ H.div { className: "card-body" }
[ H.div { className: "card-body toolbox-tab-content" }
[ H.div { className: "card-text" }
[ R2.row
-- TODO add type for text or form here [ H.form {className: "form-horizontal"} bodies ]
......
src/Gargantext/Components/ListSelection.purs
View file @ ab5ad60d
......@@ -38,7 +38,7 @@ selectionCpt = here.component "selection" cpt
, value: selection'
, list:
[ MyListsFirst
, OtherListsFirst
-- , OtherListsFirst
-- , SelectedLists []
, NoList
]
......
src/Gargantext/Components/ListSelection/Types.purs
View file @ ab5ad60d
......@@ -11,31 +11,30 @@ import Simple.JSON as JSON
data Selection
= MyListsFirst
| OtherListsFirst
-- | OtherListsFirst
| SelectedLists (Array ListId)
| NoList
derive instance Generic Selection _
instance Show Selection where
show MyListsFirst = "My lists first"
show OtherListsFirst = "Other lists first"
show NoList = "NoList"
show MyListsFirst = "My lists first"
-- show OtherListsFirst = "Other lists first"
show NoList = "No list (the analysis will not generate any terms)"
show (SelectedLists _) = "Selected lists"
instance Eq Selection where
eq = genericEq
instance Read Selection where
read "My lists first" = Just MyListsFirst
read "Other lists first" = Just OtherListsFirst
read "Selected lists" = Just $ SelectedLists []
read "NoList" = Just NoList
read _ = Nothing
read "My lists first" = Just MyListsFirst
-- read "Other lists first" = Just OtherListsFirst
read "Selected lists" = Just $ SelectedLists []
read "NoList" = Just NoList
read _ = Nothing
instance JSON.WriteForeign Selection where
writeImpl MyListsFirst = JSON.writeImpl { "type": "MyListsFirst" }
writeImpl NoList = JSON.writeImpl { "type": "NoList", "makeList": true }
writeImpl OtherListsFirst = JSON.writeImpl { "type": "OtherListsFirst" }
writeImpl MyListsFirst = JSON.writeImpl { "type": "MyListsFirst" }
writeImpl NoList = JSON.writeImpl { "type": "NoList", "makeList": true }
-- writeImpl OtherListsFirst = JSON.writeImpl { "type": "OtherListsFirst" }
writeImpl (SelectedLists ids) = JSON.writeImpl { "type": "SelectedLists", value: ids }
selectedListIds :: Selection -> Array ListId
......
src/sass/_legacy/_styles.sass
View file @ ab5ad60d
......@@ -320,3 +320,97 @@ select.form-control
display: inline-block
opacity: 1
transform: scale(1.4)
/////////////////////////////////////////
.forest-tree-node-modal
// will enlarge popup when inner content is larger (see issue #315),
// with a minimal width to avoid row item collapsing (see issue #324)
width: fit-content
min-width: $node-popup-width
max-width: 100vw // override Bootstrap modal rules (via sizing props)
.node-popup-tooltip
.panel-actions
font-size: 90%
padding-left: space-x(2.5)
.b-icon
margin-right: space-x(1)
font-size: 11px
&__almost-useable
color: $almost-useable
&__development-in-progress
color: $development-in-progress
&__ok-to-use
color: $ok-to-use
// (?) avoid unnecessary informations
display: none
.popup-container
display: flex
flex-direction: column
&__header
.b-wad
.fa-pencil
visibility: hidden
&:hover
.fa-pencil
visibility: visible
&__body
display: flex
justify-content: center
background-color: $body-bg
&__body.toolbox-tabs-labels
border-bottom: 1px solid $gray-300
padding: space-x(2) space-x(7) 0
&__cta
position: relative
&__button
font-size: 20px
padding: 0.7rem 1.5rem 0.6rem
display: list-item
border: 1px solid transparent
margin-bottom: -1px
&:hover, &--active
border: 1px solid $gray-300
&--active, &--active:hover
border-bottom-color: #fff
&__icon
$offset-y: 6px
$offset-x: 6px
position: absolute
top: $offset-y
right: $offset-x
font-size: 11px
// @XXX SASS lacking of immediate parent selector
&--almost-useable .popup-container__cta__icon
color: $almost-useable
&--development-in-progress .popup-container__cta__icon
color: $development-in-progress
&--ok-to-use .popup-container__cta__icon
color: $ok-to-use
// (?) avoid unnecessary informations
display: none
.toolbox-tab-content
padding: space-x(5) space-x(7)
src/sass/_legacy/_tree.sass
View file @ ab5ad60d
......@@ -493,79 +493,6 @@ $node-popup-width: 544px
&__children > #{ $self }__node
padding-right: space-x(2.5)
/////////////////////////////////////////
.forest-tree-node-modal
// will enlarge popup when inner content is larger (see issue #315),
// with a minimal width to avoid row item collapsing (see issue #324)
width: fit-content
min-width: $node-popup-width
max-width: 100vw // override Bootstrap modal rules (via sizing props)
.node-popup-tooltip
.panel-actions
font-size: 90%
padding-left: space-x(2.5)
.b-icon
margin-right: space-x(1)
font-size: 11px
&__almost-useable
color: $almost-useable
&__development-in-progress
color: $development-in-progress
&__ok-to-use
color: $ok-to-use
// (?) avoid unnecessary informations
display: none
.popup-container
display: flex
flex-direction: column
&__header
.b-wad
.fa-pencil
visibility: hidden
&:hover
.fa-pencil
visibility: visible
&__body
display: flex
justify-content: center
background-color: $body-bg
padding: space-x(5) space-x(7)
gap: space-x(6)
&__cta
position: relative
&__button
font-size: 18px
&__icon
$offset-y: -9px
$offset-x: -13px
position: absolute
top: $offset-y
right: $offset-x
font-size: 11px
// @XXX SASS lacking of immediate parent selector
&--almost-useable .popup-container__cta__icon
color: $almost-useable
&--development-in-progress .popup-container__cta__icon
color: $development-in-progress
&--ok-to-use .popup-container__cta__icon
color: $ok-to-use
// (?) avoid unnecessary informations
display: none
/////////////////////////////////////////
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment