tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'develop' into feature/third-party-filter-types

This commit is contained in:
Mateus Machado Luna 2020-02-21 19:04:07 -03:00
parent 71e0d4c841 8264d35300
commit 34c7ed5137
182 changed files with 5182 additions and 4147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
package-lock.json generated
View File

@ -2742,6 +2742,11 @@
}
}
},
"css-vars-ponyfill": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/css-vars-ponyfill/-/css-vars-ponyfill-2.1.2.tgz",
"integrity": "sha512-Jfff/j2AGwr+WJaIbxVroTa9sFXy9b0xe5zjWEVQ9aoeCpd0e6iOo4D+d3OoLDTWcHCf2UBTswis/hN6fKEKiA=="
},
"cssesc": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",

1
package.json
View File

@ -10,6 +10,7 @@
"axios": "^0.19.0",
"buefy": "^0.8.10",
"bulma": "^0.7.5",
"css-vars-ponyfill": "^2.1.2",
"mdi": "^2.2.43",
"moment": "^2.22.2",
"node-sass": "^4.13.1",

30
src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -223,7 +223,7 @@
margin: 4px auto 8px auto;
transition: background-color ease 0.5s; }
.components-panel__body .collection-carousel-view-modes button label {
font-size: 0.75rem;
font-size: 0.75em;
color: #555758; }
.components-panel__body .collection-carousel-view-modes button.is-active {
border: 2px solid #298596; }
@ -236,10 +236,10 @@
background: #f2f2f2; }
.wp-block-tainacan-carousel-collections-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-carousel-collections-list .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -326,7 +326,7 @@
margin-bottom: 0px; }
.wp-block-tainacan-carousel-collections-list .preview-warning {
width: 100%;
font-size: 0.875rem;
font-size: 0.875em;
font-style: italic;
color: #898d8f;
text-align: center;
@ -390,7 +390,7 @@
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item img {
height: auto;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover a {
color: #454647;
text-decoration: none; }

2
src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css.map
View File

File diff suppressed because one or more lines are too long

40
src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,10 +169,10 @@
color: #454647; }
.wp-block-tainacan-carousel-items-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-carousel-items-list .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -224,9 +224,9 @@
width: auto;
min-width: 350px;
flex-grow: 1;
padding: 1rem 100px 1rem 1rem;
padding: 1em 100px 1em 1em;
text-align: right;
line-height: 1.5rem;
line-height: 1.5em;
min-height: 165px;
display: flex;
justify-content: flex-end;
@ -244,10 +244,10 @@
font-size: 0.75em; }
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name.only-collection-name {
justify-content: center;
padding: 1rem; }
padding: 1em; }
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name.only-collection-name h3 {
text-align: center;
font-size: 1.75rem; }
font-size: 1.75em; }
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-thumbnail {
height: 145px;
width: 145px;
@ -277,9 +277,9 @@
min-width: 100% !important;
justify-content: center !important;
text-align: center !important;
padding: 64px 1rem 0rem 1rem; }
padding: 64px 1em 0em 1em; }
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name h3 {
margin-bottom: 1rem; }
margin-bottom: 1em; }
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-thumbnail {
left: calc(-50% + 78px) !important;
top: -78px !important; }
@ -306,7 +306,7 @@
text-decoration: none; }
.wp-block-tainacan-carousel-items-list .preview-warning {
width: 100%;
font-size: 0.875rem;
font-size: 0.875em;
font-style: italic;
color: #898d8f;
text-align: center;
@ -364,7 +364,7 @@
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item img {
height: auto;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover a {
color: #454647;
text-decoration: none; }

2
src/assets/css/tainacan-gutenberg-block-carousel-items-list.css.map
View File

File diff suppressed because one or more lines are too long

30
src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -223,7 +223,7 @@
margin: 4px auto 8px auto;
transition: background-color ease 0.5s; }
.components-panel__body .term-carousel-view-modes button label {
font-size: 0.75rem;
font-size: 0.75em;
color: #555758; }
.components-panel__body .term-carousel-view-modes button.is-active {
border: 2px solid #298596; }
@ -236,10 +236,10 @@
background: #f2f2f2; }
.wp-block-tainacan-carousel-terms-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-carousel-terms-list .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -325,7 +325,7 @@
margin-bottom: 0px; }
.wp-block-tainacan-carousel-terms-list .preview-warning {
width: 100%;
font-size: 0.875rem;
font-size: 0.875em;
font-style: italic;
color: #898d8f;
text-align: center;
@ -389,7 +389,7 @@
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item img {
height: auto;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item:hover a {
color: #454647;
text-decoration: none; }

2
src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css.map
View File

File diff suppressed because one or more lines are too long

24
src/assets/css/tainacan-gutenberg-block-collections-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,7 +169,7 @@
color: #454647; }
.wp-block-tainacan-collections-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-collections-list .components-spinner {
position: absolute;
right: 0; }
@ -223,7 +223,7 @@
width: 185px;
min-width: 185px;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a.collection-without-name span,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a.collection-without-name span {
display: none; }

2
src/assets/css/tainacan-gutenberg-block-collections-list.css.map
View File

File diff suppressed because one or more lines are too long

48
src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,10 +169,10 @@
color: #454647; }
.wp-block-tainacan-dynamic-items-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-dynamic-items-list .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -225,9 +225,9 @@
width: auto;
min-width: 350px;
flex-grow: 1;
padding: 1rem 100px 1rem 1rem;
padding: 1em 100px 1em 1em;
text-align: right;
line-height: 1.5rem;
line-height: 1.5em;
min-height: 165px;
display: flex;
justify-content: flex-end;
@ -245,10 +245,10 @@
font-size: 0.75em; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name {
justify-content: center;
padding: 1rem; }
padding: 1em; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name h3 {
text-align: center;
font-size: 1.75rem; }
font-size: 1.75em; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
height: 145px;
width: 145px;
@ -278,9 +278,9 @@
min-width: 100% !important;
justify-content: center !important;
text-align: center !important;
padding: 64px 1rem 0rem 1rem; }
padding: 64px 1em 0em 1em; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
margin-bottom: 1rem; }
margin-bottom: 1em; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
left: calc(-50% + 78px) !important;
top: -78px !important; }
@ -291,7 +291,7 @@
display: flex;
align-items: center;
border-bottom: 1px solid #cbcbcb;
padding: 1.00rem 0.5rem 0.75rem 0.5rem; }
padding: 1.00em 0.5em 0.75em 0.5em; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
flex-wrap: wrap; }
@ -307,8 +307,8 @@
padding-left: 4px !important;
border-color: #dbdbdb !important; } }
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button {
margin-right: 0.75rem;
padding: 0 0.35rem;
margin-right: 0.75em;
padding: 0 0.35em;
min-height: 28px;
z-index: 2;
border: none;
@ -325,13 +325,13 @@
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.sorting-button-selected svg {
fill: #545758; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button {
margin-right: 0rem;
margin-right: 0em;
padding: 0; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button svg {
fill: #298596; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button {
margin-left: auto;
margin-right: 1rem;
margin-right: 1em;
padding: 0; }
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button svg {
fill: #298596; }
@ -432,7 +432,7 @@
width: 185px;
min-width: 185px;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
display: none; }

2
src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css.map
View File

File diff suppressed because one or more lines are too long

54
src/assets/css/tainacan-gutenberg-block-facets-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,10 +169,10 @@
color: #454647; }
.wp-block-tainacan-facets-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-facets-list .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -223,9 +223,9 @@
width: auto;
min-width: 350px;
flex-grow: 1;
padding: 1rem 100px 1rem 1rem;
padding: 1em 100px 1em 1em;
text-align: right;
line-height: 1.5rem;
line-height: 1.5em;
min-height: 165px;
display: flex;
justify-content: flex-end;
@ -243,10 +243,10 @@
font-size: 0.75em; }
.wp-block-tainacan-facets-list .facets-collection-header .collection-name.only-collection-name {
justify-content: center;
padding: 1rem; }
padding: 1em; }
.wp-block-tainacan-facets-list .facets-collection-header .collection-name.only-collection-name h3 {
text-align: center;
font-size: 1.75rem; }
font-size: 1.75em; }
.wp-block-tainacan-facets-list .facets-collection-header .collection-thumbnail {
height: 145px;
width: 145px;
@ -276,9 +276,9 @@
min-width: 100% !important;
justify-content: center !important;
text-align: center !important;
padding: 64px 1rem 0rem 1rem; }
padding: 64px 1em 0em 1em; }
.wp-block-tainacan-facets-list .facets-collection-header .collection-name h3 {
margin-bottom: 1rem; }
margin-bottom: 1em; }
.wp-block-tainacan-facets-list .facets-collection-header .collection-thumbnail {
left: calc(-50% + 78px) !important;
top: -78px !important; }
@ -289,7 +289,7 @@
display: flex;
align-items: center;
border-bottom: 1px solid #cbcbcb;
padding: 1.00rem 0.5rem 0.75rem 0.5rem; }
padding: 1.00em 0.5em 0.75em 0.5em; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-facets-list .facets-search-bar {
flex-wrap: wrap; }
@ -305,8 +305,8 @@
padding-left: 4px !important;
border-color: #dbdbdb !important; } }
.wp-block-tainacan-facets-list .facets-search-bar button {
margin-right: 0.75rem;
padding: 0 0.35rem;
margin-right: 0.75em;
padding: 0 0.35em;
min-height: 28px;
z-index: 2;
border: none;
@ -323,13 +323,13 @@
.wp-block-tainacan-facets-list .facets-search-bar button.sorting-button-selected svg {
fill: #545758; }
.wp-block-tainacan-facets-list .facets-search-bar button.next-button {
margin-right: 0rem;
margin-right: 0em;
padding: 0; }
.wp-block-tainacan-facets-list .facets-search-bar button.next-button svg {
fill: #298596; }
.wp-block-tainacan-facets-list .facets-search-bar button.previous-button {
margin-left: auto;
margin-right: 1rem;
margin-right: 1em;
padding: 0; }
.wp-block-tainacan-facets-list .facets-search-bar button.previous-button svg {
fill: #298596; }
@ -377,7 +377,7 @@
width: 185px;
min-width: 185px;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-grid li.facet-list-item span.facet-item-count,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-grid li.facet-list-item span.facet-item-count {
color: #cbcbcb; }
@ -459,10 +459,10 @@
margin-right: 20px; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item.facet-without-image,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item.facet-without-image {
min-height: 0.875rem; }
min-height: 0.875em; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item.facet-without-image a,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item.facet-without-image a {
height: 0.875rem; }
height: 0.875em; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item.facet-without-image img,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item.facet-without-image img {
display: none; }
@ -531,7 +531,7 @@
text-decoration: none; }
.wp-block-tainacan-facets-list .show-more-button {
margin: 12px auto;
padding: 0.25rem;
padding: 0.25em;
display: block;
background: #298596;
border: none;

2
src/assets/css/tainacan-gutenberg-block-facets-list.css.map
View File

File diff suppressed because one or more lines are too long

24
src/assets/css/tainacan-gutenberg-block-items-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,7 +169,7 @@
color: #454647; }
.wp-block-tainacan-items-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-items-list .components-spinner {
position: absolute;
right: 0; }
@ -227,7 +227,7 @@
width: 185px;
min-width: 185px;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
display: none; }

2
src/assets/css/tainacan-gutenberg-block-items-list.css.map
View File

File diff suppressed because one or more lines are too long

52
src/assets/css/tainacan-gutenberg-block-search-bar.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -173,7 +173,7 @@
justify-content: center; }
.wp-block-tainacan-search-bar {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-search-bar .tainacan-search-container {
width: 100%; }
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block {
@ -198,7 +198,7 @@
min-width: 28px;
margin: 0;
border: none;
padding: 4px 0.75rem;
padding: 4px 0.75em;
text-overflow: ellipsis; }
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button {
height: auto;
@ -208,8 +208,8 @@
box-shadow: none;
border-radius: 0;
background: white;
padding: 4px 1rem;
font-size: 1rem; }
padding: 4px 1em;
font-size: 1em; }
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button .icon {
height: 28px; }
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button .icon svg {
@ -259,8 +259,8 @@
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block input#tainacan-search-bar-block_input::placeholder {
color: #cbcbcb; }
.wp-block-tainacan-search-bar.is-style-alternate #tainacan-search-bar-block button {
margin-right: 0.75rem;
padding: 0 0.35rem;
margin-right: 0.75em;
padding: 0 0.35em;
min-height: 28px;
z-index: 2;
border: none;
@ -312,7 +312,7 @@
margin-right: -56px;
padding-right: 27px;
padding-left: 26px;
font-size: 1rem;
font-size: 1em;
border-width: 0;
background: #f2f2f2;
transition: width 0.5s ease-in, padding 0.5s ease-in; }
@ -322,8 +322,8 @@
padding-left: 24px;
border-width: 0; }
.wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block button {
margin-left: 0.75rem;
padding: 0 0.35rem;
margin-left: 0.75em;
padding: 0 0.35em;
min-height: 28px;
z-index: 2;
border: none;
@ -349,7 +349,7 @@
right: calc(4.1667vw + 26px);
position: absolute; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container.is-aligned-left .tainacan-search-container {
width: calc(100% - 1rem - 26px);
width: calc(100% - 1em - 26px);
top: calc(-50% + 26px);
left: calc(4.1667% + 26px);
left: calc(4.1667vw + 26px);
@ -386,8 +386,8 @@
flex-wrap: wrap;
align-items: center;
flex-grow: 2;
padding: 0.5rem 4.1667%;
padding: 0.5rem 4.1667vw;
padding: 0.5em 4.1667%;
padding: 0.5em 4.1667vw;
text-align: center;
text-decoration: none !important; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container.is-aligned-left {
@ -412,8 +412,8 @@
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title h3 {
margin: 0 auto;
text-decoration: none;
font-size: 1.3rem;
line-height: 1.5rem;
font-size: 1.3em;
line-height: 1.5em;
text-overflow: ellipsis;
color: inherit; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title h3:hover {
@ -423,9 +423,9 @@
display: block;
margin-top: -8px;
font-weight: normal;
font-size: 1rem; }
font-size: 1em; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title {
margin-bottom: 1rem; } }
margin-bottom: 1em; } }
/*# sourceMappingURL=tainacan-gutenberg-block-search-bar.css.map */

2
src/assets/css/tainacan-gutenberg-block-search-bar.css.map
View File

File diff suppressed because one or more lines are too long

24
src/assets/css/tainacan-gutenberg-block-terms-list.css
View File

@ -14,12 +14,12 @@
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
margin-right: 0.75em;
position: relative;
fill: #555758; }
@ -29,12 +29,12 @@
.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset p {
font-size: 0.875rem !important;
font-size: 1em !important;
margin: 12px 0;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1rem;
margin-right: 1em;
top: 4px;
position: relative;
fill: #555758; }
@ -60,11 +60,11 @@
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
padding: 1.2em 1.2em !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
@ -74,7 +74,7 @@
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
margin: 5px 0.75em; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
@ -91,14 +91,14 @@
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
font-size: 1em;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
margin-left: 1.75em; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
@ -169,7 +169,7 @@
color: #454647; }
.wp-block-tainacan-terms-list {
margin: 2rem auto; }
margin: 2em auto; }
.wp-block-tainacan-terms-list .components-spinner {
position: absolute;
right: 0; }
@ -208,7 +208,7 @@
width: 185px;
min-width: 185px;
padding: 0px;
margin-bottom: 0.5rem; }
margin-bottom: 0.5em; }
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a.term-without-name span,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a.term-without-name span {
display: none; }

2
src/assets/css/tainacan-gutenberg-block-terms-list.css.map
View File

File diff suppressed because one or more lines are too long

5
src/assets/css/tainacanicons.css
View File

@ -317,6 +317,11 @@ font-weight: normal;
font-size: 20px;
}
.tainacan-icon-1-25em.tainacan-icon-set,
.tainacan-icon-1-25em.tainacan-icon:before {
font-size: 1.25em;
}
.tainacan-icon-30px.tainacan-icon-set,
.tainacan-icon-30px.tainacan-icon:before {
font-size: 30px;

38
src/classes/api/endpoints/class-tainacan-rest-collections-controller.php
View File

@ -255,6 +255,44 @@ class REST_Collections_Controller extends REST_Controller {
$item_arr['total_items']['private'] = $total_items->private;
}
// Clear private metadata from metadata_order
if ( is_array( $item_arr['metadata_order'] ) && ! current_user_can( 'tnc_col_' . $item->get_id() . '_read_private_metadata' ) ) {
$metadata = $item->get_metadata();
$meta_ids = array_map(
function($m) {
return $m->get_id();
},
$metadata
);
$item_arr['metadata_order'] = \array_values( \array_filter(
$item_arr['metadata_order'],
function($el) use ($meta_ids) {
return in_array($el['id'], $meta_ids);
}
) );
}
// Clear private filters from filters_order
if ( is_array( $item_arr['filters_order'] ) && ! current_user_can( 'tnc_col_' . $item->get_id() . '_read_private_filters' ) ) {
$filters = $item->get_filters();
$filters_ids = array_map(
function($f) {
return $f->get_id();
},
$filters
);
$item_arr['filters_order'] = \array_values( \array_filter(
$item_arr['filters_order'],
function($el) use ($filters_ids) {
return in_array($el['id'], $filters_ids);
}
) );
}
/**
* Use this filter to add additional post_meta to the api response
* Use the $request object to get the context of the request and other variables

2
src/classes/api/endpoints/class-tainacan-rest-metadata-controller.php
View File

@ -113,7 +113,7 @@ class REST_Metadata_Controller extends REST_Controller {
array(
'methods' => \WP_REST_Server::READABLE,
'callback' => array($this, 'get_item'),
'permission' => array($this, 'get_item_permissions_check'),
'permission_callback' => array($this, 'get_item_permissions_check'),
'args' => array(
'context' => array(
'type' => 'string',

286
src/classes/class-tainacan-search-engine.php
View File

@ -21,38 +21,38 @@ class Search_Engine {
var $logging = false;
var $options;
var $ajax_request;
private $query_instance;
private $taxonomies = [];
private $query_instance;
private $taxonomies = [];
private $relationships = [];
private $is_tainacan_search = false;
private $is_tainacan_search = false;
private $is_inner_query = false;
function __construct($ajax_query=false) {
$this->ajax_request = $ajax_query ? true : false;
$this->options = [];
if (!defined('TAINACAN_DISABLE_DEFAULT_SEARCH_ENGINE') || TAINACAN_DISABLE_DEFAULT_SEARCH_ENGINE !== true) {
$this->search_hooks();
}
if (!defined('TAINACAN_DISABLE_DEFAULT_SEARCH_ENGINE') || TAINACAN_DISABLE_DEFAULT_SEARCH_ENGINE !== true) {
$this->search_hooks();
}
}
function search_hooks() {
add_filter( 'posts_join', array( &$this, 'terms_join' ) );
add_filter( 'posts_join', array( &$this, 'terms_join' ) );
add_filter( 'posts_join', array( &$this, 'search_metadata_join' ) );
add_filter( 'posts_join', array( &$this, 'relationships_join' ) );
//add_filter( 'posts_where', array( &$this, 'search_attachments' ) );
//add_filter( 'posts_where', array( &$this, 'search_attachments' ) );
add_filter( 'posts_join', array( &$this, 'search_authors_join' ) );
add_filter( 'posts_join', array( &$this, 'search_authors_join' ) );
add_filter( 'posts_search', array( &$this, 'search_where' ), 10, 2 );
add_filter( 'posts_request', array( &$this, 'distinct' ) );
add_filter( 'posts_request', array( &$this, 'distinct' ) );
//add_filter( 'posts_request', array( &$this, 'log_query' ), 10, 2 );
}
@ -82,112 +82,95 @@ class Search_Engine {
}
return $search_terms;
}
function init_tainacan_search_vars() {
}
function init_tainacan_search_vars() {
if (!$this->query_instance->is_search() || empty($this->query_instance->query_vars['s']) ) {
$this->is_tainacan_search = false;
return;
}
$post_types = $this->query_instance->get('post_type');
$this->is_tainacan_search = false;
return;
}
$taxonomies = [];
$post_types = $this->query_instance->get('post_type');
$taxonomies = [];
$relationships = [];
if (!$post_types || empty($post_types) || !is_array($post_types)) {
$this->is_tainacan_search = false;
} else {
foreach ($post_types as $pt) {
if (!$post_types || empty($post_types) || !is_array($post_types)) {
$this->is_tainacan_search = false;
} else {
foreach ($post_types as $pt) {
$pattern = '/^' . \Tainacan\Entities\Collection::$db_identifier_prefix . '(\d+)' . \Tainacan\Entities\Collection::$db_identifier_sufix . '$/';
if ( preg_match_all($pattern, $pt, $matches) ) {
$taxonomies = array_merge( $taxonomies, get_object_taxonomies($pt) );
$taxonomies = array_merge( $taxonomies, get_object_taxonomies($pt) );
if (isset($matches[1][0])) {
$this->is_inner_query = true;
$relationships = array_merge( $relationships, \Tainacan\Repositories\Metadata::get_instance()->fetch_ids_by_collection( (int) $matches[1][0], ['metadata_type' => 'Tainacan\Metadata_Types\Relationship'] ) );
$this->is_inner_query = false;
}
$this->is_tainacan_search = true;
} else {
$this->is_tainacan_search = false;
break;
}
}
}
if ( $this->is_tainacan_search ) {
$taxonomies = array_unique($taxonomies);
} else {
$this->is_tainacan_search = false;
break;
}
}
}
if ( $this->is_tainacan_search ) {
$taxonomies = array_unique($taxonomies);
$relationships = array_unique($relationships);
$this->taxonomies = $taxonomies;
$this->taxonomies = $taxonomies;
$this->relationships = $relationships;
}
}
}
}
// add where clause to the search query
function search_where( $where, $wp_query ) {
if ($this->is_inner_query) {
if ($this->is_inner_query) {
return $where;
}
$this->query_instance = &$wp_query;
$this->init_tainacan_search_vars();
if ( !$this->is_tainacan_search && !$this->ajax_request)
$this->query_instance = &$wp_query;
$this->init_tainacan_search_vars();
if ( !$this->is_tainacan_search && !$this->ajax_request)
return $where;
global $wpdb;
$searchQuery = $this->search_default();
$search_query_fields = array();
$search_query_fields = array_merge($search_query_fields, $this->search_default());
$search_query_fields = array_merge($search_query_fields, $this->build_search_categories());
$search_query_fields = array_merge($search_query_fields, $this->build_search_metadata());
$search_query_fields = array_merge($search_query_fields, $this->build_search_relationships());
$search_query_fields = array_merge($search_query_fields, $this->search_authors());
$searchQuery .= $this->build_search_categories();
$searchQuery = '(';
$seperator = '';
$not_exact = empty($this->query_instance->query_vars['exact']);
$terms = $this->get_search_terms();
$fields = implode(", ' || ', ", $search_query_fields);
foreach ( $terms as $term ) {
$esc_term = $wpdb->prepare("%s", $not_exact ? "%".$term."%" : $term);
$searchQuery .= "{$seperator}CONCAT( $fields ) LIKE $esc_term";
$seperator = ' OR ';
}
$searchQuery .= ')';
$searchQuery .= $this->build_search_metadata();
$searchQuery .= $this->build_search_relationships();
$searchQuery .= $this->search_authors();
if ( $searchQuery != '' && $searchQuery != '()' ) {
// lets use _OUR_ query instead of WP's, as we have posts already included in our query as well(assuming it's not empty which we check for)
// lets use _OUR_ query instead of WP's, as we have posts already included in our query as well(assuming it's not empty which we check for)
$where = " AND ((" . $searchQuery . ")) ";
}
return $where;
}
}
// search for terms in default locations like title and content
// replacing the old search terms seems to be the best way to
// avoid issue with multiple terms
function search_default(){
function search_default() {
global $wpdb;
$not_exact = empty($this->query_instance->query_vars['exact']);
$search_sql_query = '';
$seperator = '';
$terms = $this->get_search_terms();
// if it's not a sentance add other terms
$search_sql_query .= '(';
foreach ( $terms as $term ) {
$search_sql_query .= $seperator;
$esc_term = $wpdb->prepare("%s", $not_exact ? "%".$term."%" : $term);
$like_title = "($wpdb->posts.post_title LIKE $esc_term)";
$like_post = "($wpdb->posts.post_content LIKE $esc_term)";
$search_sql_query .= "($like_title OR $like_post)";
$seperator = ' AND ';
}
$search_sql_query .= ')';
return $search_sql_query;
return ["$wpdb->posts.post_title", "$wpdb->posts.post_content"];
}
@ -223,140 +206,28 @@ class Search_Engine {
// Build the author search
function search_authors() {
global $wpdb;
$s = $this->query_instance->query_vars['s'];
$search_terms = $this->get_search_terms();
$exact = ( isset( $this->query_instance->query_vars['exact'] ) && $this->query_instance->query_vars['exact'] ) ? true : false;
$search = '';
$searchand = '';
if ( !empty( $search_terms ) ) {
// Building search query
foreach ( $search_terms as $term ) {
$term = $wpdb->prepare("%s", $exact ? $term : "%$term%");
$search .= "{$searchand}(u.display_name LIKE $term)";
$searchand = ' OR ';
}
$sentence_term = $wpdb->prepare("%s", $s);
if ( count( $search_terms ) > 1 && $search_terms[0] != $sentence_term ) {
$search .= " OR (u.display_name LIKE $sentence_term)";
}
if ( !empty( $search ) )
$search = " OR ({$search}) ";
}
return $search;
return ["u.display_name"];
}
function build_search_relationships(){
if ( empty( $this->relationships ) ) {
return '';
return [];
}
global $wpdb;
$s = $this->query_instance->query_vars['s'];
$search_terms = $this->get_search_terms();
$exact = ( isset( $this->query_instance->query_vars['exact'] ) && $this->query_instance->query_vars['exact'] ) ? true : false;
$search = '';
if ( !empty( $search_terms ) ) {
// Building search query
$searchand = '';
foreach ( $search_terms as $term ) {
$term = $wpdb->prepare("%s", $exact ? $term : "%$term%");
$search .= "{$searchand}(p2.post_title LIKE $term)";
$searchand = ' AND ';
}
$sentence_term = $wpdb->prepare("%s", $s);
if ( count( $search_terms ) > 1 && $search_terms[0] != $sentence_term ) {
$search = "($search) OR (p2.post_title LIKE $sentence_term)";
}
if ( !empty( $search ) )
$search = " OR ({$search}) ";
}
return $search;
return ['p2.post_title'];
}
// create the search meta data query
function build_search_metadata() {
global $wpdb;
$s = $this->query_instance->query_vars['s'];
$search_terms = $this->get_search_terms();
$exact = ( isset( $this->query_instance->query_vars['exact'] ) && $this->query_instance->query_vars['exact'] ) ? true : false;
$search = '';
if ( !empty( $search_terms ) ) {
// Building search query
$searchand = '';
foreach ( $search_terms as $term ) {
$term = $wpdb->prepare("%s", $exact ? $term : "%$term%");
$search .= "{$searchand}(m.meta_value LIKE $term)";
$searchand = ' AND ';
}
$sentence_term = $wpdb->prepare("%s", $s);
if ( count( $search_terms ) > 1 && $search_terms[0] != $sentence_term ) {
$search = "($search) OR (m.meta_value LIKE $sentence_term)";
}
if ( !empty( $search ) )
$search = " OR ({$search}) ";
}
return $search;
return ["m.meta_value"];
}
// create the search categories query
function build_search_categories() {
global $wpdb;
$vars = $this->query_instance->query_vars;
if (empty($this->taxonomies)) {
return '';
return [];
}
$s = $vars['s'];
$search_terms = $this->get_search_terms();
$exact = isset( $vars['exact'] ) ? $vars['exact'] : '';
$search = '';
if ( !empty( $search_terms ) ) {
// Building search query for categories slug.
$searchand = '';
$searchSlug = '';
foreach ( $search_terms as $term ) {
$term = $wpdb->prepare("%s", $exact ? $term : "%". $term . "%");
$searchSlug .= "{$searchand}(tter.name LIKE $term)";
$searchand = ' AND ';
}
$term = $wpdb->prepare("%s", $exact ? $term : "%". $s . "%");
if ( count( $search_terms ) > 1 && $search_terms[0] != $s ) {
$searchSlug = "($searchSlug) OR (tter.name LIKE $term)";
}
if ( !empty( $searchSlug ) )
$search = " OR ({$searchSlug}) ";
// Building search query for categories description.
$searchand = '';
$searchDesc = '';
foreach ( $search_terms as $term ) {
$term = $wpdb->prepare("%s", $exact ? $term : "%$term%");
$searchDesc .= "{$searchand}(ttax.description LIKE $term)";
$searchand = ' AND ';
}
$sentence_term = $wpdb->prepare("%s", $s);
if ( count( $search_terms ) > 1 && $search_terms[0] != $sentence_term ) {
$searchDesc = "($searchDesc) OR (ttax.description LIKE $sentence_term)";
}
if ( !empty( $searchDesc ) )
$search = $search." OR ({$searchDesc}) ";
}
return $search;
return ["tter.name", "ttax.description"];
}
@ -386,8 +257,7 @@ class Search_Engine {
global $wpdb;
if ( $this->is_tainacan_search ) {
$join .= " LEFT JOIN $wpdb->postmeta AS m ON ($wpdb->posts.ID = m.post_id) ";
$join .= " LEFT JOIN $wpdb->postmeta AS m ON ($wpdb->posts.ID = m.post_id) ";
}
return $join;
}
@ -403,7 +273,7 @@ class Search_Engine {
if ( $this->is_tainacan_search && !empty( $this->relationships ) ) {
$relationships = implode(',', $this->relationships);
$relationships = implode(',', $this->relationships);
$join .= " LEFT JOIN $wpdb->posts AS p2 ON (m.meta_value = p2.ID AND m.meta_key IN ($relationships)) ";
}
return $join;
@ -420,9 +290,9 @@ class Search_Engine {
if ( $this->is_tainacan_search && !empty( $this->taxonomies ) ) {
foreach ( $this->taxonomies as $taxonomy ) {
$on[] = "ttax.taxonomy = '" . addslashes( $taxonomy )."'";
}
foreach ( $this->taxonomies as $taxonomy ) {
$on[] = "ttax.taxonomy = '" . addslashes( $taxonomy )."'";
}
// build our final string
$on = ' ( ' . implode( ' OR ', $on ) . ' ) ';
$join .= " LEFT JOIN $wpdb->term_relationships AS trel ON ($wpdb->posts.ID = trel.object_id) LEFT JOIN $wpdb->term_taxonomy AS ttax ON ( " . $on . " AND trel.term_taxonomy_id = ttax.term_taxonomy_id) LEFT JOIN $wpdb->terms AS tter ON (ttax.term_id = tter.term_id) ";

16
src/classes/entities/class-tainacan-collection.php
View File

@ -477,6 +477,22 @@ class Collection extends Entity {
return $Tainacan_Metadata->fetch_by_collection( $this );
}
/**
* Get collection filters.
*
* Returns an array of \Entity\Filter objects, representing all the filters of the collection.
*
* @see \Tainacan\Repositories\Filters->fetch()
*
* @return [\Tainacan\Entities\Filter] array
* @throws \Exception
*/
function get_filters() {
$Tainacan_Filters = \Tainacan\Repositories\Filters::get_instance();
return $Tainacan_Filters->fetch_by_collection( $this );
}
/**
* Get the two core metadata of the collection (title and description)
*

7
src/classes/generic-background-process/class-tainacan-bulk-edit-process.php
View File

@ -210,6 +210,7 @@ class Bulk_Edit_Process extends Generic_Process {
$this->abort();
return false;
}
$this->add_transient('total_process', ($this->get_transient('total_process') === null ? 0 : $this->get_transient('total_process') + 1));
$count = $this->get_in_step_count();
$item = $this->bulk_list_get_item($count++);
if($item == false) {
@ -224,6 +225,12 @@ class Bulk_Edit_Process extends Generic_Process {
return $count;
}
public function finished() {
$total = $this->get_transient('total_process') == null ? 0 : $this->get_transient('total_process');
$this->add_log('finished');
$this->add_log( sprintf( __('total items processed: %d', 'tainacan'), $total ) );
}
private function save_item_metadata(\Tainacan\Entities\Item_Metadata_Entity $item_metadata, \Tainacan\Entities\Item $item) {
if ( $item_metadata->validate() ) {
if( $item->can_edit() ) {

4
src/classes/importer/class-tainacan-csv.php
View File

@ -73,7 +73,9 @@ class CSV extends Importer {
if( $rawColumns ) {
foreach( $rawColumns as $index => $rawColumn ) {
if( strpos($rawColumn,'special_') === 0 ) {
$columns[] = $rawColumn;
if( in_array( $rawColumn, ['special_document', 'special_attachments', 'special_item_status', 'special_item_id', 'special_comment_status'] ) ) {
$columns[] = $rawColumn;
}
}
}
if( !empty($columns) )

60
src/classes/repositories/class-tainacan-metadata.php
View File

@ -41,6 +41,7 @@ class Metadata extends Repository {
add_filter( 'pre_delete_post', array( &$this, 'force_delete_core_metadata' ), 10, 3 );
add_action('tainacan-insert-tainacan-taxonomy', [$this, 'hook_taxonomies_saved_as_private']);
add_action('tainacan-insert-tainacan-taxonomy', [$this, 'hook_taxonomies_saved_not_allow_insert_new_terms']);
}
@ -1081,7 +1082,7 @@ class Metadata extends Repository {
FROM
$wpdb->terms t INNER JOIN $wpdb->term_taxonomy tt ON t.term_id = tt.term_id
LEFT JOIN (
SELECT DISTINCT term_taxonomy_id FROM $wpdb->term_relationships
SELECT DISTINCT term_taxonomy_id FROM $wpdb->term_relationships
INNER JOIN ($items_query) as posts ON $wpdb->term_relationships.object_id = posts.ID
) as tr ON tt.term_taxonomy_id = tr.term_taxonomy_id
WHERE tt.taxonomy = %s ORDER BY t.name ASC", $taxonomy_slug
@ -1495,7 +1496,17 @@ class Metadata extends Repository {
$taxonomy_id = $taxonomy->get_id();
$metadata = $this->fetch(['metadata_type' => 'Tainacan\Metadata_Types\Taxonomy', '_option_taxonomy_id' => $taxonomy_id, 'post_status' => $stati], 'OBJECT');
$args = [
'metadata_type' => 'Tainacan\Metadata_Types\Taxonomy',
'meta_query' => [
[
'key' => '_option_taxonomy_id',
'value' => $taxonomy_id
]
],
'post_status' => $stati
];
$metadata = $this->fetch($args, 'OBJECT');
foreach ($metadata as $meta) {
$meta->set_status( $taxonomy->get_status() );
@ -1511,4 +1522,49 @@ class Metadata extends Repository {
}
}
/**
* When a taxonomy is saved disabling allow_insert. All related metadata should set allow_new_terms to 'no'
*
* @param \Tainacan\Entities\Taxonomy $taxonomy
* @return void
*/
public function hook_taxonomies_saved_not_allow_insert_new_terms($taxonomy) {
if ( $taxonomy instanceof Entities\Taxonomy && 'no' === $taxonomy->get_allow_insert() ) {
$taxonomy_id = $taxonomy->get_id();
$args = [
'metadata_type' => 'Tainacan\Metadata_Types\Taxonomy',
'meta_query' => [
[
'key' => '_option_taxonomy_id',
'value' => $taxonomy_id
],
[
'key' => '_option_allow_new_terms',
'value' => 'yes'
]
],
'post_status' => 'any',
];
$metadata = $this->fetch($args, 'OBJECT');
foreach ($metadata as $meta) {
$options = $meta->get_metadata_type_options();
$options['allow_new_terms'] = 'no';
$meta->set_metadata_type_options( $options );
if ( $meta->validate() ) {
$this->insert($meta);
}
}
}
}
}

