Merge branch 'feature/compount-metadata-type-refactor' of https://github.com/tainacan/tainacan into feature/compount-metadata-type-refactor
This commit is contained in:
vnmedeiros
commit
a4ce5fb99c
|
|
@ -1964,9 +1964,9 @@
|
|||
}
|
||||
},
|
||||
"buefy": {
|
||||
"version": "0.8.12",
|
||||
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.12.tgz",
|
||||
"integrity": "sha512-scKb+0piTAEYk8mopu5HzshlGsT0K9ChlfkGhQgAF7jC9lH3Ta7anYXG+l8uBoSpqgChK0H19jPP55FbeKn1nA==",
|
||||
"version": "0.8.13",
|
||||
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.13.tgz",
|
||||
"integrity": "sha512-SpJq1Bl569mT6YujrEpyqn1al6U2PcBBQkVdgdKFrW+zjh1BAcs3+sNx7+r0tPSBsLYsSU2ZZsfkFzWOnOTX8A==",
|
||||
"requires": {
|
||||
"bulma": "0.7.5"
|
||||
}
|
||||
|
|
@ -3345,9 +3345,9 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"acorn": {
|
||||
"version": "6.1.1",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.1.tgz",
|
||||
"integrity": "sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==",
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
|
||||
"integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
|
|
@ -5633,9 +5633,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"kind-of": {
|
||||
"version": "6.0.2",
|
||||
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
|
||||
"integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
|
||||
"version": "6.0.3",
|
||||
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
|
||||
"integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
|
||||
"dev": true
|
||||
},
|
||||
"lcid": {
|
||||
|
|
@ -9421,9 +9421,9 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"acorn": {
|
||||
"version": "6.4.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.0.tgz",
|
||||
"integrity": "sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==",
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
|
||||
"integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
|
||||
"dev": true
|
||||
},
|
||||
"ajv": {
|
||||
|
|
@ -9766,9 +9766,9 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"acorn": {
|
||||
"version": "6.1.1",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.1.tgz",
|
||||
"integrity": "sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==",
|
||||
"version": "6.4.1",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
|
||||
"integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
|
||||
"dev": true
|
||||
},
|
||||
"ansi-styles": {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.19.0",
|
||||
"buefy": "^0.8.12",
|
||||
"buefy": "^0.8.13",
|
||||
"bulma": "^0.7.5",
|
||||
"css-vars-ponyfill": "^2.1.2",
|
||||
"mdi": "^2.2.43",
|
||||
|
|
|
|||
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -409,6 +433,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -240,6 +264,7 @@
|
|||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name h3:hover {
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em; }
|
||||
.wp-block-tainacan-carousel-items-list .carousel-items-collection-header .collection-name.only-collection-name {
|
||||
|
|
@ -383,6 +408,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -408,6 +432,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-carousel-terms-list ul.terms-list-edit li.term-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -249,6 +273,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -241,6 +265,7 @@
|
|||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3:hover {
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em; }
|
||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name {
|
||||
|
|
@ -390,6 +415,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -221,7 +245,7 @@
|
|||
margin: 4px auto; }
|
||||
.wp-block-tainacan-faceted-search .items-list-placeholder {
|
||||
font-size: 1.125em;
|
||||
min-height: 400px;
|
||||
min-height: 500px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -258,7 +282,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 80%;
|
||||
margin: 4% 12%; }
|
||||
margin: 5% 12%; }
|
||||
.wp-block-tainacan-faceted-search .items-list-placeholder .below-search-control .filters .fake-filter .fake-text {
|
||||
margin: 4px 0;
|
||||
width: 35%;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -239,6 +263,7 @@
|
|||
.wp-block-tainacan-facets-list .facets-collection-header .collection-name h3:hover {
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-facets-list .facets-collection-header .collection-name span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em; }
|
||||
.wp-block-tainacan-facets-list .facets-collection-header .collection-name.only-collection-name {
|
||||
|
|
@ -406,6 +431,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-facets-list ul.facets-list-edit li.facet-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -253,6 +277,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -201,12 +225,12 @@
|
|||
padding: 4px 0.75em;
|
||||
text-overflow: ellipsis; }
|
||||
.wp-block-tainacan-search-bar .tainacan-search-container #tainacan-search-bar-block button {
|
||||
height: auto;
|
||||
height: auto !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-radius: 0 !important;
|
||||
background: white;
|
||||
padding: 4px 1em;
|
||||
font-size: 1em; }
|
||||
|
|
@ -333,7 +357,7 @@
|
|||
fill: black;
|
||||
transition: fill 0.4s ease; }
|
||||
.wp-block-tainacan-search-bar.is-style-stylish #tainacan-search-bar-block button:hover {
|
||||
background: transparent; }
|
||||
background: transparent !important; }
|
||||
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container:not(.is-aligned-right):not(.is-aligned-left) .tainacan-search-container {
|
||||
width: calc(100% - 4.1667% - 53px);
|
||||
width: calc(100% - 4.1667vw - 53px);
|
||||
|
|
@ -419,6 +443,7 @@
|
|||
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title h3:hover {
|
||||
text-decoration: none; }
|
||||
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title span.label {
|
||||
color: inherit;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: -8px;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,29 +15,41 @@
|
|||
background: #f2f2f2; }
|
||||
.block-control p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758; }
|
||||
.block-control p svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
.block-control .components-base-control .components-base-control__field {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6; }
|
||||
.components-placeholder .components-placeholder__label {
|
||||
margin-bottom: 0; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
.components-placeholder .components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1; }
|
||||
.components-placeholder .components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758; }
|
||||
.components-placeholder .components-placeholder__fieldset p svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758; }
|
||||
|
||||
.wp-block-tainacan-modal {
|
||||
width: 50%; }
|
||||
|
|
@ -71,14 +83,24 @@
|
|||
color: #555758; }
|
||||
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||
margin: 8px; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
|
||||
padding-right: 0; }
|
||||
.wp-block-tainacan-modal .components-modal__header .components-button.has-icon:hover,
|
||||
.wp-block-tainacan-modal .components-modal__header .components-icon-button:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important; }
|
||||
.wp-block-tainacan-modal hr {
|
||||
margin: 5px 0.75em; }
|
||||
.wp-block-tainacan-modal .components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em; }
|
||||
.wp-block-tainacan-modal .modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px; }
|
||||
margin-bottom: 6px; }
|
||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||
width: 60%; }
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
|
@ -111,15 +133,17 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||
overflow: hidden; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.dashicon.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.dashicon.components-checkbox-control__checked {
|
||||
overflow: hidden;
|
||||
padding-left: 1px; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list svg.components-checkbox-control__checked,
|
||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field svg.components-checkbox-control__checked {
|
||||
fill: black; }
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||
|
|
@ -234,6 +258,7 @@
|
|||
justify-content: center;
|
||||
z-index: 999; }
|
||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: white !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -306,6 +306,24 @@ font-weight: normal;
|
|||
.tainacan-icon-dinterms:before {
|
||||
content: "dinterms";
|
||||
}
|
||||
.tainacan-icon-userfill:before {
|
||||
content: "userfill";
|
||||
}
|
||||
.tainacan-icon-calendar:before {
|
||||
content: "calendar";
|
||||
}
|
||||
.tainacan-icon-role:before {
|
||||
content: "role";
|
||||
}
|
||||
.tainacan-icon-capability:before {
|
||||
content: "capability";
|
||||
}
|
||||
.tainacan-icon-comment:before {
|
||||
content: "comment";
|
||||
}
|
||||
.tainacan-icon-viewas:before {
|
||||
content: "viewas";
|
||||
}
|
||||
|
||||
.tainacan-icon-18px.tainacan-icon-set,
|
||||
.tainacan-icon-18px.tainacan-icon:before {
|
||||
|
|
@ -352,147 +370,147 @@ font-weight: normal;
|
|||
}
|
||||
|
||||
.tainacan-icon-rotate-45 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(45deg);
|
||||
transform: scaleX(-1) rotate(45deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: scaleY(-1) rotate(45deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(45deg);
|
||||
transform: scaleX(-1) rotate(45deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: scaleY(-1) rotate(45deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-45:before {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-90 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(90deg);
|
||||
transform: scaleX(-1) rotate(90deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: scaleY(-1) rotate(90deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(90deg);
|
||||
transform: scaleX(-1) rotate(90deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: scaleY(-1) rotate(90deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-90:before {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-135 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(135deg);
|
||||
transform: scaleX(-1) rotate(135deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
transform: scaleY(-1) rotate(135deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(135deg);
|
||||
transform: scaleX(-1) rotate(135deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
transform: scaleY(-1) rotate(135deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-135:before {
|
||||
-webkit-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
-webkit-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-180 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(180deg);
|
||||
transform: scaleX(-1) rotate(180deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: scaleY(-1) rotate(180deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(180deg);
|
||||
transform: scaleX(-1) rotate(180deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: scaleY(-1) rotate(180deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-180:before {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-225 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(225deg);
|
||||
transform: scaleX(-1) rotate(225deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
transform: scaleY(-1) rotate(225deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(225deg);
|
||||
transform: scaleX(-1) rotate(225deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
transform: scaleY(-1) rotate(225deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-225:before {
|
||||
-webkit-transform: rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
transform: rotate(225deg);
|
||||
-webkit-transform: rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-270 {
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(270deg);
|
||||
transform: scaleX(-1) rotate(270deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: scaleY(-1) rotate(270deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
/*
|
||||
// Not included in production
|
||||
&.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1) rotate(270deg);
|
||||
transform: scaleX(-1) rotate(270deg);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
&.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1) rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: scaleY(-1) rotate(270deg);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-270:before {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
-webkit-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-rotate-315 {
|
||||
|
|
@ -514,47 +532,47 @@ transform: rotate(270deg);
|
|||
*/
|
||||
}
|
||||
.tainacan-icon-rotate-315:before {
|
||||
-webkit-transform: rotate(315deg);
|
||||
-ms-transform: rotate(315deg);
|
||||
transform: rotate(315deg);
|
||||
-webkit-transform: rotate(315deg);
|
||||
-ms-transform: rotate(315deg);
|
||||
transform: rotate(315deg);
|
||||
}
|
||||
|
||||
.tainacan-icon-flip-h:before {
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
}
|
||||
|
||||
.tainacan-icon-flip-v:before {
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1);
|
||||
filter: FlipV;
|
||||
-ms-filter: "FlipV";
|
||||
}
|
||||
|
||||
.tainacan-icon-spin:before {
|
||||
-webkit-animation: mdi-spin 2s infinite linear;
|
||||
animation: mdi-spin 2s infinite linear;
|
||||
-webkit-animation: mdi-spin 2s infinite linear;
|
||||
animation: mdi-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes mdi-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes mdi-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes mdi-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -10,7 +10,7 @@ License: GPLv2 or later
|
|||
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
*/
|
||||
|
||||
const TAINACAN_VERSION = '0.15.1';
|
||||
const TAINACAN_VERSION = '0.16';
|
||||
|
||||
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
|
||||
$TAINACAN_BASE_URL = plugins_url('', __FILE__);
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
:key="filter.id">
|
||||
<div class="handle">
|
||||
<span
|
||||
v-if="!(isSelectingFilterType || filter.id == undefined || openedFilterId != '' || choosenMetadatum.name == filter.name || isUpdatingFiltersOrder == true || isRepositoryLevel)"
|
||||
:style="{ opacity: !(isSelectingFilterType || filter.id == undefined || openedFilterId != '' || choosenMetadatum.name == filter.name || isUpdatingFiltersOrder == true || isRepositoryLevel) ? '1.0' : '0.0' }"
|
||||
v-tooltip="{
|
||||
content: (isSelectingFilterType || filter.id == undefined || openedFilterId != '' || choosenMetadatum.name == filter.name || isUpdatingFiltersOrder == true) ? $i18n.get('info_not_allowed_change_order_filters') : $i18n.get('instruction_drag_and_drop_filter_sort'),
|
||||
autoHide: true,
|
||||
|
|
|
|||
|
|
@ -22,8 +22,7 @@
|
|||
<draggable
|
||||
v-model="activeMetadatumList"
|
||||
class="active-metadata-area"
|
||||
@change="handleChange($event, 0)"
|
||||
:class="{'metadata-area-receive': isDraggingFromAvailable}"
|
||||
@change="handleChange($event)"
|
||||
:group="{ name:'metadata', pull: false, put: true }"
|
||||
:sort="(openedMetadatumId == '' || openedMetadatumId == undefined) && !isRepositoryLevel"
|
||||
:handle="'.handle'"
|
||||
|
|
@ -45,7 +44,7 @@
|
|||
}">
|
||||
<div class="handle">
|
||||
<span
|
||||
v-if="!(isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder)"
|
||||
:style="{ opacity: !(isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder) ? '1.0' : '0.0' }"
|
||||
v-tooltip="{
|
||||
content: isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder ? $i18n.get('info_not_allowed_change_order_metadata') : $i18n.get('instruction_drag_and_drop_metadatum_sort'),
|
||||
autoHide: true,
|
||||
|
|
@ -165,173 +164,14 @@
|
|||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
<draggable
|
||||
class="active-metadata-area child-metadata-area"
|
||||
v-if="metadatum.metadata_type_object && metadatum.metadata_type_object.component == 'tainacan-compound'"
|
||||
v-model="activeMetadatumList"
|
||||
@change="handleChange($event, metadatum.id)"
|
||||
:class="{'metadata-area-receive': isDraggingFromAvailable}"
|
||||
:group="{ name:'metadata', pull: false, put: isAvailableChildMetadata }"
|
||||
:sort="(openedMetadatumId == '' || openedMetadatumId == undefined) && !isRepositoryLevel"
|
||||
:handle="'.handle'"
|
||||
ghost-class="sortable-ghost"
|
||||
chosen-class="sortable-chosen"
|
||||
filter=".not-sortable-item"
|
||||
:dragover-bubble="true"
|
||||
:animation="250">
|
||||
<section
|
||||
v-if="openedMetadatumId != metadatum.id && activeMetadatumList.filter((meta) => meta != undefined && metadatum != undefined && meta.parent == metadatum.id).length <= 0 && !isLoadingMetadata"
|
||||
class="field is-grouped-centered section not-sortable-item">
|
||||
<div class="content has-text-gray has-text-centered">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-metadata"/>
|
||||
</span>
|
||||
<p>{{ $i18n.get('info_create_child_metadata' ) }}</p>
|
||||
</div>
|
||||
</section>
|
||||
<span
|
||||
v-else
|
||||
class="icon children-icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-nextlevel"/>
|
||||
</span>
|
||||
<div
|
||||
class="active-metadatum-item"
|
||||
:class="{
|
||||
'not-sortable-item': isRepositoryLevel || childMetadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder,
|
||||
'not-focusable-item': openedMetadatumId == childMetadatum.id,
|
||||
'disabled-metadatum': childMetadatum.enabled == false,
|
||||
'inherited-metadatum': (childMetadatum.collection_id != collectionId && childMetadatum.parent == 0) || isRepositoryLevel,
|
||||
'child-metadatum': (childMetadatum.parent > 0)
|
||||
}"
|
||||
v-for="(childMetadatum, index) in activeMetadatumList.filter((meta) => meta != undefined && metadatum != undefined && meta.parent == metadatum.id)"
|
||||
:key="childMetadatum.id">
|
||||
<div class="handle">
|
||||
<span
|
||||
v-if="!(isRepositoryLevel || childMetadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder)"
|
||||
v-tooltip="{
|
||||
content: isRepositoryLevel || childMetadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder ? $i18n.get('info_not_allowed_change_order_metadata') : $i18n.get('instruction_drag_and_drop_metadatum_sort'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon grip-icon">
|
||||
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
|
||||
</span>
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: (childMetadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon icon-level-identifier">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-collections': (childMetadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'tainacan-icon-repository': (childMetadatum.collection_id == 'default') || isRepositoryLevel,
|
||||
'has-text-turquoise5': childMetadatum.enabled && (childMetadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'has-text-blue5': childMetadatum.enabled && (childMetadatum.collection_id == 'default' || isRepositoryLevel),
|
||||
'has-text-gray3': !childMetadatum.enabled
|
||||
}"
|
||||
class="tainacan-icon" />
|
||||
</span>
|
||||
<span
|
||||
class="metadatum-name"
|
||||
:class="{'is-danger': formWithErrors == childMetadatum.id }">
|
||||
{{ childMetadatum.name }}
|
||||
</span>
|
||||
<span
|
||||
v-if="childMetadatum.id != undefined && childMetadatum.metadata_type_object"
|
||||
class="label-details">
|
||||
({{ childMetadatum.metadata_type_object.name }})
|
||||
<em v-if="childMetadatum.collection_id != collectionId">{{ $i18n.get('label_inherited') }}</em>
|
||||
<em
|
||||
v-if="childMetadatum.metadata_type_object.core &&
|
||||
childMetadatum.metadata_type_object.related_mapped_prop == 'title'">
|
||||
{{ $i18n.get('label_core_title') }}
|
||||
</em>
|
||||
<em
|
||||
v-if="childMetadatum.metadata_type_object.core &&
|
||||
childMetadatum.metadata_type_object.related_mapped_prop == 'description'">
|
||||
{{ $i18n.get('label_core_description') }}
|
||||
</em>
|
||||
<span
|
||||
class="not-saved"
|
||||
v-if="(editForms[childMetadatum.id] != undefined && editForms[childMetadatum.id].saved != true) || childMetadatum.status == 'auto-draft'">
|
||||
{{ $i18n.get('info_not_saved') }}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="loading-spinner"
|
||||
v-if="childMetadatum.id == undefined"/>
|
||||
<span
|
||||
class="controls"
|
||||
v-if="childMetadatum.id !== undefined">
|
||||
<b-switch
|
||||
v-if="!isRepositoryLevel"
|
||||
:disabled="isUpdatingMetadataOrder"
|
||||
size="is-small"
|
||||
:value="childMetadatum.enabled"
|
||||
@input="onChangeEnable($event, index)"/>
|
||||
<a
|
||||
v-if="childMetadatum.current_user_can_edit"
|
||||
:style="{ visibility:
|
||||
childMetadatum.collection_id != collectionId
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="toggleMetadatumEdition(childMetadatum.id)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="childMetadatum.current_user_can_delete"
|
||||
:style="{ visibility:
|
||||
childMetadatum.collection_id != collectionId ||
|
||||
childMetadatum.metadata_type_object.related_mapped_prop == 'title' ||
|
||||
childMetadatum.metadata_type_object.related_mapped_prop == 'description'
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="removeMetadatum(childMetadatum)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<transition name="form-collapse">
|
||||
<div v-if="openedMetadatumId == childMetadatum.id">
|
||||
<metadatum-edition-form
|
||||
:collection-id="collectionId"
|
||||
:is-repository-level="isRepositoryLevel"
|
||||
@onEditionFinished="onEditionFinished()"
|
||||
@onEditionCanceled="onEditionCanceled()"
|
||||
@onErrorFound="formWithErrors = childMetadatum.id"
|
||||
:index="index"
|
||||
:original-metadatum="childMetadatum"
|
||||
:edited-metadatum="editForms[childMetadatum.id]"/>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</draggable>
|
||||
<child-metadata-list
|
||||
v-if="metadatum.metadata_type_object && metadatum.metadata_type_object.component == 'tainacan-compound'"
|
||||
:parent="metadatum.id"
|
||||
:is-repository-level="isRepositoryLevel" />
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
v-if="(isRepositoryLevel && $userCaps.hasCapability('tnc_rep_edit_metadata')) || !isRepositoryLevel"
|
||||
class="column available-metadata-area" >
|
||||
|
|
@ -384,12 +224,14 @@
|
|||
<script>
|
||||
import { mapActions, mapGetters } from 'vuex';
|
||||
import MetadatumEditionForm from './../edition/metadatum-edition-form.vue';
|
||||
import ChildMetadataList from '../metadata-types/compound/child-metadata-list.vue';
|
||||
import CustomDialog from '../other/custom-dialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'MetadataList',
|
||||
components: {
|
||||
MetadatumEditionForm
|
||||
MetadatumEditionForm,
|
||||
ChildMetadataList
|
||||
},
|
||||
props: {
|
||||
isRepositoryLevel: Boolean
|
||||
|
|
@ -397,21 +239,14 @@ export default {
|
|||
data(){
|
||||
return {
|
||||
collectionId: '',
|
||||
isDraggingFromAvailable: false,
|
||||
isLoadingMetadatumTypes: true,
|
||||
isLoadingMetadata: false,
|
||||
isLoadingMetadatum: false,
|
||||
isUpdatingMetadataOrder: false,
|
||||
openedMetadatumId: '',
|
||||
formWithErrors: '',
|
||||
hightlightedMetadatum: '',
|
||||
editForms: {},
|
||||
new_metadata_label: '',
|
||||
new_metadata_uri: '',
|
||||
new_metadata_slug: '',
|
||||
columnsTopY: 0,
|
||||
metadataSearchCancel: undefined,
|
||||
childActiveMetadatumList: []
|
||||
columnsTopY: 0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -436,7 +271,7 @@ export default {
|
|||
'$route.query': {
|
||||
handler(newQuery) {
|
||||
if (newQuery.edit != undefined) {
|
||||
let existingMetadataIndex = this.activeMetadatumList.findIndex((metadatum) => metadatum.id == newQuery.edit);
|
||||
let existingMetadataIndex = this.activeMetadatumList.findIndex((metadatum) => metadatum && (metadatum.id == newQuery.edit));
|
||||
if (existingMetadataIndex >= 0)
|
||||
this.editMetadatum(this.activeMetadatumList[existingMetadataIndex])
|
||||
}
|
||||
|
|
@ -466,7 +301,7 @@ export default {
|
|||
trapFocus: true
|
||||
});
|
||||
} else {
|
||||
next()
|
||||
next();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -508,15 +343,15 @@ export default {
|
|||
'deleteMetadatum',
|
||||
'updateMetadata',
|
||||
'updateCollectionMetadataOrder',
|
||||
'cleanMetadata'
|
||||
'cleanMetadata',
|
||||
]),
|
||||
...mapGetters('metadata',[
|
||||
'getMetadatumTypes',
|
||||
'getMetadata',
|
||||
]),
|
||||
handleChange(event, parent) {
|
||||
handleChange(event) {
|
||||
if (event.added) {
|
||||
this.addNewMetadatum(event.added.element, event.added.newIndex, parent);
|
||||
this.addNewMetadatum(event.added.element, event.added.newIndex);
|
||||
} else if (event.removed) {
|
||||
this.removeMetadatum(event.removed.element);
|
||||
} else if (event.moved) {
|
||||
|
|
@ -537,23 +372,24 @@ export default {
|
|||
},
|
||||
onChangeEnable($event, index) {
|
||||
let metadataOrder = [];
|
||||
for (let metadatum of this.activeMetadatumList) {
|
||||
metadataOrder.push({'id': metadatum.id, 'enabled': metadatum.enabled});
|
||||
}
|
||||
for (let metadatum of this.activeMetadatumList)
|
||||
if (metadatum != undefined)
|
||||
metadataOrder.push({'id': metadatum.id, 'enabled': metadatum.enabled});
|
||||
|
||||
metadataOrder[index].enabled = $event;
|
||||
this.isUpdatingMetadataOrder = true;
|
||||
this.updateCollectionMetadataOrder({ collectionId: this.collectionId, metadataOrder: metadataOrder })
|
||||
.then(() => this.isUpdatingMetadataOrder = false)
|
||||
.catch(() => this.isUpdatingMetadataOrder = false);
|
||||
},
|
||||
addMetadatumViaButton(metadatumType, parent) {
|
||||
addMetadatumViaButton(metadatumType) {
|
||||
let lastIndex = this.activeMetadatumList.length;
|
||||
this.addNewMetadatum(metadatumType, lastIndex, parent);
|
||||
this.addNewMetadatum(metadatumType, lastIndex);
|
||||
|
||||
// Higlights the clicker metadatum
|
||||
this.hightlightedMetadatum = metadatumType.name;
|
||||
},
|
||||
addNewMetadatum(newMetadatum, newIndex, parent) {
|
||||
addNewMetadatum(newMetadatum, newIndex) {
|
||||
this.sendMetadatum({
|
||||
collectionId: this.collectionId,
|
||||
name: newMetadatum.name,
|
||||
|
|
@ -561,7 +397,7 @@ export default {
|
|||
status: 'auto-draft',
|
||||
isRepositoryLevel: this.isRepositoryLevel,
|
||||
newIndex: newIndex,
|
||||
parent: parent
|
||||
parent: '0'
|
||||
})
|
||||
.then((metadatum) => {
|
||||
|
||||
|
|
@ -638,7 +474,7 @@ export default {
|
|||
this.$router.push({ query: {}});
|
||||
},
|
||||
refreshMetadata() {
|
||||
|
||||
|
||||
// Cancels previous Request
|
||||
if (this.metadataSearchCancel != undefined)
|
||||
this.metadataSearchCancel.cancel('Metadata search Canceled.');
|
||||
|
|
@ -653,7 +489,7 @@ export default {
|
|||
isRepositoryLevel: this.isRepositoryLevel,
|
||||
isContextEdit: true,
|
||||
includeDisabled: true,
|
||||
parent: 'any'
|
||||
parent: '0'
|
||||
}).then((resp) => {
|
||||
resp.request
|
||||
.then(() => {
|
||||
|
|
@ -675,9 +511,6 @@ export default {
|
|||
})
|
||||
.catch(() => this.isLoadingMetadata = false);
|
||||
},
|
||||
isAvailableChildMetadata(to, from, item) {
|
||||
return !['tainacan-compound', 'tainacan-taxonomy', 'tainacan-relationship'].includes(item.id);
|
||||
},
|
||||
getPreviewTemplateContent(metadatum) {
|
||||
return `<div class="metadata-type-preview tainacan-form">
|
||||
<span class="metadata-type-label">` + this.$i18n.get('label_metadatum_type_preview') + `</span>
|
||||
|
|
@ -736,7 +569,7 @@ export default {
|
|||
|
||||
.b-tabs .tab-content {
|
||||
overflow: visible;
|
||||
min-height: 500px;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
.column {
|
||||
|
|
@ -1136,32 +969,5 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
.child-metadata-area {
|
||||
margin-left: 3em;
|
||||
margin-right: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
min-height: auto;
|
||||
border-left: 1px solid var(--tainacan-gray2);
|
||||
font-size: 1em;
|
||||
|
||||
section {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
.active-metadatum-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
.children-icon {
|
||||
float: left;
|
||||
position: relative;
|
||||
left: -1.5em;
|
||||
top: 0.25em;
|
||||
|
||||
.icon {
|
||||
color: var(--tainacan-info-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,6 @@
|
|||
this.children.push(metadatum);
|
||||
this.childrenMetadataCollapses.push(true);
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
toggleCollapseAllChildren() {
|
||||
|
|
|
|||
|
|
@ -1,246 +0,0 @@
|
|||
<template>
|
||||
|
||||
<div ><!--
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('tainacan-compound', 'children') }}<span> * </span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('tainacan-compound', 'children')"
|
||||
:message="$i18n.getHelperMessage('tainacan-compound', 'children')"/>
|
||||
</label>
|
||||
<div class="child-metadata-list-container">
|
||||
<section
|
||||
v-if="childrenMetadata.length <= 0"
|
||||
class="field is-grouped-centered section">
|
||||
<div class="content has-text-gray has-text-centered">
|
||||
<p>
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-30px tainacan-icon-metadata"/>
|
||||
</span>
|
||||
</p>
|
||||
<p>{{ $i18n.get('info_there_is_no_metadatum' ) }}</p>
|
||||
<p>{{ $i18n.get('info_create_metadata' ) }}</p>
|
||||
</div>
|
||||
</section>
|
||||
<draggable
|
||||
v-model="childrenMetadata"
|
||||
class="active-metadata-area"
|
||||
@change="handleChange"
|
||||
:class="{'metadata-area-receive': isDraggingFromAvailable}"
|
||||
:group="{ name:'metadata', pull: false, put: true }"
|
||||
:sort="(openedMetadatumId == '' || openedMetadatumId == undefined) && !isRepositoryLevel"
|
||||
:handle="'.handle'"
|
||||
ghost-class="sortable-ghost"
|
||||
chosen-class="sortable-chosen"
|
||||
filter="not-sortable-item"
|
||||
:animation="250">
|
||||
<div
|
||||
class="active-metadatum-item"
|
||||
:class="{
|
||||
'not-sortable-item': isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder,
|
||||
'not-focusable-item': openedMetadatumId == metadatum.id,
|
||||
'disabled-metadatum': metadatum.enabled == false,
|
||||
'inherited-metadatum': (metadatum.collection_id != collectionId && metadatum.parent == 0) || isRepositoryLevel
|
||||
}"
|
||||
v-for="(metadatum, index) in childrenMetadata"
|
||||
:key="metadatum.id">
|
||||
<div class="handle">
|
||||
<span
|
||||
v-if="!(isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder)"
|
||||
v-tooltip="{
|
||||
content: isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder ? $i18n.get('info_not_allowed_change_order_metadata') : $i18n.get('instruction_drag_and_drop_metadatum_sort'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon grip-icon">
|
||||
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
|
||||
</span>
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon icon-level-identifier">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
|
||||
'has-text-turquoise5': metadatum.enabled && (metadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'has-text-blue5': metadatum.enabled && (metadatum.collection_id == 'default' || isRepositoryLevel),
|
||||
'has-text-gray3': !metadatum.enabled
|
||||
}"
|
||||
class="tainacan-icon" />
|
||||
</span>
|
||||
<span
|
||||
class="metadatum-name"
|
||||
:class="{'is-danger': formWithErrors == metadatum.id }">
|
||||
{{ metadatum.name }}
|
||||
</span>
|
||||
<span
|
||||
v-if="metadatum.id != undefined && metadatum.metadata_type_object"
|
||||
class="label-details">
|
||||
({{ metadatum.metadata_type_object.name }})
|
||||
<em v-if="metadatum.collection_id != collectionId">{{ $i18n.get('label_inherited') }}</em>
|
||||
<em
|
||||
v-if="metadatum.metadata_type_object.core &&
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'title'">
|
||||
{{ $i18n.get('label_core_title') }}
|
||||
</em>
|
||||
<em
|
||||
v-if="metadatum.metadata_type_object.core &&
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'description'">
|
||||
{{ $i18n.get('label_core_description') }}
|
||||
</em>
|
||||
<span
|
||||
class="not-saved"
|
||||
v-if="(editForms[metadatum.id] != undefined && editForms[metadatum.id].saved != true) || metadatum.status == 'auto-draft'">
|
||||
{{ $i18n.get('info_not_saved') }}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="loading-spinner"
|
||||
v-if="metadatum.id == undefined"/>
|
||||
<span
|
||||
class="controls"
|
||||
v-if="metadatum.id !== undefined">
|
||||
<b-switch
|
||||
v-if="!isRepositoryLevel"
|
||||
:disabled="isUpdatingMetadataOrder"
|
||||
size="is-small"
|
||||
:value="metadatum.enabled"
|
||||
@input="onChangeEnable($event, index)"/>
|
||||
<a
|
||||
v-if="metadatum.current_user_can_edit"
|
||||
:style="{ visibility:
|
||||
metadatum.collection_id != collectionId
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="toggleMetadatumEdition(metadatum.id)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="metadatum.current_user_can_delete"
|
||||
:style="{ visibility:
|
||||
metadatum.collection_id != collectionId ||
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'title' ||
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'description'
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="removeMetadatum(metadatum)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<transition name="form-collapse">
|
||||
<div v-if="openedMetadatumId == metadatum.id">
|
||||
<metadatum-edition-form
|
||||
:collection-id="collectionId"
|
||||
:is-repository-level="isRepositoryLevel"
|
||||
@onEditionFinished="onEditionFinished()"
|
||||
@onEditionCanceled="onEditionCanceled()"
|
||||
@onErrorFound="formWithErrors = metadatum.id"
|
||||
:index="index"
|
||||
:original-metadatum="metadatum"
|
||||
:edited-metadatum="editForms[metadatum.id]"/>
|
||||
<pre> Metadadum Edition Form will go here.</pre>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
</b-field> -->
|
||||
</div>
|
||||
</template>
|
||||
<!--
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
value: [ String, Object, Array ],
|
||||
metadatum: [ String, Object ],
|
||||
errors: [ String, Object, Array ]
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
childrenMetadata: [],
|
||||
collectionId: '',
|
||||
openedMetadatumId: '',
|
||||
isRepositoryLevel: false,
|
||||
isUpdatingMetadataOrder: false,
|
||||
formWithErrors: '',
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.isRepositoryLevel = (this.$route.params.collectionId === undefined);
|
||||
|
||||
if (this.metadatum.metadatum &&
|
||||
this.metadatum.metadatum.metadata_type_options &&
|
||||
this.metadatum.metadatum.metadata_type_options.children_objects.length > 0
|
||||
) {
|
||||
for (let metadatum of this.metadatum.metadatum.metadata_type_options.children_objects)
|
||||
this.childrenMetadata.push(metadatum);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleChange(event) {
|
||||
if (event.added) {
|
||||
this.addNewMetadatum(event.added.element, event.added.newIndex);
|
||||
} else if (event.removed) {
|
||||
this.removeMetadatum(event.removed.element);
|
||||
} else if (event.moved) {
|
||||
this.updateMetadataOrder();
|
||||
}
|
||||
},
|
||||
addNewMetadatum(newMetadatum, newIndex) {
|
||||
console.log(newMetadatum, newIndex)
|
||||
},
|
||||
removeMetadatum(removedMetadatum) {
|
||||
console.log(removedMetadatum)
|
||||
},
|
||||
updateMetadataOrder() {
|
||||
console.log("atualizando ordem do metadado...")
|
||||
},
|
||||
onChangeEnable($event, index) {
|
||||
console.log($event, index)
|
||||
},
|
||||
emitValues(){
|
||||
this.$emit('input',{
|
||||
options: ( this.options.length > 0 ) ? this.options.join('\n') : ''
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.child-metadata-list-container{
|
||||
section {
|
||||
padding: 1em 0.5em;
|
||||
}
|
||||
.active-metadata-area {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
|
|
@ -0,0 +1,453 @@
|
|||
<template>
|
||||
<div class="child-metadata-list-container">
|
||||
<span class="icon children-icon not-sortable-item">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-nextlevel"/>
|
||||
</span>
|
||||
<section
|
||||
v-if="childrenMetadata.length <= 0"
|
||||
class="field is-grouped-centered section not-sortable-item">
|
||||
<div class="content has-text-gray has-text-centered">
|
||||
<p>
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-metadata"/>
|
||||
</span>
|
||||
</p>
|
||||
<p>{{ $i18n.get('info_create_child_metadata') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
<draggable
|
||||
v-model="childrenMetadata"
|
||||
class="active-metadata-area child-metadata-area"
|
||||
@change="handleChange"
|
||||
:group="{ name:'metadata', pull: false, put: isAvailableChildMetadata }"
|
||||
:sort="(openedMetadatumId == '' || openedMetadatumId == undefined) && !isRepositoryLevel"
|
||||
:handle="'.handle'"
|
||||
ghost-class="sortable-ghost"
|
||||
chosen-class="sortable-chosen"
|
||||
filter=".not-sortable-item"
|
||||
:animation="250">
|
||||
<div
|
||||
class="active-metadatum-item"
|
||||
:class="{
|
||||
'not-sortable-item': isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder,
|
||||
'not-focusable-item': openedMetadatumId == metadatum.id,
|
||||
'disabled-metadatum': metadatum.enabled == false,
|
||||
'inherited-metadatum': (metadatum.collection_id != collectionId && metadatum.parent == 0) || isRepositoryLevel
|
||||
}"
|
||||
v-for="(metadatum, index) in childrenMetadata"
|
||||
:key="metadatum.id">
|
||||
<div class="handle">
|
||||
<span
|
||||
:style="{ opacity: !(isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder) ? '1.0' : '0.0' }"
|
||||
v-tooltip="{
|
||||
content: isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder ? $i18n.get('info_not_allowed_change_order_metadata') : $i18n.get('instruction_drag_and_drop_metadatum_sort'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon grip-icon">
|
||||
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
|
||||
</span>
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon icon-level-identifier">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
|
||||
'has-text-turquoise5': metadatum.enabled && (metadatum.collection_id != 'default' && !isRepositoryLevel),
|
||||
'has-text-blue5': metadatum.enabled && (metadatum.collection_id == 'default' || isRepositoryLevel),
|
||||
'has-text-gray3': !metadatum.enabled
|
||||
}"
|
||||
class="tainacan-icon" />
|
||||
</span>
|
||||
<span
|
||||
class="metadatum-name"
|
||||
:class="{'is-danger': formWithErrors == metadatum.id }">
|
||||
{{ metadatum.name }}
|
||||
</span>
|
||||
<span
|
||||
v-if="metadatum.id != undefined && metadatum.metadata_type_object"
|
||||
class="label-details">
|
||||
({{ metadatum.metadata_type_object.name }})
|
||||
<em v-if="metadatum.collection_id != collectionId">{{ $i18n.get('label_inherited') }}</em>
|
||||
<em
|
||||
v-if="metadatum.metadata_type_object.core &&
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'title'">
|
||||
{{ $i18n.get('label_core_title') }}
|
||||
</em>
|
||||
<em
|
||||
v-if="metadatum.metadata_type_object.core &&
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'description'">
|
||||
{{ $i18n.get('label_core_description') }}
|
||||
</em>
|
||||
<span
|
||||
class="not-saved"
|
||||
v-if="(editForms[metadatum.id] != undefined && editForms[metadatum.id].saved != true) || metadatum.status == 'auto-draft'">
|
||||
{{ $i18n.get('info_not_saved') }}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="loading-spinner"
|
||||
v-if="metadatum.id == undefined"/>
|
||||
<span
|
||||
class="controls"
|
||||
v-if="metadatum.id !== undefined">
|
||||
<b-switch
|
||||
v-if="!isRepositoryLevel"
|
||||
:disabled="isUpdatingMetadataOrder"
|
||||
size="is-small"
|
||||
:value="metadatum.enabled"
|
||||
@input="onChangeEnable($event, index)"/>
|
||||
<a
|
||||
v-if="metadatum.current_user_can_edit"
|
||||
:style="{ visibility:
|
||||
metadatum.collection_id != collectionId
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="toggleMetadatumEdition(metadatum.id)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="metadatum.current_user_can_delete"
|
||||
:style="{ visibility:
|
||||
metadatum.collection_id != collectionId ||
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'title' ||
|
||||
metadatum.metadata_type_object.related_mapped_prop == 'description'
|
||||
? 'hidden' : 'visible'
|
||||
}"
|
||||
@click.prevent="removeMetadatum(metadatum)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<transition name="form-collapse">
|
||||
<div v-if="openedMetadatumId == metadatum.id">
|
||||
<metadatum-edition-form
|
||||
:collection-id="collectionId"
|
||||
:is-repository-level="isRepositoryLevel"
|
||||
@onEditionFinished="onEditionFinished()"
|
||||
@onEditionCanceled="onEditionCanceled()"
|
||||
@onErrorFound="formWithErrors = metadatum.id"
|
||||
:index="index"
|
||||
:original-metadatum="metadatum"
|
||||
:edited-metadatum="editForms[metadatum.id]"/>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions, mapGetters } from 'vuex';
|
||||
import MetadatumEditionForm from '../../edition/metadatum-edition-form.vue';
|
||||
import CustomDialog from '../../other/custom-dialog.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
MetadatumEditionForm
|
||||
},
|
||||
props: {
|
||||
isRepositoryLevel: Boolean,
|
||||
parent: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
collectionId: '',
|
||||
isLoadingMetadata: false,
|
||||
isUpdatingMetadataOrder: false,
|
||||
openedMetadatumId: '',
|
||||
formWithErrors: '',
|
||||
hightlightedMetadatum: '',
|
||||
editForms: {},
|
||||
metadataSearchCancel: undefined,
|
||||
childrenMetadata: []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'$route.query': {
|
||||
handler(newQuery) {
|
||||
if (newQuery.edit != undefined) {
|
||||
|
||||
let existingMetadataIndex = this.childrenMetadata.findIndex((metadatum) => metadatum && (metadatum.id == newQuery.edit));
|
||||
if (existingMetadataIndex >= 0)
|
||||
this.editMetadatum(this.childrenMetadata[existingMetadataIndex])
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
updateChildrenMetadata(value) {
|
||||
this.updateChildrenMetadata(value, this.parent);
|
||||
}
|
||||
},
|
||||
beforeRouteLeave ( to, from, next ) {
|
||||
let hasUnsavedForms = false;
|
||||
for (let editForm in this.editForms) {
|
||||
if (!this.editForms[editForm].saved)
|
||||
hasUnsavedForms = true;
|
||||
}
|
||||
if ((this.openedMetadatumId != '' && this.openedMetadatumId != undefined) || hasUnsavedForms ) {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_metadata_not_saved'),
|
||||
onConfirm: () => {
|
||||
this.onEditionCanceled();
|
||||
next();
|
||||
},
|
||||
},
|
||||
trapFocus: true
|
||||
});
|
||||
} else {
|
||||
next();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.isLoadingMetadata = true;
|
||||
this.refreshMetadata();
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
||||
// Cancels previous Request
|
||||
if (this.metadataSearchCancel != undefined)
|
||||
this.metadataSearchCancel.cancel('Metadata search Canceled.');
|
||||
|
||||
},
|
||||
methods: {
|
||||
...mapActions('metadata', [
|
||||
'fetchMetadata',
|
||||
'sendMetadatum',
|
||||
'deleteMetadatum',
|
||||
'updateChildrenMetadata',
|
||||
'updateCollectionMetadataOrder',
|
||||
'cleanChildrenMetadata'
|
||||
]),
|
||||
...mapGetters('metadata',[
|
||||
'getChildrenMetadata'
|
||||
]),
|
||||
handleChange(event) {
|
||||
if (event.added) {
|
||||
this.addNewMetadatum(event.added.element, event.added.newIndex);
|
||||
} else if (event.removed) {
|
||||
this.removeMetadatum(event.removed.element);
|
||||
} else if (event.moved) {
|
||||
if (!this.isRepositoryLevel)
|
||||
this.updateMetadataOrder();
|
||||
}
|
||||
},
|
||||
updateMetadataOrder() {
|
||||
let metadataOrder = [];
|
||||
for (let metadatum of this.childrenMetadata)
|
||||
if (metadatum != undefined)
|
||||
metadataOrder.push({ 'id': metadatum.id, 'enabled': metadatum.enabled });
|
||||
/*
|
||||
this.isUpdatingMetadataOrder = true;
|
||||
this.updateCollectionMetadataOrder({ collectionId: this.collectionId, metadataOrder: metadataOrder, parent: this.parent })
|
||||
.then(() => this.isUpdatingMetadataOrder = false)
|
||||
.catch(() => this.isUpdatingMetadataOrder = false);*/
|
||||
},
|
||||
onChangeEnable($event, index) {
|
||||
let metadataOrder = [];
|
||||
for (let metadatum of this.childrenMetadata)
|
||||
if (metadatum != undefined)
|
||||
metadataOrder.push({'id': metadatum.id, 'enabled': metadatum.enabled});
|
||||
|
||||
metadataOrder[index].enabled = $event;
|
||||
/*
|
||||
this.isUpdatingMetadataOrder = true;
|
||||
this.updateCollectionMetadataOrder({ collectionId: this.collectionId, metadataOrder: metadataOrder, parent: this.parent })
|
||||
.then(() => {
|
||||
this.childrenMetadata[index].enabled = $event;
|
||||
this.isUpdatingMetadataOrder = false;
|
||||
})
|
||||
.catch(() => this.isUpdatingMetadataOrder = false);*/
|
||||
},
|
||||
addNewMetadatum(newMetadatum, newIndex) {
|
||||
this.sendMetadatum({
|
||||
collectionId: this.collectionId,
|
||||
name: newMetadatum.name,
|
||||
metadatumType: newMetadatum.className,
|
||||
status: 'auto-draft',
|
||||
isRepositoryLevel: this.isRepositoryLevel,
|
||||
newIndex: newIndex,
|
||||
parent: this.parent
|
||||
})
|
||||
.then((metadatum) => {
|
||||
if (!this.isRepositoryLevel)
|
||||
this.updateMetadataOrder();
|
||||
|
||||
this.toggleMetadatumEdition(metadatum.id)
|
||||
this.hightlightedMetadatum = '';
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$console.error(error);
|
||||
});
|
||||
},
|
||||
removeMetadatum(removedMetadatum) {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_metadatum_delete'),
|
||||
onConfirm: () => {
|
||||
this.deleteMetadatum({ collectionId: this.collectionId, metadatumId: removedMetadatum.id, isRepositoryLevel: this.isRepositoryLevel})
|
||||
.then(() => {
|
||||
if (!this.isRepositoryLevel)
|
||||
this.updateMetadataOrder();
|
||||
else
|
||||
this.$root.$emit('metadatumUpdated', this.isRepositoryLevel);
|
||||
})
|
||||
.catch(() => {
|
||||
this.$console.log("Error deleting metadatum.")
|
||||
});
|
||||
}
|
||||
},
|
||||
trapFocus: true
|
||||
});
|
||||
},
|
||||
toggleMetadatumEdition(metadatumId) {
|
||||
// Closing collapse
|
||||
if (this.openedMetadatumId == metadatumId) {
|
||||
this.openedMetadatumId = '';
|
||||
this.$router.push({ query: {}});
|
||||
|
||||
// Opening collapse
|
||||
} else {
|
||||
this.$router.push({ query: { edit: metadatumId}})
|
||||
}
|
||||
},
|
||||
editMetadatum(metadatum) {
|
||||
this.openedMetadatumId = metadatum.id;
|
||||
|
||||
// First time opening
|
||||
if (this.editForms[this.openedMetadatumId] == undefined) {
|
||||
this.editForms[this.openedMetadatumId] = JSON.parse(JSON.stringify(metadatum));
|
||||
this.editForms[this.openedMetadatumId].saved = true;
|
||||
|
||||
// Metadatum inserted now
|
||||
if (this.editForms[this.openedMetadatumId].status == 'auto-draft') {
|
||||
this.editForms[this.openedMetadatumId].status = 'publish';
|
||||
this.editForms[this.openedMetadatumId].saved = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
onEditionFinished() {
|
||||
this.formWithErrors = '';
|
||||
delete this.editForms[this.openedMetadatumId];
|
||||
this.openedMetadatumId = '';
|
||||
this.$router.push({ query: {}});
|
||||
},
|
||||
onEditionCanceled() {
|
||||
this.formWithErrors = '';
|
||||
delete this.editForms[this.openedMetadatumId];
|
||||
this.openedMetadatumId = '';
|
||||
this.$router.push({ query: {}});
|
||||
},
|
||||
refreshMetadata() {
|
||||
|
||||
// Cancels previous Request
|
||||
if (this.metadataSearchCancel != undefined)
|
||||
this.metadataSearchCancel.cancel('Metadata search Canceled.');
|
||||
|
||||
if (this.isRepositoryLevel)
|
||||
this.collectionId = 'default';
|
||||
else
|
||||
this.collectionId = this.$route.params.collectionId;
|
||||
|
||||
this.fetchMetadata({
|
||||
collectionId: this.collectionId,
|
||||
isRepositoryLevel: this.isRepositoryLevel,
|
||||
isContextEdit: true,
|
||||
includeDisabled: true,
|
||||
parent: this.parent
|
||||
}).then((resp) => {
|
||||
resp.request
|
||||
.then((metadata) => {
|
||||
this.isLoadingMetadata = false;
|
||||
this.childrenMetadata = metadata;
|
||||
// Checks URL as router watcher would not wait for list to load
|
||||
if (this.$route.query.edit != undefined) {
|
||||
let existingMetadataIndex = this.childrenMetadata.findIndex((metadatum) => metadatum.id == this.$route.query.edit);
|
||||
if (existingMetadataIndex >= 0)
|
||||
this.editMetadatum(this.childrenMetadata[existingMetadataIndex]);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.isLoadingMetadata = false;
|
||||
});
|
||||
|
||||
// Search Request Token for cancelling
|
||||
this.metadataSearchCancel = resp.source;
|
||||
})
|
||||
.catch(() => this.isLoadingMetadata = false);
|
||||
},
|
||||
isAvailableChildMetadata(to, from, item) {
|
||||
return !['tainacan-compound', 'tainacan-taxonomy', 'tainacan-relationship'].includes(item.id);
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.child-metadata-list-container {
|
||||
position: relative;
|
||||
margin-left: 42px;
|
||||
border-left: 1px solid var(--tainacan-gray2);
|
||||
|
||||
section {
|
||||
padding: 1em 0.5em;
|
||||
}
|
||||
.children-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -22px;
|
||||
|
||||
.icon {
|
||||
color: var(--tainacan-info-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.child-metadata-area {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 42px;
|
||||
font-size: 1em;
|
||||
|
||||
section {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
.active-metadatum-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -156,27 +156,7 @@
|
|||
placement: 'auto'
|
||||
}"
|
||||
class="icon">
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 833 750"
|
||||
data-name="Camada 1"
|
||||
id="Camada_1">
|
||||
<defs
|
||||
id="defs11" />
|
||||
<path
|
||||
id="path4"
|
||||
transform="translate(-83.5 -125)"
|
||||
d="M812.38,125H187.62A103.77,103.77,0,0,0,83.5,229.12V770.88A104.1,104.1,0,0,0,187.62,875H812.38A104,104,0,0,0,916.5,771V229.12A104.12,104.12,0,0,0,812.38,125ZM833.5,792h-666V209h666Z" />
|
||||
<path
|
||||
id="path6"
|
||||
transform="translate(-83.5 -125)"
|
||||
d="M377.5,626a126,126,0,0,0,118.82-84H583.5v83h84V542h83V459H496.67A126,126,0,1,0,377.5,626Zm0-168a42,42,0,1,1-42,42A42,42,0,0,1,377.5,458Z" />
|
||||
</svg>
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-capability"/>
|
||||
</span>
|
||||
<span class="menu-text">{{ $i18n.get('capabilities') }}</span>
|
||||
</router-link>
|
||||
|
|
@ -314,6 +294,10 @@ export default {
|
|||
width: 18px;
|
||||
fill: var(--tainacan-white);
|
||||
}
|
||||
.tainacan-icon-capability::before {
|
||||
font-size: 1.75em !important;
|
||||
width: 0.7em;
|
||||
}
|
||||
|
||||
a:hover, a.is-active {
|
||||
background-color: var(--tainacan-blue3);
|
||||
|
|
|
|||
|
|
@ -165,27 +165,7 @@
|
|||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionCapabilitiesPath(collection.id) : '' }"
|
||||
:aria-label="$i18n.get('label_collection_capabilities')">
|
||||
<span class="icon">
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
version="1.1"
|
||||
viewBox="0 0 833 750"
|
||||
data-name="Camada 1"
|
||||
id="Camada_1">
|
||||
<defs
|
||||
id="defs11" />
|
||||
<path
|
||||
id="path4"
|
||||
transform="translate(-83.5 -125)"
|
||||
d="M812.38,125H187.62A103.77,103.77,0,0,0,83.5,229.12V770.88A104.1,104.1,0,0,0,187.62,875H812.38A104,104,0,0,0,916.5,771V229.12A104.12,104.12,0,0,0,812.38,125ZM833.5,792h-666V209h666Z" />
|
||||
<path
|
||||
id="path6"
|
||||
transform="translate(-83.5 -125)"
|
||||
d="M377.5,626a126,126,0,0,0,118.82-84H583.5v83h84V542h83V459H496.67A126,126,0,1,0,377.5,626Zm0-168a42,42,0,1,1-42,42A42,42,0,0,1,377.5,458Z" />
|
||||
</svg>
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-capability"/>
|
||||
</span>
|
||||
<span class="menu-text">{{ $i18n.get('capabilities') }}</span>
|
||||
</router-link>
|
||||
|
|
@ -358,6 +338,9 @@ export default {
|
|||
height: 16px;
|
||||
fill: var(--tainacan-white);
|
||||
}
|
||||
.tainacan-icon-capability::before {
|
||||
font-size: 1.75em !important;
|
||||
}
|
||||
}
|
||||
.menu-text {
|
||||
margin-left: 2px;
|
||||
|
|
|
|||
|
|
@ -19,12 +19,12 @@ import Numeric from '../components/metadata-types/numeric/Numeric.vue';
|
|||
import Date from '../components/metadata-types/date/Date.vue';
|
||||
import Relationship from '../components/metadata-types/relationship/Relationship.vue';
|
||||
import Taxonomy from '../components/metadata-types/taxonomy/Taxonomy.vue';
|
||||
import Compound from '../components/metadata-types/compound/Compound.vue';
|
||||
|
||||
import FormRelationship from '../components/metadata-types/relationship/FormRelationship.vue';
|
||||
import FormTaxonomy from '../components/metadata-types/taxonomy/FormTaxonomy.vue';
|
||||
import FormSelectbox from '../components/metadata-types/selectbox/FormSelectbox.vue';
|
||||
import FormNumeric from '../components/metadata-types/numeric/FormNumeric.vue';
|
||||
import FormCompound from '../components/metadata-types/compound/FormCompound.vue';
|
||||
|
||||
import FilterNumeric from '../components/filter-types/numeric/Numeric.vue';
|
||||
import FilterDate from '../components/filter-types/date/Date.vue';
|
||||
|
|
@ -93,13 +93,13 @@ Vue.component('tainacan-numeric', Numeric);
|
|||
Vue.component('tainacan-date', Date);
|
||||
Vue.component('tainacan-relationship', Relationship);
|
||||
Vue.component('tainacan-taxonomy', Taxonomy);
|
||||
Vue.component('tainacan-compound', Compound);
|
||||
|
||||
/* Metadata Option forms */
|
||||
Vue.component('tainacan-form-relationship', FormRelationship);
|
||||
Vue.component('tainacan-form-taxonomy', FormTaxonomy);
|
||||
Vue.component('tainacan-form-selectbox', FormSelectbox);
|
||||
Vue.component('tainacan-form-numeric', FormNumeric);
|
||||
Vue.component('tainacan-form-compound', FormCompound);
|
||||
|
||||
/* Filters */
|
||||
Vue.component('tainacan-filter-numeric', FilterNumeric);
|
||||
|
|
|
|||
|
|
@ -26,8 +26,13 @@ export const fetchMetadata = ({commit}, {collectionId, isRepositoryLevel, isCont
|
|||
axios.tainacan.get(endpoint, { cancelToken: source.token })
|
||||
.then((res) => {
|
||||
let metadata = res.data;
|
||||
if (!isAdvancedSearch)
|
||||
commit('setMetadata', metadata);
|
||||
if (!isAdvancedSearch) {
|
||||
if (parent && parent > 0)
|
||||
commit('setChildrenMetadata', { metadata, parent });
|
||||
else
|
||||
commit('setMetadata', metadata);
|
||||
}
|
||||
|
||||
resolve(metadata);
|
||||
})
|
||||
.catch((error) => {
|
||||
|
|
@ -58,8 +63,11 @@ export const sendMetadatum = ({commit}, {collectionId, name, metadatumType, stat
|
|||
})
|
||||
.then(res => {
|
||||
let metadatum = res.data;
|
||||
commit('setSingleMetadatum', { metadatum: metadatum, index: newIndex });
|
||||
resolve(res.data);
|
||||
if (metadatum.parent && metadatum.parent > 0)
|
||||
commit('setSingleChildMetadatum', { metadatum: metadatum, index: newIndex });
|
||||
else
|
||||
commit('setSingleMetadatum', { metadatum: metadatum, index: newIndex });
|
||||
resolve(metadatum);
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error.response);
|
||||
|
|
@ -79,7 +87,10 @@ export const updateMetadatum = ({commit}, {collectionId, metadatumId, isReposito
|
|||
axios.tainacan.put(endpoint + '?context=edit', options)
|
||||
.then(res => {
|
||||
let metadatum = res.data;
|
||||
commit('setSingleMetadatum', {metadatum: metadatum, index: index});
|
||||
if (metadatum.parent && metadatum.parent > 0)
|
||||
commit('setSingleChildMetadatum', { metadatum: metadatum, index: index });
|
||||
else
|
||||
commit('setSingleMetadatum', { metadatum: metadatum, index: index });
|
||||
resolve(metadatum);
|
||||
})
|
||||
.catch(error => {
|
||||
|
|
@ -115,6 +126,10 @@ export const updateMetadata = ({commit}, metadata) => {
|
|||
commit('setMetadata', metadata);
|
||||
};
|
||||
|
||||
export const updateChildrenMetadata = ({commit}, { metadata, parent }) => {
|
||||
commit('setChildrenMetadata', metadata, parent);
|
||||
};
|
||||
|
||||
export const deleteMetadatum = ({commit}, {collectionId, metadatumId, isRepositoryLevel}) => {
|
||||
let endpoint = '';
|
||||
if (!isRepositoryLevel)
|
||||
|
|
@ -125,7 +140,11 @@ export const deleteMetadatum = ({commit}, {collectionId, metadatumId, isReposito
|
|||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.delete(endpoint)
|
||||
.then(res => {
|
||||
commit('deleteMetadatum', res.data);
|
||||
const metadatum = res.data;
|
||||
if (metadatum.parent && metadatum.parent > 0)
|
||||
commit('deleteChildrenMetadatum', metadatum);
|
||||
else
|
||||
commit('deleteMetadatum', metadatum);
|
||||
resolve(res.data);
|
||||
}).catch((error) => {
|
||||
console.log(error);
|
||||
|
|
@ -139,10 +158,28 @@ export const cleanMetadata = ({commit}) => {
|
|||
commit('cleanMetadata');
|
||||
};
|
||||
|
||||
export const updateCollectionMetadataOrder = ({ commit }, {collectionId, metadataOrder}) => {
|
||||
export const cleanChildrenMetadata = ({commit}, parent) => {
|
||||
commit('cleanChildrenMetadata', parent );
|
||||
};
|
||||
|
||||
export const updateCollectionMetadataOrder = ({ commit, state }, {collectionId, metadataOrder, parent}) => {
|
||||
|
||||
let allMetadataOrder = [];
|
||||
|
||||
if (parent && parent > 0) {
|
||||
allMetadataOrder = state.metadataOrder;
|
||||
console.log(allMetadataOrder)
|
||||
const parentMetadataIndex = allMetadataOrder.find((metadatumOrder) => metadatumOrder.id == parent);
|
||||
if (parentMetadataIndex >= 0)
|
||||
allMetadataOrder[parentMetadataIndex]['children_metadata_order'] = metadataOrder;
|
||||
|
||||
} else {
|
||||
allMetadataOrder = metadataOrder;
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.patch('/collections/' + collectionId + '/metadata_order?context=edit', {
|
||||
metadata_order: metadataOrder
|
||||
metadata_order: allMetadataOrder
|
||||
}).then(res => {
|
||||
commit('collection/setCollection', res.data, { root: true });
|
||||
commit('updateMetadataOrderFromCollection', res.data.metadata_order);
|
||||
|
|
|
|||
|
|
@ -2,6 +2,10 @@ export const getMetadata = state => {
|
|||
return state.metadata;
|
||||
}
|
||||
|
||||
export const getChildrenMetadata = state => {
|
||||
return state.childrenMetadata;
|
||||
}
|
||||
|
||||
export const getMetadatumTypes = state => {
|
||||
return state.metadatumTypes;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,8 +4,9 @@ import * as mutations from './mutations';
|
|||
|
||||
const state = {
|
||||
metadata: [],
|
||||
childrenMetadata: {},
|
||||
metadatumTypes: [],
|
||||
metadatumMappers: [],
|
||||
metadatumMappers: []
|
||||
};
|
||||
|
||||
export default {
|
||||
|
|
|
|||
|
|
@ -7,14 +7,32 @@ export const deleteMetadatum = ( state, metadatum ) => {
|
|||
}
|
||||
}
|
||||
|
||||
export const deleteChildrenMetadatum = ( state, metadatum ) => {
|
||||
let index = state.childrenMetadata[metadatum.parent].findIndex(deletedMetadatum => deletedMetadatum.id == metadatum.id);
|
||||
if (index >= 0) {
|
||||
state.childrenMetadata[metadatum.parent].splice(index, 1);
|
||||
}
|
||||
}
|
||||
|
||||
export const setSingleMetadatum = (state, {metadatum, index}) => {
|
||||
Vue.set( state.metadata, index, metadatum);
|
||||
}
|
||||
|
||||
export const setSingleChildMetadatum = (state, {metadatum, index}) => {
|
||||
if (metadatum.id && metadatum.parent)
|
||||
Vue.set( state.childrenMetadata[metadatum.parent], index, metadatum);
|
||||
}
|
||||
|
||||
export const setMetadata = (state, metadata) => {
|
||||
state.metadata = metadata;
|
||||
}
|
||||
|
||||
export const setChildrenMetadata = (state, {metadata, parent}) => {
|
||||
const updatedChildrenMetadata = state.childrenMetadata;
|
||||
updatedChildrenMetadata[parent] = metadata;
|
||||
state.childrenMetadata = updatedChildrenMetadata;
|
||||
}
|
||||
|
||||
export const updateMetadataOrderFromCollection = (state, metadataOrder) => {
|
||||
for (let i = 0; i < state.metadata.length; i++) {
|
||||
let updatedMetadatumIndex = metadataOrder.findIndex(aMetadatum => aMetadatum.id == state.metadata[i].id);
|
||||
|
|
@ -33,4 +51,8 @@ export const setMetadatumMappers = (state, metadatumMappers) => {
|
|||
|
||||
export const cleanMetadata = (state) => {
|
||||
state.metadata = [];
|
||||
}
|
||||
|
||||
export const cleanChildrenMetadata = (state, parent) => {
|
||||
state.childrenMetadata[parent] = [];
|
||||
}
|
||||
|
|
@ -402,7 +402,7 @@
|
|||
:disabled="totalItems == undefined || totalItems <= 0"
|
||||
@click="openExposersModal()">
|
||||
<span class="gray-icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
|
||||
</span>
|
||||
<span class="is-hidden-touch is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -288,7 +288,7 @@
|
|||
:disabled="isLoading"
|
||||
@click="openExposersModal()">
|
||||
<span class="icon is-large">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
|
||||
</span>
|
||||
<span class="is-hidden-touch">{{ $i18n.get('label_view_as') }}</span>
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -38,6 +38,9 @@
|
|||
.mdi-account::before {
|
||||
content: 'user';
|
||||
}
|
||||
.mdi-calendar-today::before {
|
||||
content: 'calendar';
|
||||
}
|
||||
}
|
||||
}
|
||||
&.has-icons-right .icon .mdi-magnify::before {
|
||||
|
|
|
|||
|
|
@ -191,22 +191,21 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Not working yet, as we don't have this icon.
|
||||
// .dropdown-trigger {
|
||||
// span.icon>i.mdi-calendar-today::before{
|
||||
// display: inline-block;
|
||||
// font: "TainacanIcons" normal normal normal 20px/1;
|
||||
// font-size: inherit;
|
||||
// text-rendering: auto;
|
||||
// vertical-align: middle;
|
||||
// line-height: inherit;
|
||||
// -webkit-font-smoothing: antialiased;
|
||||
// -moz-osx-font-smoothing: grayscale;
|
||||
// content: 'calendar';
|
||||
// text-transform: none !important;
|
||||
// letter-spacing: normal !important;
|
||||
// }
|
||||
// }
|
||||
.dropdown-trigger {
|
||||
span.icon>i.mdi-calendar-today::before{
|
||||
display: inline-block;
|
||||
font: "TainacanIcons" normal normal normal 20px/1;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
vertical-align: middle;
|
||||
line-height: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: 'calendar';
|
||||
text-transform: none !important;
|
||||
letter-spacing: normal !important;
|
||||
}
|
||||
}
|
||||
|
||||
& .dropdown.is-mobile-modal {
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
|
|||
|
|
@ -18,35 +18,51 @@
|
|||
|
||||
p {
|
||||
font-size: 0.875em !important;
|
||||
margin: 12px 1.5em 16px 0;
|
||||
margin: 12px 1.5em !important;
|
||||
fill: #555758;
|
||||
|
||||
svg {
|
||||
top: 4px;
|
||||
top: 6px;
|
||||
margin-right: 0.75em;
|
||||
position: relative;
|
||||
fill: #555758;
|
||||
}
|
||||
}
|
||||
|
||||
.components-base-control .components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.components-placeholder {
|
||||
margin-bottom: 0;
|
||||
align-items: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: #f6f6f6;
|
||||
|
||||
.components-placeholder__label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.components-placeholder__fieldset p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px 0;
|
||||
color: #454647;
|
||||
fill: #555758;
|
||||
.components-placeholder__fieldset {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
max-width: 70%;
|
||||
flex-wrap: wrap;
|
||||
z-index: 1;
|
||||
|
||||
svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
p {
|
||||
font-size: 1em !important;
|
||||
margin: 12px;
|
||||
color: #454647;
|
||||
fill: #555758;
|
||||
|
||||
svg {
|
||||
margin-right: 1em;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
fill: #555758;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -107,18 +123,31 @@
|
|||
.components-spineer { margin: 8px; }
|
||||
}
|
||||
|
||||
.components-modal__header .components-button.has-icon,
|
||||
.components-modal__header .components-icon-button {
|
||||
padding-right: 0;
|
||||
|
||||
&:hover {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 5px 0.75em;
|
||||
}
|
||||
|
||||
.components-select-control__input {
|
||||
padding: 4px 8px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.modal-search-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 6px;
|
||||
|
||||
.components-base-control {
|
||||
width: 60%;
|
||||
|
|
@ -157,16 +186,18 @@
|
|||
grid-gap: 0px;
|
||||
justify-content: space-evenly;
|
||||
list-style-type: none;
|
||||
margin: 12px;
|
||||
margin: 10px;
|
||||
padding: 2px;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
||||
.components-base-control {
|
||||
overflow: hidden;
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
svg.dashicon.components-checkbox-control__checked {
|
||||
svg.components-checkbox-control__checked {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -292,6 +292,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -98,6 +98,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
}
|
||||
.items-list-placeholder {
|
||||
font-size: 1.125em;
|
||||
min-height: 400px;
|
||||
min-height: 500px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 80%;
|
||||
margin: 4% 12%;
|
||||
margin: 5% 12%;
|
||||
.fake-text {
|
||||
margin: 4px 0;
|
||||
width: 35%;
|
||||
|
|
|
|||
|
|
@ -616,9 +616,7 @@ registerBlockType('tainacan/faceted-search', {
|
|||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>
|
||||
{__('Show items list from: ', 'tainacan')}
|
||||
|
||||
|
|
@ -667,9 +665,7 @@ registerBlockType('tainacan/faceted-search', {
|
|||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>
|
||||
{__('Show a complete items list with faceted search.', 'tainacan')}
|
||||
</p>
|
||||
|
|
@ -766,6 +762,18 @@ registerBlockType('tainacan/faceted-search', {
|
|||
<span class="fake-text"></span>
|
||||
<span class="fake-searchbar"></span>
|
||||
</div>
|
||||
<div class="fake-filter">
|
||||
<span class="fake-text"></span>
|
||||
<div class="fake-checkbox-list">
|
||||
{ Array(2).fill().map( () => {
|
||||
return <div>
|
||||
<span class="fake-checkbox"></span>
|
||||
<span class="fake-text"></span>
|
||||
</div>
|
||||
} ) }
|
||||
<div class="fake-link"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
: null
|
||||
}
|
||||
|
|
@ -796,6 +804,19 @@ registerBlockType('tainacan/faceted-search', {
|
|||
class="fake-item-thumb"></div>
|
||||
{ Array(3).fill().map( () => <div class="fake-item-description"></div> ) }
|
||||
</div>
|
||||
{ Array(2).fill().map( () => {
|
||||
return <div class="fake-item">
|
||||
<div class="fake-item-header">
|
||||
<div class="fake-text"></div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
backgroundImage: tainacan_plugin ? 'url("' + tainacan_plugin.base_url + '/assets/images/placeholder_square.png")' : ''
|
||||
}}
|
||||
class="fake-item-thumb"></div>
|
||||
{ Array(3).fill().map( () => <div class="fake-item-description"></div> ) }
|
||||
</div>
|
||||
} ) }
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span class="fake-text"></span>
|
||||
|
|
|
|||
|
|
@ -77,6 +77,7 @@
|
|||
}
|
||||
}
|
||||
span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
|
@ -282,6 +283,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -576,9 +576,7 @@ registerBlockType('tainacan/facets-list', {
|
|||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>
|
||||
{__('List facets from a Tainacan Collection or Repository', 'tainacan')}
|
||||
</p>
|
||||
|
|
@ -637,9 +635,7 @@ registerBlockType('tainacan/facets-list', {
|
|||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path
|
||||
fill="#298596"
|
||||
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</svg>
|
||||
{__('List facets from a Tainacan Collection or Repository', 'tainacan')}
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -79,6 +79,7 @@
|
|||
}
|
||||
}
|
||||
span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
|
@ -266,6 +267,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -476,12 +476,12 @@ registerBlockType('tainacan/carousel-items-list', {
|
|||
</div>
|
||||
|
||||
{ isSelected ?
|
||||
(
|
||||
(
|
||||
<div>
|
||||
{ isModalOpen ?
|
||||
{ isModalOpen ?
|
||||
<CarouselItemsModal
|
||||
loadStrategy={ loadStrategy }
|
||||
existingCollectionId={ collectionId }
|
||||
existingCollectionId={ collectionId }
|
||||
existingSearchURL={ loadStrategy == 'search' ? searchURL : false }
|
||||
onSelectCollection={ (selectedCollectionId) => {
|
||||
if (collectionId != selectedCollectionId) {
|
||||
|
|
|
|||
|
|
@ -82,6 +82,7 @@
|
|||
}
|
||||
}
|
||||
span.label {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
|
@ -264,6 +265,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -103,6 +103,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -310,33 +310,36 @@ registerBlockType('tainacan/search-bar', {
|
|||
|
||||
<div>
|
||||
<InspectorControls>
|
||||
<hr />
|
||||
<div style={{ marginTop: '24px' }}>
|
||||
<TextControl
|
||||
label={ __('Placeholder text', 'tainacan') }
|
||||
value={ placeholderText }
|
||||
onChange={ ( aPlaceholderText ) => {
|
||||
placeholderText = aPlaceholderText
|
||||
setAttributes( { placeholderText: placeholderText } );
|
||||
setContent();
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<div style={{ marginBottom: '12px' }}>
|
||||
<RangeControl
|
||||
label={__('Maximum width size (%)', 'tainacan')}
|
||||
value={ maxWidth ? maxWidth : 80 }
|
||||
onChange={ ( aMaxWidth ) => {
|
||||
maxWidth = aMaxWidth;
|
||||
setAttributes( { maxWidth: aMaxWidth } )
|
||||
setContent();
|
||||
}}
|
||||
min={ 15 }
|
||||
max={ 100 }
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<PanelBody
|
||||
title={__('Input settings', 'tainacan')}
|
||||
initialOpen={ true }
|
||||
>
|
||||
<div style={{ marginTop: '24px' }}>
|
||||
<TextControl
|
||||
label={ __('Placeholder text', 'tainacan') }
|
||||
value={ placeholderText }
|
||||
onChange={ ( aPlaceholderText ) => {
|
||||
placeholderText = aPlaceholderText
|
||||
setAttributes( { placeholderText: placeholderText } );
|
||||
setContent();
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<div style={{ marginBottom: '12px' }}>
|
||||
<RangeControl
|
||||
label={__('Maximum width size (%)', 'tainacan')}
|
||||
value={ maxWidth ? maxWidth : 80 }
|
||||
onChange={ ( aMaxWidth ) => {
|
||||
maxWidth = aMaxWidth;
|
||||
setAttributes( { maxWidth: aMaxWidth } )
|
||||
setContent();
|
||||
}}
|
||||
min={ 15 }
|
||||
max={ 100 }
|
||||
/>
|
||||
</div>
|
||||
</PanelBody>
|
||||
|
||||
<PanelBody
|
||||
title={__('Collection header', 'tainacan')}
|
||||
|
|
|
|||
|
|
@ -43,12 +43,12 @@
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
button {
|
||||
height: auto;
|
||||
height: auto !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-radius: 0 !important;
|
||||
background: white;
|
||||
padding: 4px 1em;
|
||||
font-size: 1em;
|
||||
|
|
@ -261,7 +261,7 @@
|
|||
}
|
||||
}
|
||||
&:hover {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -392,7 +392,8 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
span.label {
|
||||
color: inherit;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: -8px;
|
||||
|
|
|
|||
|
|
@ -290,6 +290,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -80,6 +80,7 @@
|
|||
}
|
||||
|
||||
&:hover button {
|
||||
height: auto;
|
||||
visibility: visible;
|
||||
background-color: rgba(255, 255, 255, 1) !important;
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -325,6 +325,7 @@
|
|||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 5px 8px;
|
||||
|
||||
a:first-child {
|
||||
border-top-right-radius: 0;
|
||||
|
|
|
|||
|
|
@ -327,7 +327,7 @@
|
|||
:disabled="totalItems == undefined || totalItems <= 0"
|
||||
@click="openExposersModal()">
|
||||
<span class="gray-icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
|
||||
</span>
|
||||
<span class="is-hidden-touch is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
|
||||
</button>
|
||||
|
|
|
|||
Loading…
Reference in New Issue