20
src/classes/theme-helper/class-tainacan-theme-helper.php
View File

@ -62,7 +62,7 @@ class Theme_Helper {
$this->register_view_mode('table', [
'label' => __('Table', 'tainacan'),
'dynamic_metadata' => true,
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewtable tainacan-icon-20px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewtable tainacan-icon-1-25em"></i></span>',
'type' => 'component',
'implements_skeleton' => true
]);
@ -70,7 +70,7 @@ class Theme_Helper {
'label' => __('Cards', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A cards view, displaying title, description, author name and creation date.',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewcards tainacan-icon-20px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewcards tainacan-icon-1-25em"></i></span>',
'type' => 'component',
'implements_skeleton' => true
]);
@ -78,7 +78,7 @@ class Theme_Helper {
'label' => __('Records', 'tainacan'),
'dynamic_metadata' => true,
'description' => 'A records view, similiar to cards, but flexible for metadata',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewrecords tainacan-icon-20px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewrecords tainacan-icon-1-25em"></i></span>',
'type' => 'component',
'implements_skeleton' => true
]);
@ -86,7 +86,7 @@ class Theme_Helper {
'label' => __('Masonry', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A masonry view, similar to pinterest, which will display images without cropping.',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewmasonry tainacan-icon-20px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewmasonry tainacan-icon-1-25em"></i></span>',
'type' => 'component',
'implements_skeleton' => true
]);
@ -94,7 +94,7 @@ class Theme_Helper {
'label' => __('Slideshow', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A fullscreen slideshow view.',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewgallery tainacan-icon-20px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewgallery tainacan-icon-1-25em"></i></span>',
'type' => 'component',
'show_pagination' => false,
'full_screen' => true
@ -361,28 +361,36 @@ class Theme_Helper {
array(
'collection-id' => '',
'term-id' => '',
'taxonomy' => '',
),
$atts
);
// Loads info related to view modes
$default_view_mode = apply_filters( 'tainacan-default-view-mode-for-themes', 'masonry' );
$enabled_view_modes = apply_filters( 'tainacan-enabled-view-modes-for-themes', ['table', 'cards', 'masonry', 'slideshow'] );
$params = '';
// If is a collection page
if (isset($atts['collection-id']) && $atts['collection-id'] != '') {
$params .= "collection-id=" . $atts['collection-id'];
$collection = new \Tainacan\Entities\Collection($atts['collection-id']);
$default_view_mode = $collection->get_default_view_mode();
$enabled_view_modes = $collection->get_enabled_view_modes();
}
if (isset($atts['term-id']) && $atts['term-id'] != '') {
// If is a tainacan taxonomy
if (isset($atts['term-id']) && $atts['term-id'] != '' && isset($atts['taxonomy']) && $atts['taxonomy'] != '' ) {
$params .= "term-id=" . $atts['term-id'];
$params .= ' "taxonomy="' . $atts['taxonomy'];
}
$params .= ' default-view-mode="' . $default_view_mode . '" ';
$params .= ' enabled-view-modes="' . implode(',', $enabled_view_modes) . '" ';
$this->enqueue_scripts(true);
return "<div id='tainacan-items-page' $params ></div>";
}

54
src/classes/theme-helper/template-tags.php
View File

@ -176,16 +176,53 @@ function tainacan_the_collection_description() {
}
/**
* Outputs the div used by Vue to render the faceted search
* Outputs the div used by Vue to render the Items List with a powerful faceted search
*
* The items list bellong to a collection, to the whole repository or a taxonomy term, according to where
* it is used on the loop
*
* The following params all optional for customizing the rendered vue component
*
* @param array $args {
* Optional. Array of arguments.
*
* @type bool $hide-filters Completely hide filter sidebar or modal
* @type bool $hide-hide-filters-button Hides the button resonsible for collpasing filters sidebar on desktop
* @type bool $hide-search Hides the complete search bar, including advanced search link
* @type bool $hide-advanced-search Hides only the advanced search link
* @type bool $hide-sort-by-button Hides the button where user can select the metadata to sort by items (keeps the sort direction)
* @type bool $hide-items-per-page-button Hides the button for selecting amount of items loaded per page
* @type bool $hide-go-to-page-button Hides the button for skiping to a specific page
* @type bool $start-with-filters-hidden Loads the filters list hidden from start
* @type bool $filters-as-modal Display the filters as a modal instead of a collapsable region on desktop
* @type bool $show-inline-view-mode-options Display view modes as inline icon buttons instead of the dropdown
* @type bool $show-fullscreen-with-view-modes Lists fullscreen viewmodes alongside with other view modes istead of separatelly
* @type string $default-view-mode The default view mode
* @type string[] $enabled-view-modes The list os enable view modes to display
* @return string The HTML div to be used for rendering the items list vue component
*/
function tainacan_the_faceted_search() {
function tainacan_the_faceted_search($args = array()) {
$props = ' ';
// Loads info related to view modes
$default_view_mode = apply_filters( 'tainacan-default-view-mode-for-themes', 'masonry' );
$enabled_view_modes = apply_filters( 'tainacan-enabled-view-modes-for-themes', ['table', 'cards', 'masonry', 'slideshow'] );
// if in a collection page
if( isset($args['default-view-mode']) ) {
$default_view_mode = $args['default-view-mode'];
unset($args['default-view-mode']);
}
if( isset($args['enabled-view-modes']) ) {
$enabled_view_modes = $args['enabled-view-modes'];
if ( !in_array($default_view_mode, $enabled_view_modes) ) {
$default_view_mode = $enabled_view_modes[0];
}
unset($args['enabled-view-modes']);
}
// If in a collection page
$collection_id = tainacan_get_collection_id();
if ($collection_id) {
@ -195,7 +232,7 @@ function tainacan_the_faceted_search() {
$enabled_view_modes = $collection->get_enabled_view_modes();
}
// if in a tainacan taxonomy
// If in a tainacan taxonomy
$term = tainacan_get_term();
if ($term) {
$props .= 'term-id="' . $term->term_id . '" ';
@ -205,6 +242,13 @@ function tainacan_the_faceted_search() {
$props .= 'default-view-mode="' . $default_view_mode . '" ';
$props .= 'enabled-view-modes="' . implode(',', $enabled_view_modes) . '" ';
// Passes arguments to custom props
foreach ($args as $key => $value) {
if ($value == true || $value == 'true') {
$props .= $key . '="' . $value . '" ';
}
}
echo "<main id='tainacan-items-page' $props ></main>";
}

2
src/readme.txt
View File

@ -4,7 +4,7 @@ Tags: museums, libraries, archives, GLAM, collections, repository
Requires at least: 4.8
Tested up to: 5.3
Requires PHP: 5.6
Stable tag: 0.14.2
Stable tag: 0.15.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

4
src/tainacan.php
View File

@ -4,13 +4,13 @@ Plugin Name: Tainacan
Plugin URI: https://tainacan.org/
Description: Open source, powerfull and flexible repository platform for WordPress. Manage and publish you digital collections as easily as publishing a post to your blog, while having all the tools of a professional respository platform.
Author: Tainacan.org
Version: 0.14.2
Version: 0.15.1
Text Domain: tainacan
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
const TAINACAN_VERSION = '0.14.2';
const TAINACAN_VERSION = '0.15.1';
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
$TAINACAN_BASE_URL = plugins_url('', __FILE__);

17
src/views/admin/admin.vue
View File

@ -28,7 +28,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : !isMenuCompressed, 'tainacan-icon-arrowright' : isMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
class="tainacan-icon tainacan-icon-1-25em"/>
</span>
</button>
<tainacan-header />
@ -132,15 +132,15 @@
#menu-compress-button {
position: absolute;
z-index: 99;
z-index: 999;
top: 192px;
left: 0px;
max-width: 25px;
height: 25px;
width: 25px;
border: none;
background-color: $blue5;
color: white;
background-color: var(--tainacan-blue5);
color: var(--tainacan-white);
padding: 0px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
@ -151,5 +151,14 @@
}
}
@media screen and (min-width: 769px) {
.filters-menu {
.modal-background,
.modal-close {
display: none;
}
}
}
</style>

57
src/views/admin/components/edition/collection-edition-form.vue
View File

@ -163,7 +163,7 @@
placement: 'bottom'
}"
class="icon is-small">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
</span>
</a>
&nbsp;&nbsp;
@ -183,7 +183,8 @@
</span>
<br>
<a
class="add-link"
class="add-link"
style="font-size: 0.875em;"
:class="{'disabled': form.enable_cover_page != 'yes'}"
target="_blank"
:href="newPagePath">
@ -214,7 +215,7 @@
type="button">
<span>{{ $i18n.get('label_enabled_view_modes') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
@ -774,14 +775,20 @@ export default {
// Generates options for parent collection
this.isFetchingCollections = true;
this.fetchAllCollectionNames()
.then((collections) => {
this.collections = collections;
this.isFetchingCollections = false;
.then((resp) => {
resp.request.then((collections) => {
this.collections = collections;
this.isFetchingCollections = false;
})
.catch((error) => {
this.$console.error(error);
this.isFetchingCollections = false;
});
})
.catch((error) => {
this.$console.error(error);
this.isFetchingCollections = false;
});
.catch((error) => {
this.$console.error(error);
this.isFetchingCollections = false;
});
this.isLoading = false;
@ -912,9 +919,9 @@ export default {
}
.section-label {
font-size: 16px !important;
font-size: 1em !important;
font-weight: 500 !important;
color: $blue5 !important;
color: var(--tainacan-blue5) !important;
line-height: 1.2em;
}
@ -936,26 +943,26 @@ export default {
padding: 0;
margin: 0;
margin-top: -2px;
font-size: 18px;
color: white !important;
font-size: 1.125em;
color: var(--tainacan-white) !important;
}
}
.header-field {
padding-top: 1.5rem;
padding-top: 1.5em;
.image-placeholder {
position: absolute;
left: 10%;
right: 10%;
top: 35%;
font-size: 2.0rem;
font-size: 2.0em;
font-weight: bold;
z-index: 99;
text-align: center;
color: $gray4;
color: var(--tainacan-info-color);
@media screen and (max-width: 1024px) {
font-size: 1.2rem;
font-size: 1.2em;
}
}
@ -966,7 +973,7 @@ export default {
}
}
.thumbnail-field {
padding: 1.5rem;
padding: 1.5em;
// margin-top: 16px;
// margin-bottom: 38px;
@ -982,17 +989,17 @@ export default {
position: absolute;
margin-left: 45px;
margin-right: 45px;
font-size: 0.8rem;
font-size: 0.8em;
font-weight: bold;
z-index: 99;
text-align: center;
color: $gray4;
color: var(--tainacan-info-color);
top: 70px;
max-width: 90px;
}
.thumbnail-buttons-row {
position: relative;
left: 86px;
left: 90px;
bottom: 20px;
}
}
@ -1001,9 +1008,9 @@ export default {
top: -1px;
}
.selected-cover-page {
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
padding: 8px;
font-size: .75rem;
font-size: .75em;
.span { vertical-align: middle;}
.selected-cover-page-control {
@ -1017,7 +1024,7 @@ export default {
pointer-events: none;
cursor: not-allowed;
.icon { color: $gray2; }
.icon { color: var(--tainacan-gray2); }
}
}
.status-radios {

13
src/views/admin/components/edition/filter-edition-form.vue
View File

@ -63,7 +63,6 @@
</label>
<div class="inline-block">
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
id="tainacan-select-status-publish"
name="status"
@ -73,7 +72,6 @@
</b-radio>
<br>
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
id="tainacan-select-status-private"
name="status"
@ -313,10 +311,11 @@ export default {
@import "../../scss/_variables.scss";
form#filterEditForm {
padding: 1.5rem $page-side-padding 0.5rem $page-side-padding;
border-top: 1px solid $gray2;
border-bottom: 1px solid $gray2;
padding: 1.5em $page-side-padding 0.5em $page-side-padding;
border-top: 1px solid var(--tainacan-gray2);
border-bottom: 1px solid var(--tainacan-gray2);
margin-top: 1.0em;
font-size: 1.1em;
.options-columns {
-moz-column-count: 2;
@ -326,9 +325,9 @@ export default {
-webkit-column-gap: 0;
-webkit-column-rule: none;
column-count: 2;
column-gap: 4rem;
column-gap: 4em;
column-rule: none;
padding-bottom: 1.5rem;
padding-bottom: 1.5em;
&>.field, &>section {
-webkit-column-break-inside: avoid;

17
src/views/admin/components/edition/importer-edition-form.vue
View File

@ -50,6 +50,7 @@
<router-link
v-if="$userCaps.hasCapability('tnc_rep_edit_collections')"
tag="a"
style="font-size: 0.875em;"
class="add-link"
:to="{ path: $routerHelper.getNewCollectionPath(), query: { fromImporter: true }}">
<span class="icon">
@ -453,15 +454,15 @@ export default {
}
.section-label {
font-size: 16px !important;
font-size: 1em !important;
font-weight: 500 !important;
color: $blue5 !important;
color: var(--tainacan-blue5) !important;
line-height: 1.2em;
}
.source-metadatum {
padding: 2px 0;
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
width: 100%;
margin-bottom: 6px;
display: flex;
@ -473,11 +474,11 @@ export default {
display: inline;
}
.drop-inner{
padding: 1rem 3rem;
padding: 1em 3em;
}
.mapping-header-label {
color: $gray4;
color: var(--tainacan-info-color);
margin: 12px 0 6px 0;
}
@ -486,7 +487,7 @@ export default {
z-index: 99999;
#metadatumEditForm {
background-color: white;
background-color: var(--tainacan-background-color);
}
}
@ -496,9 +497,9 @@ export default {
}
.selected-source-file {
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
padding: 2px 10px;
font-size: .75rem;
font-size: .75em;
display: flex;
justify-content: space-between;
align-items: center;

33
src/views/admin/components/edition/importer-mapping-form.vue
View File

@ -44,7 +44,7 @@
importerSourceInfo != null &&
!isLoading">
<template v-if="importerSourceInfo.source_metadata.length > 0 || (importerSourceInfo.source_special_fields && importerSourceInfo.source_special_fields.length > 0)">
<p class="mapping-header-label is-inline">{{ $i18n.get('label_from_source_collection') }}</p>
<p class="mapping-header-label is-pulled-left">{{ $i18n.get('label_from_source_collection') }}</p>
<p class="mapping-header-label is-pulled-right">{{ $i18n.get('label_to_target_collection') }}</p>
</template>
<div
@ -161,6 +161,7 @@
</b-modal>
<a
v-if="collectionId != null && collectionId != undefined && importerSourceInfo.source_metadata.length > 0 && collection && collection.current_user_can_edit_metadata"
style="font-size: 0.875em;"
class="is-inline is-pulled-right add-link has-text-secondary"
@click="createNewMetadatum()">
<span class="icon">
@ -617,9 +618,9 @@ export default {
margin-bottom: 40px;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $blue5;
color: var(--tainacan-blue5);
display: inline-block;
}
a.back-link{
@ -630,10 +631,10 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
}
.breadcrumbs {
font-size: 12px;
font-size: 0.75em;
}
.level-left {
.level-item {
@ -673,16 +674,16 @@ export default {
}
.section-label {
font-size: 16px !important;
font-size: 1em !important;
font-weight: 500 !important;
color: $blue5 !important;
color: var(--tainacan-blue5) !important;
line-height: 1.2em;
}
.source-metadatum {
padding: 2px 0;
min-height: 35px;
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
width: 100%;
margin-bottom: 6px;
display: flex;
@ -694,11 +695,11 @@ export default {
display: inline;
}
.drop-inner{
padding: 1rem 3rem;
padding: 1em 3em;
}
.mapping-header-label {
color: $gray4;
color: var(--tainacan-info-color);
margin: 12px 0 6px 0;
}
@ -707,14 +708,14 @@ export default {
z-index: 99999;
#metadatumEditForm {
background-color: white;
background-color: var(--tainacan-background-color);
}
}
.metadata-types-container {
.metadata-type {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 15px 8.3333333%;
cursor: pointer;
@ -725,7 +726,7 @@ export default {
border-bottom: none;
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
}
}
@ -736,8 +737,8 @@ export default {
p {
max-width: 74px;
font-size: 0.875rem;
color: $gray5;
font-size: 0.875em;
color: var(--tainacan-gray5);
margin: 4px 8px;
text-align: left;
text-overflow: ellipsis;
@ -747,7 +748,7 @@ export default {
div {
height: 90px;
width: 90px;
background-color: $gray2;
background-color: var(--tainacan-gray2);
border-radius: 2px;
}
}

36
src/views/admin/components/edition/item-bulk-edition-form.vue
View File

@ -116,7 +116,7 @@
autoHide: false,
placement: 'auto-start'
}">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-approvedcircle" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approvedcircle" />
</span>
</div>
<div
@ -380,9 +380,9 @@ export default {
justify-content: space-between;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $gray5;
color: var(--tainacan-heading-color);
display: inline-block;
flex-shrink: 1;
flex-grow: 1;
@ -395,19 +395,19 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
width: 100%;
}
}
.source-file-upload {
width: 100%;
padding: 0.75rem $page-side-padding;
padding: 0.75em $page-side-padding;
@include display-grid;
}
.document-list {
display: inline-block;
width: 100%;
padding: 1rem 8.333333%;
padding: 1em 8.333333%;
.document-item {
display: flex;
@ -415,14 +415,14 @@ export default {
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0.5rem 0.75rem;
padding: 0.5em 0.75em;
position: relative;
cursor: default;
.document-thumb {
max-height: 42px;
max-width: 42px;
margin-right: 1rem;
margin-right: 1em;
}
.document-name {
@ -445,7 +445,7 @@ export default {
.document-actions {
position: absolute;
right: 0;
background: $gray2;
background: var(--tainacan-gray2);
height: 100%;
display: none;
justify-content: center;
@ -459,7 +459,7 @@ export default {
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
.document-actions {
display: flex;
@ -476,28 +476,28 @@ export default {
.sequence-progress-info {
display: flex;
justify-content: space-between;
margin-bottom: 0.25rem;
margin-bottom: 0.25em;
.i::before {
font-size: 18px;
margin-left: 0.5rem;
font-size: 1.125em;
margin-left: 0.5em;
}
}
.sequence-progress {
height: 5px;
background: $turquoise5;
background: var(--tainacan-turquoise5);
width: 0%;
transition: width 0.2s;
margin-bottom: 1rem;
margin-bottom: 1em;
}
.sequence-progress-background {
height: 5px;
background: $gray3;
background: var(--tainacan-gray3);
width: 100%;
top: -21px;
z-index: -1;
position: relative;
margin-bottom: 1rem;
margin-bottom: 1em;
}
}
@ -506,7 +506,7 @@ export default {
position: absolute;
bottom: 0;
z-index: 999999;
background-color: $gray1;
background-color: var(--tainacan-gray1);
width: 100%;
height: 65px;
display: flex;

103
src/views/admin/components/edition/item-edition-form.vue
View File

@ -31,7 +31,7 @@
mode="out-in"
:name="(isOnSequenceEdit && sequenceRightDirection != undefined) ? (sequenceRightDirection ? 'page-right' : 'page-left') : ''">
<form
v-if="!isLoading && ((isCreatingNewItem && collection && collection.current_user_can_edit_items) || (!isCreatingNewItem && item && item.current_user_can_edit))"
v-show="!isLoading && ((isCreatingNewItem && collection && collection.current_user_can_edit_items) || (!isCreatingNewItem && item && item.current_user_can_edit))"
class="tainacan-form"
label-width="120px">
<div class="columns">
@ -179,7 +179,7 @@
type="button"
@click.prevent="setFileDocument($event)">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-upload"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-upload"/>
</span>
</button>
<p>{{ $i18n.get('label_file') }}</p>
@ -189,7 +189,7 @@
type="button"
@click.prevent="setTextDocument()">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-text"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-text"/>
</span>
</button>
<p>{{ $i18n.get('label_text') }}</p>
@ -199,7 +199,7 @@
type="button"
@click.prevent="setURLDocument()">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
</span>
</button>
<p>{{ $i18n.get('label_url') }}</p>
@ -292,7 +292,9 @@
:message="$i18n.getHelperMessage('items', '_thumbnail_id')"/>
</div>
<div class="section-box section-thumbnail">
<div
v-if="!isLoading"
class="section-box section-thumbnail">
<div class="thumbnail-field">
<file-item
v-if="item.thumbnail != undefined && ((item.thumbnail['tainacan-medium'] != undefined && item.thumbnail['tainacan-medium'] != false) || (item.thumbnail.medium != undefined && item.thumbnail.medium != false))"
@ -406,7 +408,7 @@
</div>
<div class="section-status">
<div
style="display: flex; flex-direction: column;"
style="display: flex; flex-direction: column; font-size: 1rem;"
class="field has-addons">
<b-radio
v-model="visibility"
@ -474,7 +476,7 @@
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="tainacan-icon tainacan-icon-20px"/>
class="tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
<tainacan-form-item
@ -578,7 +580,7 @@
class="update-warning"
v-if="isUpdatingValues">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-updating"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-updating"/>
</span>
{{ $i18n.get('info_updating_metadata_values') }}
<span class="help is-danger">{{ formErrorMessage }}</span>
@ -611,7 +613,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-previous"/>
</span>
<span>{{ $i18n.get('previous') }}</span>
</button>
@ -637,7 +639,7 @@
class="button is-secondary">
<span>{{ $i18n.get('label_update_draft') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
<template v-if="collection && collection.current_user_can_publish_items">
@ -653,7 +655,7 @@
class="button is-success">
<span>{{ $i18n.get('label_publish') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
</template>
@ -665,7 +667,7 @@
class="button is-success">
<span>{{ $i18n.get('label_next') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
</template>
@ -675,7 +677,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-approved"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approved"/>
</span>
<span>{{ $i18n.get('finish') }}</span>
</button>
@ -689,7 +691,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-previous"/>
</span>
<span>{{ $i18n.get('previous') }}</span>
</button>
@ -710,7 +712,7 @@
class="button is-secondary">
<span>{{ $i18n.get('label_save_as_draft') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
<template v-if="collection && collection.current_user_can_publish_items">
@ -728,7 +730,7 @@
class="button is-success">
<span>{{ $i18n.get('label_update') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
</template>
@ -741,7 +743,7 @@
class="button is-success">
<span>{{ $i18n.get('label_next') }}</span>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-next"/>
</span>
</button>
</template>
@ -751,7 +753,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-approved"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approved"/>
</span>
<span>{{ $i18n.get('finish') }}</span>
</button>
@ -1037,6 +1039,7 @@ export default {
}
})
.catch((errors) => {
if (errors.errors) {
for (let error of errors.errors) {
for (let metadatum of Object.keys(error)){
@ -1426,7 +1429,7 @@ export default {
margin-bottom: 110px;
.field:not(:last-child) {
margin-bottom: 0.5rem;
margin-bottom: 0.5em;
}
}
@ -1439,9 +1442,9 @@ export default {
justify-content: space-between;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $gray5;
color: var(--tainacan-heading-color);
display: inline-block;
width: 80%;
flex-shrink: 1;
@ -1452,11 +1455,11 @@ export default {
max-width: 80%;
}
.status-tag {
color: white;
background: $turquoise5;
padding: 0.15rem 0.5rem;
font-size: 0.75rem;
margin: 0 1rem 0 0;
color: var(--tainacan-white);
background: var(--tainacan-turquoise5);
padding: 0.15em 0.5em;
font-size: 0.75em;
margin: 0 1em 0 0;
font-weight: 600;
position: relative;
top: -2px;
@ -1469,7 +1472,7 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
width: 100%;
}
}
@ -1496,7 +1499,7 @@ export default {
justify-content: space-between;
.column {
padding: 1rem 12px 0 12px;
padding: 1em 12px 0 12px;
}
}
@ -1517,22 +1520,22 @@ export default {
.section-label {
position: relative;
label {
font-size: 16px !important;
font-size: 1em !important;
font-weight: 500 !important;
color: $gray5 !important;
color: var(--tainacan-gray5) !important;
line-height: 1.2em;
}
}
.collapse-all {
font-size: 12px;
font-size: 0.75em;
.icon {
vertical-align: bottom;
}
}
.section-box {
background-color: white;
background-color: var(--tainacan-background-color);
padding: 0 $page-side-padding 0 0;
margin-top: 14px;
margin-bottom: 32px;
@ -1547,21 +1550,21 @@ export default {
height: 72px;
width: 72px;
border: none;
background-color: $gray2;
color: $secondary;
background-color: var(--tainacan-gray2);
color: var(--tainacan-secondary);
margin-bottom: 6px;
&:hover {
background-color: $turquoise2;
background-color: var(--tainacan-turquoise2);
cursor: pointer;
}
}
p { color: $secondary; }
p { color: var(--tainacan-secondary); }
}
}
}
.section-status {
padding-bottom: 16px;
font-size: 0.75rem;
font-size: 0.875em;
.field {
padding: 10px 0 14px 0px !important;
@ -1571,8 +1574,8 @@ export default {
margin-left: 0;
}
.icon {
font-size: 18px !important;
color: $gray3;
font-size: 1.125em !important;
color: var(--tainacan-gray3);
}
}
}
@ -1604,7 +1607,7 @@ export default {
padding: 0;
margin: 0;
margin-top: -2px;
font-size: 18px;
font-size: 1.125em;
}
}
@ -1622,11 +1625,11 @@ export default {
position: absolute;
margin-left: 45px;
margin-right: 45px;
font-size: 0.8rem;
font-size: 0.8em;
font-weight: bold;
z-index: 99;
text-align: center;
color: $gray4;
color: var(--tainacan-info-color);
top: 70px;
max-width: 90px;
}
@ -1643,7 +1646,7 @@ export default {
position: absolute;
bottom: 0;
z-index: 999999;
background-color: $gray1;
background-color: var(--tainacan-gray1);
width: 100%;
height: 65px;
display: flex;
@ -1658,12 +1661,12 @@ export default {
}
@keyframes blink {
from { color: $blue5; }
to { color: $gray4; }
from { color: var(--tainacan-blue5); }
to { color: var(--tainacan-info-color); }
}
.update-warning {
color: $blue5;
color: var(--tainacan-blue5);
animation-name: blink;
animation-duration: 0.5s;
animation-delay: 0.5s;
@ -1672,7 +1675,7 @@ export default {
}
.update-info-section {
color: $gray4;
color: var(--tainacan-info-color);
margin-right: auto;
}
@ -1685,7 +1688,7 @@ export default {
.sequence-progress {
height: 5px;
background: $turquoise5;
background: var(--tainacan-turquoise5);
width: 0%;
position: absolute;
top: 0;
@ -1694,7 +1697,7 @@ export default {
}
.sequence-progress-background {
height: 5px;
background: $gray3;
background: var(--tainacan-gray3);
width: 100%;
position: absolute;
top: 0;
@ -1703,7 +1706,7 @@ export default {
.sequence-button {
background-color: transparent;
color: $turquoise5;
color: var(--tainacan-turquoise5);
border: none;
}
}

19
src/views/admin/components/edition/metadatum-edition-form.vue
View File

@ -79,7 +79,6 @@
</label>
<b-field>
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
id="tainacan-select-status-publish"
name="status"
@ -90,7 +89,6 @@
</b-field>
<b-field>
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
id="tainacan-select-status-private"
name="status"
@ -116,7 +114,6 @@
<b-field>
<b-radio
size="is-small"
@input="clearErrors('display')"
v-model="editForm.display"
native-value="yes"
@ -127,7 +124,6 @@
<b-field>
<b-radio
size="is-small"
@input="clearErrors('display')"
v-model="editForm.display"
native-value="no"
@ -138,7 +134,6 @@
<b-field>
<b-radio
size="is-small"
v-model="editForm.display"
@input="clearErrors('display')"
native-value="never"
@ -155,7 +150,6 @@
:type="formErrors['required'] != undefined ? 'is-danger' : ''"
:message="formErrors['required'] != undefined ? formErrors['required'] : ''">
<b-checkbox
size="is-small"
@input="clearErrors('required')"
v-model="editForm.required"
true-value="yes"
@ -174,7 +168,6 @@
:type="formErrors['multiple'] != undefined ? 'is-danger' : ''"
:message="formErrors['multiple'] != undefined ? formErrors['multiple'] : ''">
<b-checkbox
size="is-small"
@input="clearErrors('multiple')"
v-model="editForm.multiple"
true-value="yes"
@ -192,7 +185,6 @@
:type="formErrors['collection_key'] != undefined ? 'is-danger' : ''"
:message="formErrors['collection_key'] != undefined ? formErrors['collection_key'] : ''">
<b-checkbox
size="is-small"
@input="clearErrors('collection_key')"
v-model="editForm.collection_key"
true-value="yes"
@ -391,10 +383,11 @@
@import "../../scss/_variables.scss";
form#metadatumEditForm.inCollapse {
padding: 1.5rem $page-side-padding 0.5rem $page-side-padding;
border-top: 1px solid $gray2;
border-bottom: 1px solid $gray2;
padding: 1.5em $page-side-padding 0.5em $page-side-padding;
border-top: 1px solid var(--tainacan-gray2);
border-bottom: 1px solid var(--tainacan-gray2);
margin-top: 1.0em;
font-size: 1.1em;
}
form#metadatumEditForm .options-columns {
-moz-column-count: 2;
@ -404,9 +397,9 @@
-webkit-column-gap: 0;
-webkit-column-rule: none;
column-count: 2;
column-gap: 4rem;
column-gap: 4em;
column-rule: none;
padding-bottom: 1.5rem;
padding-bottom: 1.5em;
&>.field, &>section {
-webkit-column-break-inside: avoid;

11
src/views/admin/components/edition/taxonomy-edition-form.vue
View File

@ -518,7 +518,10 @@
}
}
</script>
<style scoped>
<style lang="scss" scoped>
@import '../../scss/_variables.scss';
.tab-content {
overflow: visible !important;
}
@ -533,7 +536,7 @@
margin-bottom: 76px;
}
.tainacan-form .column {
padding: 1rem 4.1666667%;
padding: 1em $page-side-padding;
}
.tainacan-form .column:last-of-type {
padding-left: 0;
@ -542,8 +545,8 @@
align-items: center;
}
.updated-at {
margin: 0 1rem 0 auto;
color: #555758;
margin: 0 1em 0 auto;
color: var(--tainacan-info-color);
font-style: italic;
}
</style>

24
src/views/admin/components/edition/term-edition-form.vue
View File

@ -10,7 +10,7 @@
target="_blank"
:href="editForm.url">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
</span>
<span class="menu-text">{{ $i18n.get('label_view_on_theme') }}</span>
</a>
@ -445,9 +445,9 @@
}
form#termEditForm {
padding: 1.7rem 0 1.5rem 1.5rem;
border-left: 1px solid $gray2;
margin-left: 0.75rem;
padding: 1.7em 0 1.5em 1.5em;
border-left: 1px solid var(--tainacan-gray2);
margin-left: 0.75em;
position: relative;
animation-name: enter;
animation-duration: 0.5s;
@ -459,9 +459,9 @@
align-items: baseline;
h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $blue5;
color: var(--tainacan-blue5);
display: inline-block;
margin-right: auto;
}
@ -469,7 +469,7 @@
margin: 3px 0px 4px 0px;
width: 100%;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
}
}
@ -505,7 +505,7 @@
font-weight: bold;
z-index: 99;
text-align: center;
color: $gray4;
color: var(--tainacan-info-color);
}
#button-delete-header,
#button-edit-header {
@ -520,12 +520,12 @@
margin-left: 10px !important;
.icon {
color: white !important;
color: var(--tainacan-white) !important;
display: inherit;
padding: 0;
margin: 0;
margin-top: -2px;
font-size: 18px;
font-size: 1.125em;
}
}
@ -536,9 +536,9 @@
}
}
.checkboxes-warning {
color: $gray5;
color: var(--tainacan-gray5);
font-style: italic;
padding: 0.2rem 0.75rem;
padding: 0.2em 0.75em;
}
}

16
src/views/admin/components/filter-types/checkbox/Checkbox.vue
View File

@ -175,20 +175,20 @@
.view-all-button {
font-size: 0.75rem;
padding: 0.1rem 1rem;
font-size: 0.75em;
padding: 0.1em 1em;
}
.is-loading:after {
border: 2px solid white !important;
border-top-color: #dbdbdb !important;
border-right-color: #dbdbdb !important;
border: 2px solid var(--tainacan-background-color) !important;
border-top-color: var(--tainacan-gray2) !important;
border-right-color: var(--tainacan-gray2) !important;
}
.no-options-placeholder {
margin-left: 0.5rem;
font-size: 0.75rem;
color: #555758;
margin-left: 0.5em;
font-size: 0.75em;
color: var(--tainacan-info-color);
}
.b-checkbox .control-label {

11
src/views/admin/components/filter-types/date-interval/DateInterval.vue
View File

@ -22,7 +22,11 @@
$i18n.get('datepicker_short_friday'),
$i18n.get('datepicker_short_saturday'),
]"/>
<p class="is-size-7 has-text-centered is-marginless">{{ $i18n.get('label_until') }}</p>
<p
style="font-size: 0.75em; margin-bottom: 0.125em;"
class="has-text-centered is-marginless">
{{ $i18n.get('label_until') }}
</p>
<b-datepicker
:aria-labelledby="'filter-label-id-' + filter.id"
:placeholder="$i18n.get('label_selectbox_init')"
@ -178,9 +182,6 @@
<style scoped>
.field {
margin-bottom: 0.125rem !important;
}
p.is-size-7 {
margin-bottom: 0.125rem !important;
margin-bottom: 0.125em !important;
}
</style>

12
src/views/admin/components/filter-types/date/Date.vue
View File

@ -13,7 +13,7 @@
<i v-html="comparatorSymbol" />
</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
@ -239,7 +239,7 @@
.date-filter-container {
display: flex;
height: 30px;
height: auto;
@media screen and (min-width: 769px) and (max-width: 1500px) {
flex-wrap: wrap;
@ -251,14 +251,14 @@
flex-grow: 2;
.dropdown-trigger button {
padding: 0 0.5rem !important;
height: 30px !important;
padding: 0 0.5em !important;
height: auto !important;
i:not(.tainacan-icon-arrowdown) {
margin-top: -3px;
font-size: 1.25rem;
font-size: 1.25em;
font-style: normal;
color: #555758;
color: var(--tainacan-info-color);
}
}
}

11
src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue
View File

@ -7,7 +7,11 @@
:step="filterTypeOptions.step"
v-model="valueInit"
/>
<p class="is-size-7 has-text-centered is-marginless">{{ $i18n.get('label_until') }}</p>
<p
style="font-size: 0.75em; margin-bottom: 0.125em;"
class="has-text-centered is-marginless">
{{ $i18n.get('label_until') }}
</p>
<b-numberinput
:aria-labelledby="'filter-label-id-' + filter.id"
size="is-small"
@ -115,9 +119,6 @@
<style scoped>
.field {
margin-bottom: 0.125rem !important;
}
p.is-size-7 {
margin-bottom: 0.125rem !important;
margin-bottom: 0.125em !important;
}
</style>

4
src/views/admin/components/filter-types/numeric-list-interval/FormNumericListInterval.vue
View File

@ -178,11 +178,11 @@
.field:first-child {
width: 100%;
margin-top: 1rem;
margin-top: 1em;
margin-bottom: -1px;
}
.field.has-addons {
margin-bottom: 0.125rem;
margin-bottom: 0.125em;
width: 100%;
display: flex;
flex-wrap: wrap;

5
src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue
View File

@ -114,9 +114,6 @@
<style scoped>
.field {
margin-bottom: 0.125rem !important;
}
p.is-size-7 {
margin-bottom: 0.125rem !important;
margin-bottom: 0.125em !important;
}
</style>

12
src/views/admin/components/filter-types/numeric/Numeric.vue
View File

@ -13,7 +13,7 @@
<i v-html="comparatorSymbol" />
</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
@ -161,7 +161,7 @@
.numeric-filter-container {
display: flex;
height: 30px;
height: auto;
@media screen and (min-width: 769px) and (max-width: 1500px) {
flex-wrap: wrap;
@ -173,14 +173,14 @@
flex-grow: 2;
.dropdown-trigger button {
padding: 0 0.5rem !important;
height: 30px !important;
padding: 0 0.5em !important;
height: auto !important;
i:not(.tainacan-icon-arrowdown) {
margin-top: -3px;
font-size: 1.25rem;
font-size: 1.25em;
font-style: normal;
color: #555758;
color: var(--tainacan-info-color);
}
}
}

32
src/views/admin/components/filter-types/tainacan-filter-item.vue
View File

@ -27,13 +27,13 @@
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open }"
class="tainacan-icon tainacan-icon-20px"/>
class="tainacan-icon tainacan-icon-1-25em"/>
</span>
<span class="collapse-label">{{ filter.name }}</span>
</button>
<div :id="'filter-input-id-' + filter.id">
<component
:is="filter.filter_type_object.component"
:is="filter.filter_type_object ? filter.filter_type_object.component : null"
:filter="filter"
:query="query"
:is-using-elastic-search="isUsingElasticSearch"
@ -114,7 +114,7 @@
margin-right: 0px;
}
.column {
padding: 0.75rem 1px 0.75rem 0 !important;
padding: 0.75em 1px 0.75em 0 !important;
}
.collapse {
@ -132,16 +132,14 @@
.label {
font-weight: normal !important;
font-size: 0.875rem;
font-size: 0.875em;
width: 100%;
}
.taginput-container {
font-size: 0.875rem;
border-radius: 1px !important;
box-shadow: none !important;
transition: background-color 0.1s;
height: 2.25em !important;
}
.taginput-container {
@ -154,14 +152,11 @@
&.is-focusable:focus {
border: none !important;
input:active, input:focus {
border: 1px solid $gray4 !important;
border: 1px solid var(--tainacan-input-border-color) !important;
}
}
input{
border: 1px solid $gray2 !important;
}
.control.has-icons-left .icon {
top: 3px !important;
border: 1px solid var(--tainacan-input-border-color) !important;
}
.tags {
display: none !important;
@ -173,7 +168,7 @@
display: unset;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
height: auto;
}
.control:not(.taginput) {
@ -199,11 +194,14 @@
.b-checkbox.checkbox {
font-weight: normal;
font-size: 0.75rem;
font-size: 1em;
margin-right: 2px;
}
.datepicker {
.dropdown-menu {
left: -18px;
}
@media screen and (min-width: 768px) {
.datepicker-header {
@ -219,18 +217,18 @@
select {
padding-left: 1px !important;
font-size: 0.75rem !important;
font-size: 0.875em !important;
height: 24px !important;
min-width: 100% !important;
min-width: 100% !important;
}
&:not(.is-loading)::after {
margin-top: -13px !important;
margin-top: -10px !important;
}
}
}
}
.datepicker-cell {
padding: 0.15rem 0.175rem !important;
padding: 0.15em 0.175em !important;
}
}
}

16
src/views/admin/components/filter-types/taxonomy/Checkbox.vue
View File

@ -14,7 +14,7 @@
v-if="!isLoadingOptions"
:key="index"
:value="index"
class="control">
class="metadatum">
<label
v-if="!option.isChild"
class="b-checkbox checkbox is-small">
@ -311,20 +311,20 @@
<style lang="scss" scoped>
.view-all-button {
font-size: 0.75rem;
padding: 0.1rem 1rem;
font-size: 0.75em;
padding: 0.1em 1em;
}
.is-loading:after {
border: 2px solid white !important;
border-top-color: #dbdbdb !important;
border-right-color: #dbdbdb !important;
border-top-color: var(--tainacan-gray2) !important;
border-right-color: var(--tainacan-gray2) !important;
}
.no-options-placeholder {
margin-left: 0.5rem;
font-size: 0.75rem;
color: #555758;
margin-left: 0.5em;
font-size: 0.75em;
color: var(--tainacan-info-color);
}
.b-checkbox .control-label {

2
src/views/admin/components/filter-types/taxonomy/Taginput.vue
View File

@ -57,7 +57,7 @@
this.updateSelectedValues();
},
'query.metaquery'() {
this.loadOptions();
this.updateSelectedValues();
}
},
created() {

6
src/views/admin/components/lists/attachments-list.vue
View File

@ -29,7 +29,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</a>
</span>
</div>
@ -56,7 +56,7 @@
v-if="attachments.length > 0">
<div class="shown-items">
{{
$i18n.get('info_showing_attachments') +
$i18n.get('info_showing_attachments') + ' ' +
(attachmentsPerPage * (attachmentsPage - 1) + 1) +
$i18n.get('info_to') +
getLastAttachmentsNumber() +
@ -204,7 +204,7 @@
.file-item-control {
position: absolute;
background-color: #f2f2f2;
background-color: var(--tainacan-gray1);
width: 112px;
margin: 6px 0;
bottom: 0px;

42
src/views/admin/components/lists/basic-term-item.vue
View File

@ -33,7 +33,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a @click.prevent="tryToRemoveTerm()">
@ -44,7 +44,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</span>
@ -148,8 +148,8 @@ export default {
// Term Item
.term-item {
font-size: 14px;
padding: 0 0 0 1.75rem;
font-size: 0.875em;
padding: 0 0 0 1.75em;
min-height: 40px;
display: flex;
position: relative;
@ -162,13 +162,13 @@ export default {
width: 100%;
&:first-child:hover {
background-color: $gray1 !important;
background-color: var(--tainacan-gray1) !important;
.controls {
visibility: visible;
opacity: 1.0;
}
&::before {
border-color: transparent transparent transparent $gray2 !important;
border-color: transparent transparent transparent var(--tainacan-gray2) !important;
}
}
@ -182,47 +182,47 @@ export default {
max-width: 73%;
&.is-danger {
color: $danger !important;
color: var(--tainacan-danger) !important;
}
}
.label-details {
font-weight: normal;
color: $gray3;
color: var(--tainacan-gray3);
margin-right: auto;
}
.not-saved {
font-style: italic;
font-weight: bold;
color: $danger;
color: var(--tainacan-danger);
}
.controls {
visibility: hidden;
opacity: 0.0;
display: flex;
justify-content: space-between;
background-color: $gray2;
padding: 0.5rem 0.875rem;
background-color: var(--tainacan-gray2);
padding: 0.5em 0.875em;
a {
display: flex;
align-items: center;
margin: 0 0.375rem;
margin: 0 0.375em;
.icon {
bottom: 1px;
position: relative;
i, i:before { font-size: 20px; }
i, i:before { font-size: 1.25em; }
}
}
}
.controls.is-disabled a {
color: $gray4 !important;
color: var(--tainacan-info-color) !important;
cursor: not-allowed !important;
user-select: none;
}
&.opened-term:first-child {
cursor: default;
background-color: $blue1;
background-color: var(--tainacan-blue1);
&:before {
content: '';
@ -233,14 +233,14 @@ export default {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent $blue1;
border-color: transparent transparent transparent var(--tainacan-blue1);
border-left-width: 24px;
border-top-width: 20px;
border-bottom-width: 20px;
top: 0;
}
&:hover:before {
border-color: transparent transparent transparent $gray1;
border-color: transparent transparent transparent var(--tainacan-gray1);
}
}
@ -252,10 +252,10 @@ export default {
}
}
.view-more-terms {
font-size: 0.875rem;
margin: 0 0 0 1.75rem !important;
padding: 0.5rem 0 0.5rem 1.75rem;
font-size: 0.875em;
margin: 0 0 0 1.75em !important;
padding: 0.5em 0 0.5em 1.75em;
display: flex;
border-top: 1px solid #f2f2f2;
border-top: 1px solid var(--tainacan-gray1);
}
</style>

2
src/views/admin/components/lists/capabilities-list.vue
View File

@ -103,7 +103,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
</div>

30
src/views/admin/components/lists/collections-home-list.vue
View File

@ -96,7 +96,7 @@
:label="$i18n.get('items')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
@ -111,7 +111,7 @@
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-metadata"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
@ -127,7 +127,7 @@
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-filters"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
@ -150,7 +150,7 @@
:label="$i18n.get('items')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
@ -165,7 +165,7 @@
:label="$i18n.get('label_settings')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-settings"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
@ -180,7 +180,7 @@
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-metadata"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
@ -196,7 +196,7 @@
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-filters"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
@ -211,7 +211,7 @@
:label="$i18n.get('activities')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-activities"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('activities') }}</span> -->
@ -226,7 +226,7 @@
:label="$i18n.get('label_view_collection_on_website')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
</span>
</b-tooltip>
</a>
@ -275,21 +275,21 @@ export default {
.new-collection-menu {
display: flex;
width: calc(100% + 1.25rem);
width: calc(100% + 1.25em);
justify-content: space-between;
flex-wrap: nowrap;
margin: 0 -0.75rem;
margin: 0 -0.75em;
@media screen and (max-width: 768px) {
flex-wrap: wrap;
}
li {
padding: 0.75rem;
padding: 0.75em;
display: flex;
background-color: $gray1;
background-color: var(--tainacan-gray1);
flex-grow: 1;
margin: 0.75rem;
margin: 0.75em;
height: 120px;
min-width: 140px;
text-align: center;
@ -300,7 +300,7 @@ export default {
a {
width: 100%;
color: $turquoise5;
color: var(--tainacan-turquoise5);
display: flex;
flex-wrap: wrap;
flex-direction: column;

18
src/views/admin/components/lists/collections-list.vue
View File

@ -24,7 +24,7 @@
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
</button>
@ -135,9 +135,7 @@
v-if="$userCaps.hasCapability('tnc_rep_delete_collections')"
:class="{ 'is-selecting': isSelectingCollections }"
class="checkbox-cell">
<b-checkbox
size="is-small"
v-model="selectedCollections[index]"/>
<b-checkbox v-model="selectedCollections[index]"/>
</td>
<!-- Thumbnail -->
<td
@ -275,7 +273,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-settings"/>
</span>
</a>
<a
@ -293,7 +291,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="tainacan-icon tainacan-icon-20px"/>
class="tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -492,14 +490,14 @@ export default {
.selection-control {
padding: 6px 0px 0px 12px;
background: white;
background: var(--tainacan-white);
height: 40px;
.select-all {
color: $gray4;
font-size: 14px;
color: var(--tainacan-info-color);
font-size: 0.875em;
&:hover {
color: $gray4;
color: var(--tainacan-info-color);
}
}
}

144
src/views/admin/components/lists/filters-list.vue
View File

@ -111,7 +111,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -126,7 +126,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</span>
@ -281,7 +281,7 @@
class="field">
<span class="collapse-handle">
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
<label class="label has-tooltip">
{{ currentFilterTypePreview.name }}
@ -748,9 +748,9 @@ export default {
justify-content: space-between;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $gray5;
color: var(--tainacan-heading-color);
display: inline-block;
width: 80%;
flex-shrink: 1;
@ -764,7 +764,7 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
width: 100%;
}
}
@ -785,7 +785,7 @@ export default {
.loading-spinner {
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border: 2px solid var(--tainacan-gray2);
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
@ -796,10 +796,10 @@ export default {
}
.active-filters-area {
font-size: 14px;
margin-right: 0.8rem;
margin-left: -0.8rem;
padding-right: 3rem;
font-size: 0.875em;
margin-right: 0.8em;
margin-left: -0.8em;
padding-right: 3em;
min-height: 330px;
@media screen and (max-width: 769px) {
@ -820,7 +820,7 @@ export default {
}
.active-filter-item {
background-color: white;
background-color: var(--tainacan-white);
padding: 0.7em 0.9em;
margin: 4px;
min-height: 40px;
@ -832,12 +832,12 @@ export default {
form.tainacan-form {
padding: 1.0em 2.0em;
margin-top: 1.0em;
border-top: 1px solid $gray2;
border-bottom: 1px solid $gray2;
border-top: 1px solid var(--tainacan-gray2);
border-bottom: 1px solid var(--tainacan-gray2);
}
&>.field, form {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
.handle {
@ -846,7 +846,7 @@ export default {
display: flex;
}
.grip-icon {
color: $gray3;
color: var(--tainacan-gray3);
position: relative;
}
.filter-name {
@ -858,18 +858,18 @@ export default {
margin-right: 0.4em;
&.is-danger {
color: $danger !important;
color: var(--tainacan-danger) !important;
}
}
.label-details {
font-weight: normal;
color: $gray3;
color: var(--tainacan-gray3);
}
.not-saved {
font-style: italic;
font-weight: bold;
color: $danger;
margin-left: 0.5rem;
color: var(--tainacan-danger);
margin-left: 0.5em;
}
.controls {
position: absolute;
@ -882,32 +882,32 @@ export default {
.icon {
bottom: 1px;
position: relative;
i, i:before { font-size: 20px; }
i, i:before { font-size: 1.25em; }
}
}
&.not-sortable-item, &.not-sortable-item:hover {
cursor: default;
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
&.not-focusable-item, &.not-focusable-item:hover {
cursor: default;
.metadatum-name {
color: $secondary;
color: var(--tainacan-secondary);
}
}
&.disabled-metadatum {
color: $gray3;
color: var(--tainacan-gray3);
}
}
.active-filter-item:hover:not(.not-sortable-item) {
background-color: $secondary;
border-color: $secondary;
color: white !important;
background-color: var(--tainacan-secondary);
border-color: var(--tainacan-secondary);
color: var(--tainacan-white) !important;
&>.field, form {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
.grip-icon {
@ -915,27 +915,27 @@ export default {
}
.label-details, .icon, .icon-level-identifier>i {
color: white !important;
color: var(--tainacan-white) !important;
}
.switch.is-small {
input[type="checkbox"] + .check {
background-color: $secondary !important;
background-color: var(--tainacan-secondary) !important;
border: 1.5px solid white !important;
&::before { background-color: white !important; }
&::before { background-color: var(--tainacan-white) !important; }
}
input[type="checkbox"]:checked + .check {
border: 1.5px solid white !important;
&::before { background-color: white !important; }
&::before { background-color: var(--tainacan-white) !important; }
}
&:hover input[type="checkbox"] + .check {
border: 1.5px solid white !important;
background-color: $secondary !important;
background-color: var(--tainacan-secondary) !important;
}
}
}
.sortable-ghost {
border: 1px dashed $gray2;
border: 1px dashed var(--tainacan-gray2);
display: block;
padding: 0.7em 0.9em;
margin: 4px;
@ -943,7 +943,7 @@ export default {
position: relative;
.grip-icon {
color: $gray3;
color: var(--tainacan-gray3);
top: 2px;
position: relative;
}
@ -955,7 +955,7 @@ export default {
margin: 0;
max-width: 500px;
min-width: 20.8333333%;
font-size: 0.875rem;
font-size: 0.875em;
@media screen and (max-width: 769px) {
max-width: 100%;
@ -970,25 +970,24 @@ export default {
}
h3 {
margin: 0.2rem 0rem 1rem 0rem;
margin: 0.2em 0em 1em 0em;
font-weight: 500;
}
.available-metadatum-item {
padding: 0.6rem;
margin: 4px 4px 4px 1.2rem;
background-color: white;
padding: 0.6em;
margin: 4px 4px 4px 1.2em;
background-color: var(--tainacan-white);
cursor: pointer;
left: 0;
line-height: 1.3em;
height: 40px;
position: relative;
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
border-radius: 1px;
transition: left 0.2s ease;
.grip-icon {
color: $gray3;
color: var(--tainacan-gray3);
top: -6px;
position: relative;
display: inline-block;
@ -1002,7 +1001,6 @@ export default {
overflow-x: hidden;
white-space: nowrap;
font-weight: bold;
line-height: normal;
margin-left: 0.4em;
display: inline-block;
max-width: 180px;
@ -1028,7 +1026,7 @@ export default {
}
&:before {
top: -1px;
border-color: transparent $gray2 transparent transparent;
border-color: transparent var(--tainacan-gray2) transparent transparent;
border-right-width: 16px;
border-top-width: 20px;
border-bottom-width: 20px;
@ -1040,23 +1038,23 @@ export default {
}
.available-metadatum-item:not(.disabled-metadatum) {
&:hover{
background-color: $secondary;
border-color: $secondary;
color: white !important;
background-color: var(--tainacan-secondary);
border-color: var(--tainacan-secondary);
color: var(--tainacan-white) !important;
position: relative;
left: -4px;
&:after {
border-color: transparent $secondary transparent transparent;
border-color: transparent var(--tainacan-secondary) transparent transparent;
}
&:before {
border-color: transparent $secondary transparent transparent;
border-color: transparent var(--tainacan-secondary) transparent transparent;
}
.icon-level-identifier>i {
color: white !important;
color: var(--tainacan-white) !important;
}
.grip-icon {
color: white !important;
color: var(--tainacan-white) !important;
}
}
}
@ -1064,15 +1062,15 @@ export default {
.inherited-filter {
&.active-filter-item:hover:not(.not-sortable-item) {
background-color: $blue5;
border-color: $blue5;
background-color: var(--tainacan-blue5);
border-color: var(--tainacan-blue5);
.switch.is-small {
input[type="checkbox"] + .check {
background-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
}
&:hover input[type="checkbox"] + .check {
background-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
}
}
}
@ -1080,14 +1078,14 @@ export default {
.inherited-metadatum {
&.available-metadatum-item:hover {
background-color: $blue5 !important;
border-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
border-color: var(--tainacan-blue5) !important;
&:after {
border-color: transparent $blue5 transparent transparent !important;
border-color: transparent var(--tainacan-blue5) transparent transparent !important;
}
&:before {
border-color: transparent $blue5 transparent transparent !important;
border-color: transparent var(--tainacan-blue5) transparent transparent !important;
}
}
@ -1108,7 +1106,7 @@ export default {
p { margin-bottom: 16px; }
.filter-type {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 15px 8.3333333%;
cursor: pointer;
@ -1119,13 +1117,13 @@ export default {
border-bottom: none;
}
&:hover {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
}
.filter-type-preview {
background: $gray1;
background: var(--tainacan-gray1);
margin: 12px auto;
padding: 12px 30px;
border-radius: 3px;
@ -1149,9 +1147,9 @@ export default {
.filter-type-label {
font-weight: 600;
color: $gray4;
color: var(--tainacan-info-color);
width: 100%;
font-size: 1rem;
font-size: 1em;
margin-left: -16px;
}
@ -1166,7 +1164,7 @@ export default {
background-color: rgba(255,255,255,0.60) !important;
}
.autocomplete>.control, .autocomplete>.control>input, .dropdown-content {
background-color: $gray0 !important;
background-color: var(--tainacan-gray0) !important;
}
.taginput {
margin-bottom: 80px;
@ -1181,14 +1179,14 @@ export default {
width: 100%;
margin: 6px;
.label {
color: $gray5;
color: var(--tainacan-label-color);
font-weight: normal;
}
}
.add-new-term {
font-size: 0.75rem;
font-size: 0.75em;
text-decoration: underline;
margin: 0.875rem 1.5rem;
margin: 0.875em 1.5em;
}
.numeric-filter-container,
@ -1200,14 +1198,14 @@ export default {
width: auto;
.dropdown-trigger button {
padding: 0 0.5rem !important;
height: 30px !important;
padding: 0 0.5em !important;
height: auto !important;
i:not(.tainacan-icon-arrowdown) {
margin-top: -3px;
font-size: 1.5rem;
font-size: 1.5em;
font-style: normal;
color: #555758;
color: var(--tainacan-info-color);
}
}
.dropdown-menu {

51
src/views/admin/components/lists/items-list.vue
View File

@ -38,7 +38,7 @@
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
</button>
@ -140,14 +140,13 @@
:class="{ 'is-selecting': isSelectingItems }"
class="grid-item-checkbox">
<b-checkbox
size="is-small"
:value="getSelectedItemChecked(item.id)"
@input="setSelectedItemChecked(item.id)"/>
</div>
<!-- Title -->
<div
:style="{ 'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '0.5rem !important' : '2.75rem' }"
:style="{ 'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '0.5em !important' : '2.75em' }"
class="metadata-title">
<p
v-tooltip="{
@ -195,7 +194,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -209,7 +208,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
</span>
</a>
<a
@ -226,7 +225,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -271,7 +270,7 @@
<!-- Title -->
<div
:style="{
'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '0 !important' : '1rem'
'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '0 !important' : '1em'
}"
@click.left="onClickItem($event, item)"
@click.right="onRightClickItem($event, item)"
@ -308,7 +307,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -322,7 +321,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
</span>
</a>
<a
@ -339,7 +338,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -365,7 +364,6 @@
:class="{ 'is-selecting': isSelectingItems }"
class="card-checkbox">
<b-checkbox
size="is-small"
:value="getSelectedItemChecked(item.id)"
@input="setSelectedItemChecked(item.id)"/>
</div>
@ -373,7 +371,7 @@
<!-- Title -->
<div
:style="{
'padding-left': !collectionId || $route.query.readmode || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) ? '0.5rem !important' : '2.75rem',
'padding-left': !collectionId || $route.query.readmode || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) ? '0.5em !important' : '2.75em',
'margin-bottom': item.current_user_can_edit && !$route.query.iframemode ? '-26px' : '0px'
}"
class="metadata-title">
@ -410,7 +408,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -424,7 +422,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
</span>
</a>
<a
@ -441,7 +439,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -547,7 +545,7 @@
<div
class="metadata-title"
:style="{
'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '1.5rem !important' : '2.75rem',
'padding-left': !collectionId || !($route.query.iframemode || collection && collection.current_user_can_bulk_edit) || $route.query.readmode ? '1.5em !important' : '2.75em',
'margin-bottom': item.current_user_can_edit || $route.query.iframemode ? '-27px' : '0px'
}">
<p
@ -602,7 +600,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -616,7 +614,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
</span>
</a>
<a
@ -633,7 +631,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -738,7 +736,6 @@
:class="{ 'is-selecting': isSelectingItems }"
class="checkbox-cell">
<b-checkbox
size="is-small"
:value="getSelectedItemChecked(item.id)"
@input="setSelectedItemChecked(item.id)"/>
</td>
@ -871,7 +868,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -885,7 +882,7 @@
placement: 'auto'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
</span>
</a>
<a
@ -902,7 +899,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -1297,17 +1294,17 @@ export default {
.selection-control {
padding: 6px 0px 0px 12px;
background: white;
background: var(--tainacan-white);
height: 40px;
display: flex;
.select-all {
color: $gray4;
font-size: 0.875rem;
color: var(--tainacan-info-color);
font-size: 0.875em;
margin-right: auto;
&:hover {
color: $gray4;
color: var(--tainacan-info-color);
}
}
}

144
src/views/admin/components/lists/metadata-list.vue
View File

@ -130,7 +130,7 @@
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -150,7 +150,7 @@
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</span>
@ -317,7 +317,7 @@
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -334,7 +334,7 @@
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</b-table-column>
@ -947,7 +947,7 @@ export default {
<div class="field">
<span class="collapse-handle">
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"></i>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"></i>
</span>
<label class="label has-tooltip">`
+ metadatum.name +
@ -976,9 +976,9 @@ export default {
justify-content: space-between;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $gray5;
color: var(--tainacan-heading-color);
display: inline-block;
width: 80%;
flex-shrink: 1;
@ -992,7 +992,7 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
width: 100%;
}
}
@ -1017,10 +1017,10 @@ export default {
}
.page-title {
border-bottom: 1px solid $secondary;
border-bottom: 1px solid var(--tainacan-secondary);
margin: 1em 0em 2.0em 0em;
h2 {
color: $blue5;
color: var(--tainacan-blue5);
font-weight: 500;
}
}
@ -1037,7 +1037,7 @@ export default {
.loading-spinner {
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border: 2px solid var(--tainacan-gray2);
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
@ -1048,10 +1048,10 @@ export default {
}
.active-metadata-area {
font-size: 14px;
margin-right: 0.8rem;
margin-left: -0.8rem;
padding-right: 3rem;
font-size: 0.875em;
margin-right: 0.8em;
margin-left: -0.8em;
padding-right: 3em;
min-height: 330px;
@media screen and (max-width: 769px) {
@ -1072,7 +1072,7 @@ export default {
}
.active-metadatum-item {
background-color: white;
background-color: var(--tainacan-white);
padding: 0.7em 0.9em;
margin: 4px;
min-height: 40px;
@ -1082,7 +1082,7 @@ export default {
opacity: 1 !important;
&>.field, form {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
.handle {
@ -1091,7 +1091,7 @@ export default {
display: flex;
}
.grip-icon {
color: $gray3;
color: var(--tainacan-gray3);
position: relative;
}
.metadatum-name {
@ -1103,18 +1103,18 @@ export default {
margin-right: 0.4em;
&.is-danger {
color: $danger !important;
color: var(--tainacan-danger) !important;
}
}
.label-details {
font-weight: normal;
color: $gray3;
color: var(--tainacan-gray3);
}
.not-saved {
font-style: italic;
font-weight: bold;
color: $danger;
margin-left: 0.5rem;
color: var(--tainacan-danger);
margin-left: 0.5em;
}
.controls {
position: absolute;
@ -1127,60 +1127,60 @@ export default {
.icon {
bottom: 1px;
position: relative;
i, i:before { font-size: 20px; }
i, i:before { font-size: 1.25em; }
}
}
&.not-sortable-item, &.not-sortable-item:hover {
cursor: default;
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
&.not-focusable-item, &.not-focusable-item:hover {
cursor: default;
.metadatum-name {
color: $secondary;
color: var(--tainacan-secondary);
}
}
&.disabled-metadatum {
color: $gray3;
color: var(--tainacan-gray3);
}
}
.active-metadatum-item:hover:not(.not-sortable-item) {
background-color: $secondary;
border-color: $secondary;
color: white !important;
background-color: var(--tainacan-secondary);
border-color: var(--tainacan-secondary);
color: var(--tainacan-white) !important;
&>.field, form {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
.label-details, .icon, .not-saved, .icon-level-identifier>i {
color: white !important;
color: var(--tainacan-white) !important;
}
.grip-icon {
color: white;
color: var(--tainacan-white);
}
.switch.is-small {
input[type="checkbox"] + .check {
background-color: $secondary !important;
background-color: var(--tainacan-secondary) !important;
border: 1.5px solid white !important;
&::before { background-color: white !important; }
&::before { background-color: var(--tainacan-white) !important; }
}
input[type="checkbox"]:checked + .check {
border: 1.5px solid white !important;
&::before { background-color: white !important; }
&::before { background-color: var(--tainacan-white) !important; }
}
&:hover input[type="checkbox"] + .check {
border: 1.5px solid white !important;
background-color: $secondary !important;
background-color: var(--tainacan-secondary) !important;
}
}
}
.sortable-ghost {
border: 1px dashed $gray2;
border: 1px dashed var(--tainacan-gray2);
display: block;
padding: 0.7em 0.9em;
margin: 4px;
@ -1188,7 +1188,7 @@ export default {
position: relative;
.grip-icon {
color: white;
color: var(--tainacan-white);
}
}
}
@ -1198,7 +1198,7 @@ export default {
margin: 0;
max-width: 500px;
min-width: 20.8333333%;
font-size: 0.875rem;
font-size: 0.875em;
@media screen and (max-width: 769px) {
max-width: 100%;
@ -1213,25 +1213,24 @@ export default {
}
h3 {
margin: 0.2rem 0rem 1rem 0rem;
margin: 0.2em 0em 1em 0em;
font-weight: 500;
}
.available-metadatum-item {
padding: 0.6rem;
margin: 4px 4px 4px 1.2rem;
background-color: white;
padding: 0.6em;
margin: 4px 4px 4px 1.2em;
background-color: var(--tainacan-white);
cursor: pointer;
left: 0;
line-height: 1.3em;
height: 40px;
position: relative;
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
border-radius: 1px;
transition: left 0.2s ease;
.grip-icon {
color: $gray3;
color: var(--tainacan-gray3);
top: -6px;
position: relative;
display: inline-block;
@ -1249,8 +1248,7 @@ export default {
overflow-x: hidden;
white-space: nowrap;
font-weight: bold;
line-height: normal;
margin-left: 0.4rem;
margin-left: 0.4em;
display: inline-block;
max-width: 180px;
width: 60%;
@ -1275,7 +1273,7 @@ export default {
}
&::before {
top: -1px;
border-color: transparent $gray2 transparent transparent;
border-color: transparent var(--tainacan-gray2) transparent transparent;
border-right-width: 16px;
border-top-width: 20px;
border-bottom-width: 20px;
@ -1296,29 +1294,29 @@ export default {
@keyframes hightlighten {
0% {
color: #222;
background-color: white;
border-color: white;
background-color: var(--tainacan-white);
border-color: var(--tainacan-white);
}
25% {
color: white;
color: var(--tainacan-white);
background-color: #2cb4c1;
border-color: #2cb4c1;
}
75% {
color: white;
color: var(--tainacan-white);
background-color: #2cb4c1;
border-color: #2cb4c1;
}
100% {
color: #222;
background-color: white;
border-color: white;
background-color: var(--tainacan-white);
border-color: var(--tainacan-white);
}
}
@keyframes hightlighten-icon {
0% { color: #b1b1b1; }
25% { color: white; }
75% { color: white; }
25% { color: var(--tainacan-white); }
75% { color: var(--tainacan-white); }
100% { color: #b1b1b1; }
}
@keyframes hightlighten-arrow {
@ -1340,7 +1338,7 @@ export default {
}
}
.hightlighted-metadatum {
background-color: white;
background-color: var(--tainacan-white);
position: relative;
left: 0px;
animation-name: hightlighten;
@ -1361,51 +1359,51 @@ export default {
}
}
.available-metadatum-item:hover {
background-color: $secondary;
border-color: $secondary;
color: white;
background-color: var(--tainacan-secondary);
border-color: var(--tainacan-secondary);
color: var(--tainacan-white);
position: relative;
left: -4px;
&:after {
border-color: transparent $secondary transparent transparent;
border-color: transparent var(--tainacan-secondary) transparent transparent;
}
&:before {
border-color: transparent $secondary transparent transparent;
border-color: transparent var(--tainacan-secondary) transparent transparent;
}
.icon {
color: white !important;
color: var(--tainacan-white) !important;
}
.grip-icon {
color: white;
color: var(--tainacan-white);
}
}
}
.inherited-metadatum {
&.active-metadatum-item:hover:not(.not-sortable-item) {
background-color: $blue5;
border-color: $blue5;
background-color: var(--tainacan-blue5);
border-color: var(--tainacan-blue5);
.switch.is-small {
input[type="checkbox"] + .check {
background-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
}
&:hover input[type="checkbox"] + .check {
background-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
}
}
}
&.available-metadatum-item:hover {
background-color: $blue5 !important;
border-color: $blue5 !important;
background-color: var(--tainacan-blue5) !important;
border-color: var(--tainacan-blue5) !important;
&:after {
border-color: transparent $blue5 transparent transparent !important;
border-color: transparent var(--tainacan-blue5) transparent transparent !important;
}
&:before {
border-color: transparent $blue5 transparent transparent !important;
border-color: transparent var(--tainacan-blue5) transparent transparent !important;
}
}

97
src/views/admin/components/lists/processes-list.vue
View File

@ -22,7 +22,7 @@
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
</button>
@ -55,14 +55,13 @@
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapses[index], 'tainacan-icon-arrowright' : !collapses[index] }"
class="tainacan-icon tainacan-icon-20px has-text-blue4"/>
class="tainacan-icon tainacan-icon-1-25em has-text-blue4"/>
</span>
<!-- Checking list -->
<!-- <span
:class="{ 'is-selecting': isSelecting }"
class="checkbox-cell">
<b-checkbox
size="is-small"
v-model="selected[index]"/>
</span> -->
<!-- Name -->
@ -142,7 +141,7 @@
v-if=" bgProcess.status === 'running' "
class="icon has-text-gray action-icon"
@click.prevent.stop="pauseProcess(index)">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-stop"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-stop"/>
</span>
<span
v-tooltip="{
@ -156,7 +155,7 @@
}"
v-if=" ( bgProcess.status === 'finished' && !bgProcess.error_log ) || bgProcess.status === null"
class="icon has-text-success">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-approvedcircle"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approvedcircle"/>
</span>
<span
v-tooltip="{
@ -172,8 +171,8 @@
class="icon has-text-success">
<i
style="margin-right: -5px;"
class="tainacan-icon tainacan-icon-20px tainacan-icon-alert has-text-yellow2"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-approvedcircle"/>
class="tainacan-icon tainacan-icon-1-25em tainacan-icon-alert has-text-yellow2"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approvedcircle"/>
</span>
<span
v-tooltip="{
@ -187,7 +186,7 @@
}"
v-if=" bgProcess.status === 'cancelled' "
class="icon has-text-success">
<i class="tainacan-icon has-text-danger tainacan-icon-20px tainacan-icon-repprovedcircle"/>
<i class="tainacan-icon has-text-danger tainacan-icon-1-25em tainacan-icon-repprovedcircle"/>
</span>
<span
v-tooltip="{
@ -201,7 +200,7 @@
}"
v-if=" bgProcess.status === 'paused' "
class="icon has-text-gray">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-pause"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-pause"/>
</span>
<span
v-tooltip="{
@ -215,7 +214,7 @@
}"
v-if=" bgProcess.status === 'waiting' "
class="icon has-text-gray">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-waiting"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-waiting"/>
</span>
<span
v-tooltip="{
@ -229,7 +228,7 @@
}"
v-if="bgProcess.status === 'errored'"
class="icon has-text-danger">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-processerror" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-processerror" />
</span>
</div>
</span>
@ -358,28 +357,14 @@
if (this.$route.query.highlight) {
this.highlightedProcess = this.$route.query.highlight;
}
},
created(){
if (jQuery && jQuery( document )) {
jQuery( document ).on( 'heartbeat-tick-list', ( event, data ) => {
let updatedProcesses = data.bg_process_feedback;
for (let updatedProcess of updatedProcesses) {
let updatedProcessIndex = this.processes.findIndex((aProcess) => aProcess.ID == updatedProcess.ID);
if (updatedProcessIndex >= 0) {
this.heartBitUpdateProcess(updatedProcess);
}
}
});
jQuery( document ).on( 'heartbeat-tick', ( event, data ) => {
jQuery( document ).trigger('heartbeat-tick-list', data);
});
jQuery( document ).on( 'heartbeat-tick', this.onHeartBitTickList);
}
},
beforeDestroy() {
if (jQuery && jQuery( document )) {
jQuery( document ).unbind( 'heartbeat-tick-list')
jQuery( document ).unbind( 'heartbeat-tick', this.onHeartBitTickList)
}
},
methods: {
@ -492,6 +477,16 @@
},
trapFocus: true
});
},
onHeartBitTickList(event, data) {
let updatedProcesses = data.bg_process_feedback;
for (let updatedProcess of updatedProcesses) {
let updatedProcessIndex = this.processes.findIndex((aProcess) => aProcess.ID == updatedProcess.ID);
if (updatedProcessIndex >= 0) {
this.heartBitUpdateProcess(updatedProcess);
}
}
}
}
}
@ -504,14 +499,14 @@
.selection-control {
padding: 6px 0px 0px 12px;
background: white;
background: var(--tainacan-white);
height: 40px;
.select-all {
color: $gray4;
font-size: 14px;
color: var(--tainacan-info-color);
font-size: 0.875em;
&:hover {
color: $gray4;
color: var(--tainacan-info-color);
}
}
}
@ -524,7 +519,7 @@
@keyframes highlight {
from {
background-color: $blue1;
background-color: var(--tainacan-blue1);
}
to {
background-color: $white;
@ -542,7 +537,7 @@
.processes-list-item {
&.opened-process {
background-color: $gray0;
background-color: var(--tainacan-gray0);
}
&>.process-handler {
@ -550,20 +545,20 @@
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0.5rem 0.75rem;
padding: 0.5em 0.75em;
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
&>span:not(:first-of-type) {
margin: 0 0.75rem;
color: $gray4;
margin: 0 0.75em;
color: var(--tainacan-info-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
.has-text-weight-bold {
color: $gray5 !important;
color: var(--tainacan-gray5) !important;
}
p {
@ -575,8 +570,8 @@
.process-title {
p {
color: black !important;
font-size: 0.875rem !important;
color: var(--tainacan-black) !important;
font-size: 0.875em !important;
}
width: 20.833333%;
margin-right: $page-side-padding !important;
@ -599,10 +594,10 @@
align-items: center;
display: flex;
justify-content: flex-end;
padding: 0 0.5rem;
padding: 0 0.5em;
.tainacan-icon-openurl {
font-size: 20px;
font-size: 1.25em;
}
}
@ -615,27 +610,27 @@
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0.5rem 1.25rem 1rem 1.25rem;
padding: 0.5em 1.25em 1em 1.25em;
&>span {
margin: 0 0.75rem;
color: $gray4;
margin: 0 0.75em;
color: var(--tainacan-info-color);
.has-text-weight-bold {
color: $gray5 !important;
color: var(--tainacan-gray5) !important;
}
}
.process-output {
margin-left: 1.75rem !important;
margin-left: 1.75em !important;
margin-right: $page-side-padding !important;
width: 20.83%;
ul {
column-count: 2;
column-gap: 4rem;
column-gap: 4em;
column-rule: none;
padding: 0 0.75rem;
padding: 0 0.75em;
}
}
@ -644,7 +639,7 @@
align-items: center;
.icon {
margin: 0 0.5rem;
margin: 0 0.5em;
}
}

64
src/views/admin/components/lists/recursive-term-item.vue
View File

@ -5,7 +5,7 @@
<div
class="term-item"
:style="{
'border-left-color': term.parent > 0 ? '#f2f2f2' : 'transparent'
'border-left-color': term.parent > 0 ? 'var(--tainacan-gray1)' : 'transparent'
}"
:class="{
'opened-term': term.opened
@ -13,7 +13,7 @@
<span
v-if="term.parent != 0 && index == 0"
class="icon children-icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-nextlevel"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-nextlevel"/>
</span>
<span
v-tooltip="{
@ -62,7 +62,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-add"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-add"/>
</span>
</a>
<a
@ -75,7 +75,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a @click.prevent="tryToRemoveTerm()">
@ -87,7 +87,7 @@
placement: 'bottom'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</span>
@ -99,7 +99,7 @@
<div
class="term-item"
:style="{
'border-left-color': term.parent > 0 && childTerm.parent > 0 ? '#f2f2f2' : 'transparent'
'border-left-color': term.parent > 0 && childTerm.parent > 0 ? 'var(--tainacan-gray1)' : 'transparent'
}"
:class="{
'opened-term': childTerm.opened,
@ -327,8 +327,8 @@ export default {
// Term Item
.term-item {
font-size: 14px;
padding: 0 0 0 1.75rem;
font-size: 0.875em;
padding: 0 0 0 1.75em;
min-height: 40px;
display: flex;
position: relative;
@ -340,26 +340,26 @@ export default {
width: 100%;
& .term-item:first-child:hover {
background-color: $gray1 !important;
background-color: var(--tainacan-gray1) !important;
.controls {
visibility: visible;
opacity: 1.0;
}
&::before {
border-color: transparent transparent transparent $gray2 !important;
border-color: transparent transparent transparent var(--tainacan-gray2) !important;
}
}
.children-icon {
color: $blue2;
color: var(--tainacan-blue2);
position: absolute;
left: -21px;
top: 1px;
font-size: 24px;
font-size: 1.5em;
}
.children-dropdown {
color: $blue4;
color: var(--tainacan-blue4);
position: absolute;
left: 5px;
cursor: pointer;
@ -374,56 +374,56 @@ export default {
max-width: 73%;
&.is-danger {
color: $danger !important;
color: var(--tainacan-danger) !important;
}
}
.label-details {
font-weight: normal;
color: $gray3;
margin-left: 1rem;
color: var(--tainacan-gray3);
margin-left: 1em;
margin-right: auto;
}
.children-counter {
margin-left: 1rem;
margin-left: 1em;
margin-right: auto;
color: $gray4;
padding-right: 1rem;
color: var(--tainacan-info-color);
padding-right: 1em;
white-space: nowrap;
overflow: hidden;
}
.not-saved {
font-style: italic;
font-weight: bold;
color: $danger;
color: var(--tainacan-danger);
}
.controls {
visibility: hidden;
opacity: 0.0;
display: flex;
justify-content: space-between;
background-color: $gray2;
padding: 0.5rem 0.875rem;
background-color: var(--tainacan-gray2);
padding: 0.5em 0.875em;
a {
display: flex;
align-items: center;
margin: 0 0.375rem;
margin: 0 0.375em;
.icon {
bottom: 1px;
position: relative;
i, i:before { font-size: 20px; }
i, i:before { font-size: 1.25em; }
}
}
}
.controls.is-disabled a, .children-dropdown i.is-disabled {
color: $gray4 !important;
color: var(--tainacan-info-color) !important;
cursor: not-allowed !important;
user-select: none;
}
&.opened-term>div:first-child>div {
cursor: default;
background-color: $gray1;
background-color: var(--tainacan-gray1);
&:before {
content: '';
@ -434,14 +434,14 @@ export default {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent $gray1;
border-color: transparent transparent transparent var(--tainacan-gray1);
border-left-width: 24px;
border-top-width: 20px;
border-bottom-width: 20px;
top: 0;
}
&:hover:before {
border-color: transparent transparent transparent $gray1;
border-color: transparent transparent transparent var(--tainacan-gray1);
}
}
@ -452,10 +452,10 @@ export default {
}
}
.view-more-terms {
font-size: 0.875rem;
margin: 0 0 0 1.75rem !important;
padding: 0.5rem 0 0.5rem 1.75rem;
font-size: 0.875em;
margin: 0 0 0 1.75em !important;
padding: 0.5em 0 0.5em 1.75em;
display: flex;
border-top: 1px solid #f2f2f2;
border-top: 1px solid var(--tainacan-gray1);
}
</style>

15
src/views/admin/components/lists/taxonomies-list.vue
View File

@ -25,7 +25,7 @@
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
</span>
</button>
@ -84,7 +84,6 @@
:class="{ 'is-selecting': isSelecting }"
class="checkbox-cell">
<b-checkbox
size="is-small"
v-model="selected[index]"/>
</td>
<!-- Name -->
@ -163,7 +162,7 @@
placement: 'bottom'
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
@ -181,7 +180,7 @@
class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
</a>
</div>
@ -354,14 +353,14 @@
.selection-control {
padding: 6px 0px 0px 12px;
background: white;
background: var(--tainacan-white);
height: 40px;
.select-all {
color: $gray4;
font-size: 14px;
color: var(--tainacan-info-color);
font-size: 0.875em;
&:hover {
color: $gray4;
color: var(--tainacan-info-color);
}
}
}

37
src/views/admin/components/lists/terms-list.vue
View File

@ -29,7 +29,7 @@
class="tainacan-icon"/>
</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
@ -38,7 +38,7 @@
:class="{ 'is-active': order == 'desc' }"
:value="'desc'"
aria-role="listitem"
style="padding-bottom: 0.45rem">
style="padding-bottom: 0.45em">
<span class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-sortdescending"/>
</span>
@ -50,7 +50,7 @@
:class="{ 'is-active': order == 'asc' }"
:value="'asc'"
aria-role="listitem"
style="padding-bottom: 0.45rem">
style="padding-bottom: 0.45em">
<span class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-sortascending"/>
</span>
@ -491,7 +491,7 @@ export default {
margin-left: auto;
.label {
font-size: 0.875rem;
font-size: 0.875em;
font-weight: normal;
margin-top: 3px;
margin-bottom: 2px;
@ -507,13 +507,14 @@ export default {
align-items: center;
}
.gray-icon, .gray-icon .icon {
color: $gray4 !important;
.gray-icon,
.gray-icon .icon {
color: var(--tainacan-info-color) !important;
padding-right: 10px;
height: 1.125em !important;
}
.gray-icon .icon i::before,
.gray-icon i::before {
font-size: 1.3125rem !important;
max-width: 26px;
}
}
@ -523,16 +524,16 @@ export default {
align-items: center;
.input {
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
}
.control {
width: 100%;
.icon {
pointer-events: all;
cursor: pointer;
color: $blue5;
color: var(--tainacan-blue5);
height: 27px;
font-size: 18px !important;
font-size: 1.125em !important;
height: auto !important;
}
}
@ -544,18 +545,18 @@ export default {
}
.parent-term>div>.term-item:first-child:hover {
background-color: $gray1 !important;
background-color: var(--tainacan-gray1) !important;
.controls {
visibility: visible;
opacity: 1.0;
}
&::before {
border-color: transparent transparent transparent $gray2 !important;
border-color: transparent transparent transparent var(--tainacan-gray2) !important;
}
}
.parent-term>div>.opened-term.term-item:first-child {
cursor: default;
background-color: $gray1 !important;
background-color: var(--tainacan-gray1) !important;
&:before {
content: '';
@ -566,23 +567,23 @@ export default {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent $gray1;
border-color: transparent transparent transparent var(--tainacan-gray1);
border-left-width: 24px;
border-top-width: 20px;
border-bottom-width: 20px;
top: 0;
}
&:hover:before {
border-color: transparent transparent transparent $gray1;
border-color: transparent transparent transparent var(--tainacan-gray1);
}
}
.view-more-terms-level-0 {
font-size: 0.875rem;
font-size: 0.875em;
margin: 0;
padding: 0.5rem 0 0.5rem 1.75rem;
padding: 0.5em 0 0.5em 1.75em;
display: flex;
border-top: 1px solid #f2f2f2;
border-top: 1px solid var(--tainacan-gray1);
}
.edit-forms-list {

14
src/views/admin/components/metadata-types/compound/class-tainacan-compound.php
View File

@ -19,20 +19,6 @@ class Compound extends Metadata_Type {
$this->set_component('tainacan-compound');
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-text
id="tainacan-text-' . $itemMetadata->get_item()->WP_Post->post_name . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-text>';
}
/**
* generate the metadata for this metadatum type
*/

14
src/views/admin/components/metadata-types/core-description/class-tainacan-core-description.php
View File

@ -23,20 +23,6 @@ class Core_Description extends Metadata_Type {
$this->set_description( __('The "Core Description" is a compulsory metadata automatically created for all collections by default. This is the main description displayed in items lists and where the basic research tools will do their searches.', 'tainacan') );
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-textarea
id="tainacan-textarea-' . $itemMetadata->get_item()->WP_Post->post_name . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-textarea>';
}
/**
* generate the metadata for this metadatum type
*/

14
src/views/admin/components/metadata-types/core-title/class-tainacan-core-title.php
View File

@ -23,20 +23,6 @@ class Core_Title extends Metadata_Type {
$this->set_description( __('The "Core Title" is a compulsory metadata automatically created for all collections by default. It is the main metadatum of the item and where the basic research tools will do their searches.', 'tainacan') );
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-text
id="tainacan-text-' . $itemMetadata->get_item()->WP_Post->post_name . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-text>';
}
/**
* generate the metadata for this metadatum type
*/

7
src/views/admin/components/metadata-types/date/Date.vue
View File

@ -13,7 +13,8 @@
:placeholder="dateFormat.toLowerCase()" />
<p
v-if="isInvalidDate && dateValue"
class="has-text-danger is-italic is-size-7">{{ $i18n.get('info_error_invalid_date') }}</p>
style="font-size: 0.75em;"
class="has-text-danger is-italic">{{ $i18n.get('info_error_invalid_date') }}</p>
<!--<b-collapse-->
<!--position="is-bottom-right">-->
<!--<span class="icon"-->
@ -87,7 +88,7 @@
<style scoped lang="scss">
.control {
padding-left: 0 !important;
padding-right: 0 !important;
padding: 0 !important;
height: 2.0em;
}
</style>

13
src/views/admin/components/metadata-types/date/class-tainacan-date.php
View File

@ -27,19 +27,6 @@ class Date extends Metadata_Type {
');
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-date metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-date>';
}
public function validate( Item_Metadata_Entity $item_metadata) {
$value = $item_metadata->get_value();
$format = 'Y-m-d';

2
src/views/admin/components/metadata-types/metadata-type/class-tainacan-metadata-type.php
View File

@ -89,8 +89,6 @@ abstract class Metadata_Type {
* @var string
*/
private $preview_template;
abstract function render( $itemMetadata );
public function __construct(){

13
src/views/admin/components/metadata-types/numeric/class-tainacan-numeric.php
View File

@ -37,17 +37,4 @@ class Numeric extends Metadata_Type {
]
];
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-numeric
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-numeric>';
}
}

14
src/views/admin/components/metadata-types/relationship/class-tainacan-relationship.php
View File

@ -65,20 +65,6 @@ class Relationship extends Metadata_Type {
]
];
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-relationship
collection_id="' . $this->get_options()['collection_id'] . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-relationship>';
}
public function validate_options(\Tainacan\Entities\Metadatum $metadatum) {
if ( !in_array($metadatum->get_status(), apply_filters('tainacan-status-require-validation', ['publish','future','private'])) )

14
src/views/admin/components/metadata-types/selectbox/class-tainacan-selectbox.php
View File

@ -41,20 +41,6 @@ class Selectbox extends Metadata_Type {
]
];
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
$options = $this->get_option('options');
return '<tainacan-selectbox
options="' . $options . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-selectbox>';
}
/**
* @param \Tainacan\Entities\Metadatum $metadatum

18
src/views/admin/components/metadata-types/tainacan-form-item.vue
View File

@ -9,7 +9,7 @@
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : isCollapsed || metadatumTypeMessage == 'is-danger', 'tainacan-icon-arrowright' : !(isCollapsed || metadatumTypeMessage == 'is-danger') }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
<label
v-tooltip="{
@ -213,28 +213,28 @@
.multiple-inputs {
display: flex;
margin: 0.75rem 0;
margin: 0.75em 0;
flex-direction: column;
justify-content: space-between;
}
.field {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 10px 25px;
.label {
font-size: 0.875rem;
font-size: 0.875em;
font-weight: 500;
margin-left: 15px;
margin-bottom: 0;
margin-top: 0.15rem;
margin-top: 0.15em;
max-width: 50%;
}
.metadata-type {
font-size: 0.8125rem;
font-size: 0.8125em;
font-weight: 400;
color: $gray3;
top: -0.4em;
color: var(--tainacan-gray3);
top: -0.1em;
position: relative;
}
.help-wrapper {
@ -244,7 +244,7 @@
cursor: pointer;
position: relative;
margin-left: -42px;
bottom: 0.1rem;
bottom: 0.1em;
white-space: nowrap;
}
}

5
src/views/admin/components/metadata-types/taxonomy/AddNewTerm.vue
View File

@ -236,12 +236,13 @@
.add-new-term {
margin-top: 15px;
margin-bottom: 25px;
font-size: 0.75rem;
font-size: 0.75em;
}
.add-new-term-form {
font-size: 1.35em;
padding: 14px 24px 12px 24px;
margin-top: 12px;
margin-bottom: -12px;
border: 1px solid #cbcbcb;
border: 1px solid var(--tainacan-gray2);
}
</style>

20
src/views/admin/components/metadata-types/taxonomy/TaxonomyCheckbox.vue
View File

@ -51,7 +51,7 @@
class="view-all">
<span>
{{
$i18n.get('info_showing_terms') + 1 +
$i18n.get('info_showing_terms') + ' ' + 1 +
$i18n.get('info_to') + options.length +
$i18n.get('info_of') + totalTerms + '. '
}}
@ -216,18 +216,18 @@
<style scoped lang="scss">
.selected-tags {
margin-top: 0.75rem;
font-size: 0.75rem;
margin-top: 0.75em;
font-size: 0.75em;
position: relative;
}
.selected-tags .is-loading {
margin-left: 2rem;
margin-top: -0.4rem;
margin-left: 2em;
margin-top: -0.4em;
}
.selected-tags .is-loading::after {
border: 2px solid #555758 !important;
border-right-color: #dbdbdb !important;
border-top-color: #dbdbdb !important;
border: 2px solid var(--tainacan-gray4) !important;
border-right-color: var(--tainacan-gray2) !important;
border-top-color: var(--tainacan-gray2) !important;
}
.metadata-taxonomy-list {
column-count: 2;
@ -239,8 +239,8 @@
}
}
.view-all {
color: #898d8f;
color: var(--tainacan-gray4);
margin-bottom: 20px;
font-size: 0.75rem;
font-size: 0.75em;
}
</style>

20
src/views/admin/components/metadata-types/taxonomy/TaxonomyRadio.vue
View File

@ -60,7 +60,7 @@
class="view-all">
<span>
{{
$i18n.get('info_showing_terms') + 1 +
$i18n.get('info_showing_terms') + ' ' + 1 +
$i18n.get('info_to') + options.length +
$i18n.get('info_of') + totalTerms + '. '
}}
@ -225,18 +225,18 @@
<style lang="scss" scoped>
.selected-tags {
margin-top: 0.75rem;
font-size: 0.75rem;
margin-top: 0.75em;
font-size: 0.75em;
position: relative;
}
.selected-tags .is-loading {
margin-left: 2rem;
margin-top: -0.4rem;
margin-left: 2em;
margin-top: -0.4em;
}
.selected-tags .is-loading::after {
border: 2px solid #555758 !important;
border-right-color: #dbdbdb !important;
border-top-color: #dbdbdb !important;
border: 2px solid var(--tainacan-gray4) !important;
border-right-color: var(--tainacan-gray2) !important;
border-top-color: var(--tainacan-gray2) !important;
}
.metadata-taxonomy-list {
column-count: 2;
@ -248,8 +248,8 @@
}
}
.view-all {
color: #898d8f;
color: var(--tainacan-gray3);
margin-bottom: 20px;
font-size: 0.75rem;
font-size: 0.75em;
}
</style>

15
src/views/admin/components/metadata-types/taxonomy/class-tainacan-taxonomy.php
View File

@ -93,21 +93,6 @@ class Taxonomy extends Metadata_Type {
];
}
/**
* @param $itemMetadata Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
$options = ( isset( $this->get_options()['options'] ) ) ? $this->get_options()['options'] : '';
return '<tainacan-selectbox
options="' . $options . '"
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-selectbox>';
}
public function validate_options( Metadatum $metadatum) {
if ( !in_array($metadatum->get_status(), apply_filters('tainacan-status-require-validation', ['publish','future','private'])) )

12
src/views/admin/components/metadata-types/text/class-tainacan-text.php
View File

@ -25,18 +25,6 @@ class Text extends Metadata_Type {
</div>
');
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ){
return '<tainacan-text metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-text>';
}
/**
* Get the value as a HTML string with links

13
src/views/admin/components/metadata-types/textarea/class-tainacan-textarea.php
View File

@ -26,19 +26,6 @@ class Textarea extends Metadata_Type {
');
}
/**
* @param $itemMetadata \Tainacan\Entities\Item_Metadata_Entity The instace of the entity itemMetadata
* @return string
*/
public function render( $itemMetadata ) {
return '<tainacan-textarea
metadatum_id ="'.$itemMetadata->get_metadatum()->get_id().'"
item_id="'.$itemMetadata->get_item()->get_id().'"
value=\''.json_encode( $itemMetadata->get_value() ).'\'
name="'.$itemMetadata->get_metadatum()->get_name().'"></tainacan-textarea>';
}
public function get_multivalue_prefix() {
return '<p>';

24
src/views/admin/components/modals/activity-details-modal.vue
View File

@ -636,31 +636,31 @@
case 'Tainacan\\Entities\\Collection':
return `${ this.$i18n.get('collection') }
<a href="${ this.adminFullURL + this.$routerHelper.getCollectionPath(this.activity.object_id) }">${ this.activity.object.name }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-collections"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-collections"/></span>`;
case 'Tainacan\\Entities\\Taxonomy':
return `${ this.$i18n.get('taxonomy') }
<a href="${ this.adminFullURL + this.$routerHelper.getTaxonomyPath(this.activity.object_id) }">${ this.activity.object.name }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-taxonomies"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-taxonomies"/></span>`;
case 'Tainacan\\Entities\\Metadatum':
return `${ this.$i18n.get('metadatum') }
<a href="${ this.adminFullURL + (this.activity.object.collection_id == 'default' ? this.$routerHelper.getMetadataEditPath(this.activity.object_id) : this.$routerHelper.getCollectionMetadataEditPath(this.activity.object.collection_id, this.activity.object_id)) }">${ this.activity.object.name }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-metadata"/></span>`;
case 'Tainacan\\Entities\\Filter':
return `${ this.$i18n.get('filter') }
<a href="${ this.adminFullURL + (this.activity.object.collection_id == 'default' ? this.$routerHelper.getFilterEditPath(this.activity.object_id) : this.$routerHelper.getCollectionFilterEditPath(this.activity.object.collection_id, this.activity.object_id)) }">${ this.activity.object.name }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-filters"/></span>`;
case 'Tainacan\\Entities\\Term':
return `${ this.$i18n.get('term') }
<a href="${ this.adminFullURL + this.$routerHelper.getTermEditPath(this.activity.object.taxonomy.replace( /^\D+/g, ''), this.activity.object_id) }">${ this.activity.object.name }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-terms"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-terms"/></span>`;
case 'Tainacan\\Entities\\Item':
return `${ this.$i18n.get('item') }
<a href="${ this.adminFullURL + this.$routerHelper.getItemEditPath(this.activity.object.collection_id, this.activity.object_id) }">${ this.activity.object.title }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/></span>`;
case 'Tainacan\\Entities\\Item_Metadata_Entity':
return `${ this.$i18n.get('item') }
<a href="${ this.adminFullURL + this.$routerHelper.getItemEditPath(this.activity.object.collection_id, this.activity.item.id) }">${ this.activity.item.title }</a>
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/></span>`;
<span class="icon has-text-gray3">&nbsp;<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/></span>`;
}
}
},
@ -739,7 +739,7 @@
min-height: 500px;
p {
font-size: 0.875rem;
font-size: 0.875em;
}
}
@ -760,10 +760,10 @@
overflow-y: auto;
overflow-x: hidden;
height: 200px;
border: 1px solid $gray3;
border: 1px solid var(--tainacan-gray3);
&>div {
margin: 0.5rem;
margin: 0.5em;
}
}
@ -775,11 +775,11 @@
}
p.is-capitalized {
margin-bottom: 0.125rem;
margin-bottom: 0.125em;
}
.tainacan-p-break {
word-break: break-word;
margin-bottom: 0.5rem;
margin-bottom: 0.5em;
}
.tainacan-figure {

4
src/views/admin/components/modals/available-exporters-modal.vue
View File

@ -98,7 +98,7 @@
.exporter-types-container {
.exporter-type {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 15px 8.3333333%;
cursor: pointer;
transition: background-color 0.3s ease;
@ -110,7 +110,7 @@
border-bottom: none;
}
&:hover {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
}

4
src/views/admin/components/modals/available-importers-modal.vue
View File

@ -101,7 +101,7 @@ export default {
position: relative;
.importer-type {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 15px 8.3333333%;
cursor: pointer;
transition: background-color 0.3s ease;
@ -113,7 +113,7 @@ export default {
border-bottom: none;
}
&:hover {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
}

34
src/views/admin/components/modals/bulk-edition-modal.vue
View File

@ -193,7 +193,7 @@
placement: 'auto-end'
}"
class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-20px tainacan-icon-cancel"/>
<i class="has-text-gray4 tainacan-icon tainacan-icon-1-25em tainacan-icon-cancel"/>
</span>
</button>
@ -210,7 +210,7 @@
animated
:label="$i18n.get('info_bulk_edition_process_added')">
<span class="icon">
<i class="has-text-success tainacan-icon tainacan-icon-20px tainacan-icon-approvedcircle"/>
<i class="has-text-success tainacan-icon tainacan-icon-1-25em tainacan-icon-approvedcircle"/>
</span>
</b-tooltip>
</div>
@ -230,7 +230,7 @@
placement: 'auto-end'
}"
class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-20px tainacan-icon-play"/>
<i class="has-text-gray4 tainacan-icon tainacan-icon-1-25em tainacan-icon-play"/>
</span>
</button>
@ -589,7 +589,7 @@
}
.tainacan-total-objects-info {
font-size: 12px;
font-size: 0.75em;
font-weight: normal;
}
@ -635,15 +635,15 @@
.is-field-history {
.input[disabled], .taginput [disabled].taginput-container.is-focusable, .textarea[disabled] {
color: black !important;
color: var(--tainacan-black) !important;
border: none !important;
background-color: white !important;
background-color: var(--tainacan-input-background-color) !important;
}
.taginput-container {
.tags {
color: black !important;
background-color: white !important;
color: var(--tainacan-black) !important;
background-color: var(--tainacan-white) !important;
border: none !important;
.tag.is-delete {
@ -655,7 +655,7 @@
}
&:hover, .tag {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
}
@ -665,17 +665,17 @@
}
input {
color: black !important;
color: var(--tainacan-black) !important;
border: none !important;
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
textarea {
color: black !important;
color: var(--tainacan-black) !important;
border: none !important;
background-color: white !important;
background-color: var(--tainacan-white) !important;
min-height: auto !important;
line-height: 1.5rem;
line-height: 1.5em;
}
.select {
@ -710,14 +710,14 @@
flex-direction: row-reverse;
.icon.has-text-gray4:hover {
color: $gray5 !important;
color: var(--tainacan-heading-color) !important;
}
}
}
.tainacan-add-edition-criterion-button {
font-size: 12px;
color: $turquoise5;
font-size: 0.75em;
color: var(--tainacan-turquoise5);
}
.tainacan-add-edition-criterion-button-disabled {

25
src/views/admin/components/modals/capability-edition-modal.vue
View File

@ -20,7 +20,6 @@
v-if="!capability.roles_inherited[role.slug]"
v-for="(role, roleIndex) of existingRoles"
:key="roleIndex"
size="is-small"
:value="capability.roles[role.slug] || capability.roles_inherited[role.slug] ? true : false"
@input="($event) => updateRole(role.slug, $event)"
name="roles">
@ -39,10 +38,12 @@
<template v-if="existingRoles && Object.values(existingRoles).length && capability.roles">
<b-field :addons="false">
<label class="label is-inline-block">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-alertcircle"/>
{{ $i18n.get('label_inherited_roles') }}
<help-button
:title="$i18n.get('label_inherited_roles')"
:message="$i18n.get('info_inherited_roles')"/>
:message="$i18n.get('info_inherited_roles')"
forced-color="yellow2"/>
</label>
<br>
<div class="roles-list">
@ -50,7 +51,7 @@
v-if="capability.roles_inherited[role.slug]"
v-for="(role, roleIndex) of existingRoles"
:key="roleIndex"
size="is-small"
class="has-text-yellow2"
:value="capability.roles[role.slug] || capability.roles_inherited[role.slug] ? true : false"
name="roles_inherited"
disabled>
@ -129,23 +130,27 @@ export default {
min-height: 120px;
vertical-align: top;
display: flex;
align-items: flex-end;
padding-top: 24px;
&>div {
padding: 12px 24px;
padding: 24px;
&:first-of-type {
flex-grow: 3;
flex-shrink: 1;
}
&:last-of-type {
background-color: $yellow1;
color: $yellow2;
background-color: var(--tainacan-yellow1);
color: var(--tainacan-yellow1);
.label ,
.label,
.control-label,
.check {
color: $yellow2;
color: var(--tainacan-yellow2);
}
}
}
.roles-list {
height: 100%;
column-count: 2;
break-inside: avoid;

64
src/views/admin/components/modals/checkbox-radio-modal.vue
View File

@ -21,13 +21,12 @@
@input="autoComplete"
class="input">
<span class="icon is-right">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search" />
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-search" />
</span>
</div>
<b-tabs
v-if="!isSearching"
size="is-small"
animated
@input="fetchSelectedLabels()"
v-model="activeTab">
@ -54,7 +53,7 @@
class="tainacan-li-checkbox-list"
v-for="(option, key) in options"
:key="key">
<label class="b-checkbox checkbox is-small">
<label class="b-checkbox checkbox">
<input
v-model="selected"
:value="option.value"
@ -101,7 +100,7 @@
:key="index">
<label
v-if="isCheckbox"
class="b-checkbox checkbox is-small">
class="b-checkbox checkbox">
<input
v-model="selected"
:value="(isNaN(Number(option.value)) ? option.value : Number(option.value))"
@ -131,7 +130,7 @@
v-if="option.total_children > 0"
@click="getOptionChildren(option, key, index)">
<span class="icon is-pulled-right">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowright"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowright"/>
</span>
</a>
</b-field>
@ -141,7 +140,7 @@
@click="getMoreOptions(finderColumn, key)"
class="tainacan-show-more">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-showmore"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-showmore"/>
</span>
</div>
<div
@ -723,7 +722,7 @@
@import "../../scss/variables.scss";
.breadcrumb {
background-color: white !important;
background-color: var(--tainacan-white) !important;
li + li::before {
content: ">" !important;
@ -770,11 +769,14 @@
// In theme, the bootstrap removes the style of <a> without href
a {
cursor: pointer;
color: $turquoise5;
color: var(--tainacan-turquoise5);
}
.tainacan-form {
max-width: 100%;
.form-submit {
padding-top: 16px !important;
}
}
.tainacan-show-more {
@ -782,12 +784,12 @@
display: flex;
justify-content: center;
cursor: pointer;
border: 1px solid $gray1;
border: 1px solid var(--tainacan-gray1);
margin-top: 10px;
margin-bottom: -0.2rem;
margin-bottom: -0.2em;
&:hover {
background-color: $blue1;
background-color: var(--tainacan-blue1);
}
}
@ -802,7 +804,7 @@
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
}
@ -813,13 +815,13 @@
.b-checkbox, .b-radio {
max-width: 81%;
margin-left: 0.7rem;
margin-left: 0.7em;
margin-bottom: 0;
height: 24px;
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
}
@ -828,20 +830,20 @@
flex-grow: 0;
flex-shrink: 1;
max-width: calc(50% - 8.3333333%);
padding-left: 0.5rem;
padding-left: 0.5em;
.b-checkbox, .b-radio {
margin-right: 10px;
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
}
.tainacan-finder-columns-container {
background-color: white;
border: solid 1px $gray1;
background-color: var(--tainacan-white);
border: solid 1px var(--tainacan-gray1);
display: flex;
overflow: auto;
padding: 0 !important;
@ -854,7 +856,7 @@
}
.tainacan-finder-column {
border-right: solid 1px $gray1;
border-right: solid 1px var(--tainacan-gray1);
max-height: 400px;
max-width: 25%;
min-height: inherit;
@ -862,7 +864,7 @@
overflow-y: auto;
list-style: none;
margin: 0;
padding: 0rem;
padding: 0em;
}
ul {
@ -875,7 +877,7 @@
}
.tainacan-li-checkbox-modal:first-child {
margin-top: 0.7rem;
margin-top: 0.7em;
}
.field:not(:last-child) {
@ -890,10 +892,10 @@
.icon {
pointer-events: all;
color: $blue5;
color: var(--tainacan-blue5);
cursor: pointer;
height: 27px;
font-size: 1.125rem;
font-size: 1.125em;
width: 30px !important;
position: absolute;
right: 0;
@ -913,10 +915,10 @@
height: 253px;
align-items: center;
display: flex;
background-color: $gray1;
background-color: var(--tainacan-gray1);
&:hover {
background-color: $blue1;
background-color: var(--tainacan-blue1);
}
}
@ -960,15 +962,15 @@
}
.tainacan-li-no-children {
padding: 3rem 1.5rem 3rem 0.5rem;
padding: 3em 1.5em 3em 0.5em;
}
.tainacan-li-checkbox-last-active {
background-color: $turquoise1;
background-color: var(--tainacan-turquoise1);
}
.tainacan-li-checkbox-parent-active {
background-color: $turquoise1;
background-color: var(--tainacan-turquoise1);
}
.b-checkbox .control-label {
@ -984,9 +986,9 @@
}
.warning-no-more-terms {
color: $gray4;
font-size: 0.75rem;
padding: 0.5rem;
color: var(--tainacan-info-color);
font-size: 0.75em;
padding: 0.5em;
text-align: center;
}

4
src/views/admin/components/modals/collections-modal.vue
View File

@ -103,7 +103,7 @@ export default {
position: relative;
.collection-type {
border-bottom: 1px solid $gray2;
border-bottom: 1px solid var(--tainacan-gray2);
padding: 15px 8.3333333%;
cursor: pointer;
@ -114,7 +114,7 @@ export default {
border-bottom: none;
}
&:hover {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
}

79
src/views/admin/components/modals/exposers-modal.vue
View File

@ -51,7 +51,7 @@
target="_blank"
@click="siteLinkCopied = true; copyTextToClipboard(itemURL ? itemURL : collectionURL)">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
</span>
</a>
<div
@ -132,7 +132,7 @@
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : !exposerMapper.collapsed, 'tainacan-icon-arrowright' : exposerMapper.collapsed }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
<label
v-tooltip="{
@ -176,7 +176,7 @@
}"
@click="exposerMapper.linkCopied = pagedLink; copyTextToClipboard(getExposerFullURL(pagedLink, exposerMapper))">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
</span>
</a>
<div
@ -480,7 +480,7 @@ export default {
margin-bottom: 0;
}
.back-link {
color: $secondary;
color: var(--tainacan-secondary);
cursor: pointer;
}
}
@ -488,17 +488,17 @@ export default {
.exposer-types-container {
.exposer-item-link {
padding-left: 0rem;
padding-left: 0em;
p {
padding-left: 0.5rem;
padding-left: 0.5em;
}
}
p {
font-size: 0.875rem;
color: $gray5;
padding: 0rem 1.25rem;
margin-top: 0.75rem;
font-size: 1em;
color: var(--tainacan-gray5);
padding: 0em 1.25em;
margin-top: 0.75em;
margin-bottom: 0;
}
@ -507,28 +507,31 @@ export default {
flex-wrap: wrap;
.exposer-type {
border: 1px solid $gray2;
border: 1px solid var(--tainacan-input-border-color);
padding: 15px;
margin: 24px 12px;
cursor: pointer;
max-width: 50%;
flex-grow: 1;
font-size: 1em;
transition: border 0.3s ease;
h4 {
font-size: 1rem;
color: var(--tainacan-heading-color);
font-size: 1em;
font-weight: 500;
padding: 0rem 0.5rem;
padding: 0em 0.5em;
margin: 0;
}
p {
font-size: 0.75rem;
color: $gray5;
padding: 0rem 0.5rem;
font-size: 0.75em;
color: var(--tainacan-gray5);
padding: 0em 0.5em;
margin-bottom: 0;
}
&:hover {
border: 1px solid $gray3;
border: 1px solid var(--tainacan-gray3);
}
}
}
@ -539,32 +542,33 @@ export default {
.exposer-item {
&:first-child {
margin-top: 0.75rem;
margin-top: 0.75em;
}
&:last-child {
border-bottom: none;
}
.collapse-handler:hover {
cursor: pointer;
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
.collapse-handle {
cursor: pointer;
.label {
margin: 3px 0.75rem 0 0;
color: var(--tainacan-label-color);
margin: 3px 0.75em 0 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.has-text-gray {
font-size: 0.75rem;
font-size: 0.75em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
p {
padding: 0.5rem 0.75rem;
padding: 0.5em 0.75em;
}
// .exposer-item-links-list {
@ -588,25 +592,26 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.125rem;
padding-left: 0.125em;
height: 42px;
&:first-of-type {
margin-top: 0.5rem;
margin-top: 0.5em;
}
&>span {
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
padding: 0.5em 0.75em;
font-size: 1em;
p {
margin: 0;
padding: 0rem 0.75rem;
padding: 0em 0.75em;
font-size: 0.875em;
}
}
&:hover {
background-color: $gray1;
background-color: var(--tainacan-gray1);
.exposer-item-actions {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
.exposer-item-actions {
@ -616,16 +621,16 @@ export default {
a {
cursor: pointer;
margin: 0 0.5rem;
color: $secondary;
margin: 0 0.5em;
color: var(--tainacan-secondary);
position: relative;
}
.exposer-copy-popup {
animation-name: appear-from-top;
animation-duration: 0.3s;
position: absolute;
background: $gray1;
padding: 0.5rem 0.875rem 0.75rem 0.875rem;
background: var(--tainacan-gray1);
padding: 0.5em 0.875em 0.75em 0.875em;
border-radius: 4px;
top: 44px;
right: 12px;
@ -636,10 +641,10 @@ export default {
top: 6px;
right: 4px;
}
p { padding: 0 0 0.5rem 0; }
p { padding: 0 0 0.5em 0; }
input {
background-color: white;
border: 1px solid $gray2;
background-color: var(--tainacan-white);
border: 1px solid var(--tainacan-gray2);
border-radius: 0;
padding: 2px 8px;
}
@ -651,7 +656,7 @@ export default {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent $gray1 transparent;
border-color: transparent transparent var(--tainacan-gray1) transparent;
border-right-width: 14px;
border-bottom-width: 16px;
border-left-width: 14px;

36
src/views/admin/components/navigation/primary-menu.vue
View File

@ -23,7 +23,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-repository"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-repository"/>
</span>
</router-link>
</li>
@ -41,7 +41,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-collections"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-collections"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('collections', 'name') }}</span>
</router-link>
@ -60,7 +60,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('items', 'name') }}</span>
</router-link>
@ -80,7 +80,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-metadata"/>
</span>
<span class="menu-text">{{ $i18n.get('metadata') }}</span>
</router-link>
@ -99,7 +99,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-filters"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
</router-link>
@ -118,7 +118,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-taxonomies"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-taxonomies"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
</router-link>
@ -137,7 +137,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-activities"/>
</span>
<span class="menu-text">{{ $i18n.get('activities') }}</span>
</router-link>
@ -199,7 +199,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-importers"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-importers"/>
</span>
<span class="menu-text menu-text-import">{{ $i18n.get('importers') }}</span>
</router-link>
@ -220,7 +220,7 @@
placement: 'auto'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-export"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-export"/>
</span>
<span class="menu-text">{{ $i18n.get('exporters') }}</span>
</router-link>
@ -245,12 +245,12 @@ export default {
@import "../../scss/_variables.scss";
#primary-menu {
background-color: $blue4;
background-color: var(--tainacan-blue4);
padding: 52px 0px 0px 0px;
-webkit-transition: max-width 0.2s linear; /* Safari */
transition: max-width 0.2s linear;
max-width: $side-menu-width;
z-index: 99;
z-index: 101;
a:hover {
text-decoration: none;
@ -261,11 +261,11 @@ export default {
}
.repository-label {
max-height: 42px;
background-color: $blue5;
background-color: var(--tainacan-blue5);
font-weight: bold;
font-size: 16px;
font-size: 1em;
text-transform: uppercase;
color: white;
color: var(--tainacan-white);
padding: 11px;
text-align: center;
opacity: 1;
@ -290,7 +290,7 @@ export default {
}
li {
a {
color: white;
color: var(--tainacan-white);
white-space: nowrap;
overflow: hidden;
padding: 8px 15px;
@ -303,7 +303,7 @@ export default {
height: auto;
width: auto;
// i, i::before {
// font-size: 18px !important;
// font-size: 1.125em !important;
// }
}
}
@ -312,11 +312,11 @@ export default {
top: 3px;
height: 18px;
width: 18px;
fill: white;
fill: var(--tainacan-white);
}
a:hover, a.is-active {
background-color: $blue3;
background-color: var(--tainacan-blue3);
}
a:focus {
box-shadow: none;

52
src/views/admin/components/navigation/tainacan-collection-subheader.vue
View File

@ -44,7 +44,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionItemsPath(collection.id, '') : '' }"
:aria-label="$i18n.get('label_collection_items')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-items"/>
</span>
<span class="menu-text">{{ $i18n.get('items') }}</span>
</router-link>
@ -68,7 +68,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionEditPath(collection.id) : '' }"
:aria-label="$i18n.get('label_settings')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-settings"/>
</span>
<span class="menu-text">{{ $i18n.get('label_settings') }}</span>
@ -93,7 +93,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionMetadataPath(collection.id) : '' }"
:aria-label="$i18n.get('label_collection_metadata')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-metadata"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span>
</router-link>
@ -117,7 +117,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionFiltersPath(collection.id) : ''}"
:aria-label="$i18n.get('label_collection_filters')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-filters"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
</router-link>
@ -141,7 +141,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionActivitiesPath(collection.id) : '' }"
:aria-label="$i18n.get('label_collection_activities')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-activities"/>
</span>
<span class="menu-text">{{ $i18n.get('activities') }}</span>
</router-link>
@ -241,18 +241,18 @@ export default {
.header-tooltips .tooltip-inner {
color: turquoise5;
text-shadow: none;
background-color: $turquoise2;
font-size: 0.75rem;
background-color: var(--tainacan-turquoise2);
font-size: 0.75em;
font-weight: 400;
padding: 10px 14px;
}
.header-tooltips .tooltip-arrow {
border-color: $turquoise2;
border-color: var(--tainacan-turquoise2);
}
// Tainacan Header
#tainacan-subheader {
background-color: $turquoise5;
background-color: var(--tainacan-turquoise5);
height: $subheader-height;
max-height: $subheader-height;
width: 100%;
@ -270,9 +270,9 @@ export default {
transition: padding 0.3s, height 0.3s;
h1 {
font-size: 18px;
font-size: 1.125em;
font-weight: 500;
color: white;
color: var(--tainacan-white);
line-height: 22px;
margin-bottom: 12px;
max-width: 450px;
@ -287,7 +287,7 @@ export default {
height: 42px;
width: $page-side-padding;
min-width: $page-side-padding;
color: white;
color: var(--tainacan-white);
display: flex;
button,
@ -295,7 +295,7 @@ export default {
button:focus,
button:active {
width: 100%;
color: white;
color: var(--tainacan-white);
background-color: transparent !important;
border: none;
height: 42px !important;
@ -315,19 +315,19 @@ export default {
// max-width: 50px;
&.is-active {
background-color: $turquoise4;
background-color: var(--tainacan-turquoise4);
a {
background-color: $turquoise4;
background-color: var(--tainacan-turquoise4);
transition: color 0.2s ease;
color: white;
color: var(--tainacan-white);
text-decoration: none;
}
svg {
fill: white !important;
fill: var(--tainacan-white) !important;
}
}
&:hover:not(.is-active) {
background-color: $turquoise4;
background-color: var(--tainacan-turquoise4);
a {
background-color: transparent;
@ -335,7 +335,7 @@ export default {
}
}
a {
color: white;
color: var(--tainacan-white);
text-align: center;
white-space: nowrap;
padding: 9px 11px;
@ -353,19 +353,19 @@ export default {
margin: 0;
padding: 0;
i {
font-size: 18px !important;
font-size: 1.125em !important;
}
svg {
position: relative;
top: 2px;
margin-bottom: 2px;
height: 16px;
fill: white;
fill: var(--tainacan-white);
}
}
.menu-text {
margin-left: 2px;
font-size: 14px;
font-size: 0.875em;
display: inline-flex;
// width: 0px;
// right: 100%;
@ -388,7 +388,7 @@ export default {
.level-left {
margin-left: 0px !important;
display: flex;
padding: 0 1rem;
padding: 0 1em;
.level-item {
display: inline-flex;
}
@ -418,11 +418,11 @@ export default {
z-index: 99;
}
.tooltip.is-primary::after {
background-color: $turquoise1;
color: $turquoise5;
background-color: var(--tainacan-turquoise1);
color: var(--tainacan-turquoise5);
}
.tooltip.is-primary::before {
border-bottom-color: $turquoise1;
border-bottom-color: var(--tainacan-turquoise1);
}
}

43
src/views/admin/components/navigation/tainacan-header.vue
View File

@ -36,7 +36,7 @@
@click="$router.push($routerHelper.getItemsPath())"
class="button is-small is-white level-item">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-search"/>
</span>
</button>
</div>
@ -74,7 +74,7 @@
<span
style="margin-top: 5px; margin-right: -2px;"
class="icon is-pulled-right">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowup has-text-secondary"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowup has-text-secondary"/>
</span>
</div>
<hr class="advanced-search-hr">
@ -101,7 +101,7 @@
classes: ['repository-header-tooltips']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-processes"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-processes"/>
</span>
</button>
<processes-popup
@ -189,19 +189,19 @@
@import "../../scss/_variables.scss";
.repository-header-tooltips .tooltip-inner {
color: white;
background-color: $blue3;
font-size: 0.75rem;
color: var(--tainacan-white);
background-color: var(--tainacan-blue3);
font-size: 0.75em;
font-weight: 400;
padding: 10px 14px;
}
.repository-header-tooltips .tooltip-arrow {
border-color: $blue3;
border-color: var(--tainacan-blue3);
}
// Tainacan Header
#tainacan-header {
background-color: white;
background-color: var(--tainacan-white);
height: $header-height;
max-height: $header-height;
width: 100%;
@ -211,21 +211,21 @@
right: 0;
position: absolute;
z-index: 999;
color: $blue5;
color: var(--tainacan-blue5);
.level-left {
margin-left: -12px;
.home-area {
font-size: 24px;
font-size: 1.5em;
width: 50px;
height: $header-height;
background-color: $gray1;
padding-bottom: 0.4rem;
background-color: var(--tainacan-gray1);
padding-bottom: 0.4em;
transition: background-color 0.2s ease;
&:hover {
background-color: $gray2;
background-color: var(--tainacan-gray2);
}
}
.logo-area {
@ -247,14 +247,17 @@
padding-right: 14px;
.button, a {
color: $blue5 !important;
color: var(--tainacan-blue5) !important;
}
.button:hover, .button:active, .button:focus {
background-color: white !important;
background-color: var(--tainacan-white) !important;
}
.tainacan-icon-wordpress {
font-size: 26px;
font-size: 1.6em;
}
.tainacan-icon-processes {
font-size: 1.45em;
}
.search-area {
@ -263,22 +266,22 @@
margin-right: 28px;
.control {
.search-header {
border: 1px solid $gray2;
border: 1px solid var(--tainacan-gray2);
height: 28px;
transition: width linear 0.15s;
-webkit-transition: width linear 0.15s;
width: 220px;
font-size: 0.75rem;
font-size: 0.75em;
}
.search-header:focus, .search-header:active {
width: 372px !important;
}
.icon:not(.add-i) {
pointer-events: all;
color: $blue5;
color: var(--tainacan-blue5);
cursor: pointer;
height: 27px;
font-size: 18px;
font-size: 1.125em;
width: 30px !important;
}
}

62
src/views/admin/components/navigation/tainacan-repository-subheader.vue
View File

@ -24,7 +24,7 @@
id="exporter-collection-button"
v-if="!isRepositoryLevel">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-export"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-export"/>
</span>
</a>
</li>
@ -46,7 +46,7 @@
class="button"
id="view-collection-button">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
</span>
<!-- {{ $i18n.get('label_view_collection_on_website') }} -->
</a>
@ -69,7 +69,7 @@
class="button"
id="view-repository-button">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
</span>
<!-- {{ $i18n.get('label_view_collection_on_website') }} -->
</a>
@ -128,31 +128,31 @@ export default {
@import "../../scss/_variables.scss";
.header-tooltips .tooltip-inner {
color: white;
text-shadow: 1px 1px $turquoise4;
background-color: $turquoise3;
font-size: 0.75rem;
color: var(--tainacan-white);
text-shadow: 1px 1px var(--tainacan-turquoise4);
background-color: var(--tainacan-turquoise3);
font-size: 0.75em;
font-weight: 400;
padding: 10px 14px;
}
.header-tooltips .tooltip-arrow {
border-color: $turquoise3;
border-color: var(--tainacan-turquoise3);
}
.repository-header-tooltips .tooltip-inner {
color: white;
background-color: $blue3;
font-size: 0.75rem;
color: var(--tainacan-white);
background-color: var(--tainacan-blue3);
font-size: 0.75em;
font-weight: 400;
padding: 10px 14px;
}
.repository-header-tooltips .tooltip-arrow {
border-color: $blue3;
border-color: var(--tainacan-blue3);
}
// Tainacan Header
#tainacan-repository-subheader {
background-color: $turquoise6;
background-color: var(--tainacan-turquoise6);
height: 42px;
max-height: 42px;
width: 100%;
@ -168,14 +168,16 @@ export default {
right: 0;
top: $header-height;
position: absolute;
z-index: 98;
z-index: 100;
transition: padding-left 0.2s linear, background-color 0.2s linear;
&.is-repository-level {
background-color: $blue5;
background-color: var(--tainacan-blue5);
padding-right: $page-side-padding;
.repository-subheader-icons { margin-right: -1rem !important; }
.repository-subheader-icons {
margin-right: -1em !important;
}
}
&.is-menu-compressed {
@ -183,9 +185,9 @@ export default {
}
h1 {
font-size: 1.125rem;
color: white;
line-height: 1.4rem;
font-size: 1.125em;
color: var(--tainacan-white);
line-height: 1.4em;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
@ -198,21 +200,37 @@ export default {
flex-wrap: nowrap;
margin-right: calc(4.6666667% - 2.083333333px);
#view-repository-button,
#view-collection-button,
#exporter-collection-button {
font-size: 1rem !important;
border: none;
border-radius: 0px !important;
height: 42px !important;
background-color: transparent;
color: white;
color: var(--tainacan-white);
width: 48px;
&:hover {
background-color: var(--tainacan-turquoise5) !important;
}
}
#view-repository-button {
font-size: 1rem !important;
border: none;
border-radius: 0px !important;
height: 42px !important;
background-color: transparent;
color: var(--tainacan-white);
width: 48px;
&:hover {
background-color: var(--tainacan-blue4) !important;
}
}
}
@media screen and (max-width: 769px) {
top: 102px;
padding-left: 4.166666667% !important;
padding-left: $page-side-padding !important;
}
}
</style>

10
src/views/admin/components/navigation/tainacan-title.vue
View File

@ -129,9 +129,9 @@ export default {
justify-content: space-between;
h1, h2 {
font-size: 20px;
font-size: 1.25em;
font-weight: 500;
color: $gray5;
color: var(--tainacan-heading-color);
display: inline-block;
width: 80%;
flex-shrink: 1;
@ -144,18 +144,18 @@ export default {
hr{
margin: 3px 0px 4px 0px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
width: 100%;
}
.breadcrumbs {
font-size: 12px;
font-size: 0.75em;
width: 100%;
a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 75%;
margin: 0 0.1rem;
margin: 0 0.1em;
display: inline-block;
vertical-align: bottom;
}

12
src/views/admin/components/other/collection-filter.vue
View File

@ -12,7 +12,7 @@
<span class="icon is-right">
<i
:class="{ 'tainacan-icon-arrowdown': props.open, 'tainacan-icon-arrowright': !props.open }"
class="tainacan-icon tainacan-icon-20px" />
class="tainacan-icon tainacan-icon-1-25em" />
</span>
{{ $i18n.get('collections') }}
</label>
@ -65,10 +65,10 @@
},
created(){
this.fetchCollections({
page: 1,
collectionsPerPage: -1,
status: null,
contextEdit: false
page: 1,
collectionsPerPage: -1,
status: null,
contextEdit: false
});
},
mounted(){
@ -100,7 +100,7 @@
compare: 'IN',
collection_id: this.collectionsIdsToFilter,
});
},
}
}
}
</script>

2
src/views/admin/components/other/custom-dialog.vue
View File

@ -14,7 +14,7 @@
class="modal-custom-icon">
<span class="icon is-large">
<i
:style="{ color: icon == 'alert' ? '#a23939' : ( icon == 'approved' ? '#25a189' : 'inherit' ) }"
:style="{ color: icon == 'alert' ? 'var(--tainacan-red2)' : ( icon == 'approved' ? '#25a189' : 'inherit' ) }"
:class="'tainacan-icon-' + icon"
class="tainacan-icon"/>
</span>

4
src/views/admin/components/other/document-item.vue
View File

@ -79,11 +79,11 @@ export default {
}
figcaption {
background-color: $gray2;
background-color: var(--tainacan-gray2);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 8px 15px;
font-size: 9px;
font-size: 0.75em;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;

18
src/views/admin/components/other/file-item.vue
View File

@ -15,7 +15,7 @@
class="image"
:style="{ 'background-image': 'url(' + (file.thumbnails['tainacan-medium'] ? file.thumbnails['tainacan-medium'][0] : file.thumbnails['medium'][0]) + ')' }"/>
<div
:style="{ 'background-color': '#f2f2f2' }"
:style="{ 'background-color': 'var(--tainacan-gray1)' }"
v-else
class="file-placeholder">
<span class="icon is-large">
@ -42,9 +42,10 @@
tabindex="-1"
aria-modal
class="tainacan-modal-content">
<div class="tainacan-modal-title">
<h2 v-if="file.title != undefined">{{ file.title }}</h2>
</div>
<header class="tainacan-modal-title">
<h2 v-if="file.title != undefined">{{ $i18n.get('label_attachment') + ': ' + file.title }}</h2>
<hr>
</header>
<div
class="is-flex rendered-content"
v-html="file.description ? file.description : `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + file.url + `'/>`" />
@ -131,7 +132,7 @@ export default {
}
&:hover {
figcaption {
background-color: $gray1;
background-color: var(--tainacan-gray1);
}
}
.image-wrapper {
@ -166,9 +167,9 @@ export default {
}
figcaption {
background-color: white;
background-color: var(--tainacan-white);
padding: 8px 15px;
font-size: 9px;
font-size: 0.75em;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
@ -176,6 +177,9 @@ export default {
text-align: center;
}
}
.tainacan-modal-title {
text-align: left;
}
.rendered-content {
justify-content: center !important;
flex-direction: column;

25
src/views/admin/components/other/help-button.vue
View File

@ -1,6 +1,8 @@
<template>
<span class="help-wrapper">
<a class="help-button has-text-secondary">
<a
:class="forcedColor ? 'has-text-' + forcedColor : 'has-text-secondary'"
class="help-button">
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-help" />
</span>
@ -21,7 +23,8 @@ export default {
name: 'HelpButton',
props: {
title: '',
message: ''
message: '',
forcedColor: ''
}
}
</script>
@ -37,7 +40,7 @@ export default {
}
a.help-button .icon {
i, i::before { font-size: 0.875rem !important }
i, i::before { font-size: 0.875em !important }
}
.help-wrapper:hover .help-tooltip {
@ -48,12 +51,12 @@ export default {
}
.help-tooltip {
z-index: 99999999999999999999;
color: $turquoise5;
background-color: $turquoise2;
color: var(--tainacan-turquoise5);
background-color: var(--tainacan-turquoise2);
border: none;
display: block;
border-radius: 5px;
min-width: 250px;
min-width: 280px;
max-width: 100%;
transition: margin-bottom 0.2s ease, opacity 0.3s ease;
position: absolute;
@ -64,19 +67,19 @@ export default {
opacity: 0;
.help-tooltip-header {
padding: 0.8rem 0.8rem 0rem 0.8rem;
padding: 0.8em 0.8em 0em 0.8em;
h5 {
font-size: 0.875rem;
font-size: 0.875em;
font-weight: bold;
}
}
.help-tooltip-body {
padding: 0.5em 1.0rem 1.0rem 1.0rem;
padding: 0.5em 1.0em 1.0em 1.0em;
p {
font-size: 0.875rem !important;
font-size: 0.875em !important;
font-weight: normal !important;
white-space: normal !important;
overflow: visible !important;
@ -94,7 +97,7 @@ export default {
border-style: solid;
}
&:before {
border-color: $turquoise2 transparent transparent transparent;
border-color: var(--tainacan-turquoise2) transparent transparent transparent;
border-right-width: 15px;
border-top-width: 12px;
border-left-width: 15px;

2
src/views/admin/components/other/items-status-tabs.vue
View File

@ -9,7 +9,7 @@
autoHide: true,
placement: 'auto',
}">
<a :style="{ fontWeight: 'bold', color: '#454647 !important', lineHeight: '1.5rem' }">
<a :style="{ fontWeight: 'bold', color: 'var(--tainacan-gray5) !important', lineHeight: '1.875em' }">
{{ $i18n.get('label_all_published_items') }}
<span class="has-text-gray">&nbsp;{{ collection && collection.total_items ? ` (${Number(collection.total_items.private) + Number(collection.total_items.publish)})` : (isRepositoryLevel && repositoryTotalItems) ? ` (${ repositoryTotalItems.private + repositoryTotalItems.publish })` : '' }}</span>
</a>

58
src/views/admin/components/other/processes-popup.vue
View File

@ -68,7 +68,7 @@
class="icon has-text-success">
<i
style="margin-right: -5px;"
class="tainacan-icon tainacan-icon-20px tainacan-icon-alert has-text-yellow2"/>
class="tainacan-icon tainacan-icon-1-25em tainacan-icon-alert has-text-yellow2"/>
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-approvedcircle"/>
</span>
<span
@ -200,20 +200,15 @@ export default {
});
this.showProcessesList = false;
if (jQuery && jQuery( document )) {
jQuery( document ).on( 'heartbeat-tick-popup', ( event, data ) => {
this.setProcesses(data.bg_process_feedback);
});
jQuery( document ).on( 'heartbeat-tick', ( event, data ) => {
jQuery( document ).trigger('heartbeat-tick-popup',data);
});
jQuery( document ).on( 'heartbeat-tick', this.onHeartBitTickPopup);
}
},
beforeDestroy() {
if (jQuery && jQuery( document ))
jQuery( document ).unbind( 'heartbeat-tick-popup')
if (jQuery && jQuery( document )) {
jQuery( document ).unbind( 'heartbeat-tick', this.onHeartBitTickPopup)
}
},
methods: {
...mapActions('bgprocess', [
@ -248,6 +243,9 @@ export default {
},
setProcesses(processes) {
this.updatedProcesses = processes;
},
onHeartBitTickPopup(event, data) {
this.setProcesses(data.bg_process_feedback);
}
}
}
@ -257,9 +255,9 @@ export default {
@import "../../scss/_variables.scss";
.control.is-loading::after {
border: 2px solid $success;
border-right-color: $gray2;
border-top-color: $gray2;
border: 2px solid var(--tainacan-success);
border-right-color: var(--tainacan-gray2);
border-top-color: var(--tainacan-gray2);
}
.processes-popup-backdrop {
position: absolute;
@ -287,7 +285,7 @@ export default {
}
.processes-popup{
background-color: $blue2;
background-color: var(--tainacan-blue2);
width: 320px;
max-width: 100%;
position: absolute;
@ -296,12 +294,12 @@ export default {
border-radius: 5px;
animation-name: appear-from-top;
animation-duration: 0.3s;
font-size: 0.75rem;
font-size: 0.75em;
.popup-header, .popup-footer {
display: flex;
align-items: center;
color: $blue5;
color: var(--tainacan-blue5);
.header-title, .footer-title {
margin-right: auto;
}
@ -319,13 +317,13 @@ export default {
min-height: 29px;
.footer-title {
margin-right: auto;
font-size: 0.625rem;
font-size: 0.875em;
}
}
.popup-list {
background-color: white;
color: black;
background-color: var(--tainacan-white);
color: var(--tainacan-black);
overflow-y: auto;
overflow-x: hidden;
max-height: 222px;
@ -333,15 +331,15 @@ export default {
animation-duration: 0.3s;
.popup-list-subheader {
background-color: white !important;
background-color: var(--tainacan-white) !important;
padding: 6px 12px 12px 12px;
color: $gray4;
font-size: 0.625rem;
color: var(--tainacan-info-color);
font-size: 0.875em;
a { float: right; }
}
li:hover {
background-color: $gray0;
background-color: var(--tainacan-gray0);
.action-icon{
visibility: visible;
@ -352,7 +350,7 @@ export default {
/*display: none;*/
/*}*/
.process-item>.process-title .tainacan-arrowleft, .process-item>.process-title .tainacan-arrowright {
color: $gray3 !important;
color: var(--tainacan-gray3) !important;
}
}
@ -377,7 +375,7 @@ export default {
}
.tainacan-arrowleft, .tainacan-arrowright {
color: $turquoise2;
color: var(--tainacan-turquoise2);
}
}
.action-icon {
@ -397,8 +395,8 @@ export default {
text-overflow: ellipsis;
overflow: hidden;
max-width: calc(100% - 40px);
font-size: 0.625rem;
color: $gray4;
font-size: 0.825em;
color: var(--tainacan-info-color);
animation-name: expand;
animation-duration: 0.3s;
}
@ -417,7 +415,7 @@ export default {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent $blue2 transparent;
border-color: transparent transparent var(--tainacan-blue2) transparent;
border-right-width: 8px;
border-bottom-width: 8px;
border-left-width: 8px;
@ -427,7 +425,7 @@ export default {
.separator {
margin: 0px 10px;
height: 1px;
background-color: $secondary;
background-color: var(--tainacan-secondary);
}
}

Some files were not shown because too many files have changed in this diff Show More