Merge branch 'feature/736' of github.com:tainacan/tainacan into feature/736
This commit is contained in:
vnmedeiros
commit
3dc95fb2ef
|
|
@ -44,21 +44,23 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-18 src/views/gutenberg-blocks/b
|
|||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-19 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-related-items-list.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-20 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-20 src/views/gutenberg-blocks/blocks/item-metadata/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-21 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata-section.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-21 src/views/gutenberg-blocks/blocks/item-metadata-section/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata-section.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-22 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata-sections.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-22 src/views/gutenberg-blocks/blocks/item-metadata-sections/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadata-sections.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-23 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadatum.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-23 src/views/gutenberg-blocks/blocks/item-metadatum/style.scss:src/assets/css/tainacan-gutenberg-block-item-metadatum.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-24 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-metadata-section-name.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-24 src/views/gutenberg-blocks/blocks/geocoordinate-item-metadatum/style.scss:src/assets/css/tainacan-gutenberg-block-geocoordinate-item-metadatum.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-25 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-metadata-section-description.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-25 src/views/gutenberg-blocks/blocks/metadata-section-name/style.scss:src/assets/css/tainacan-gutenberg-block-metadata-section-name.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-26 src/views/gutenberg-blocks/scss/gutenberg-blocks-editor-style.scss:src/assets/css/tainacan-gutenberg-block-common-editor-styles.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-26 src/views/gutenberg-blocks/blocks/metadata-section-description/style.scss:src/assets/css/tainacan-gutenberg-block-metadata-section-description.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-27 src/views/gutenberg-blocks/scss/gutenberg-blocks-theme-style.scss:src/assets/css/tainacan-gutenberg-block-common-theme-styles.css
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-27 src/views/gutenberg-blocks/scss/gutenberg-blocks-editor-style.scss:src/assets/css/tainacan-gutenberg-block-common-editor-styles.css
|
||||
|
||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-28 src/views/gutenberg-blocks/scss/gutenberg-blocks-theme-style.scss:src/assets/css/tainacan-gutenberg-block-common-theme-styles.css
|
||||
|
||||
echo "Compilação do Sass Concluído!"
|
||||
exit 0
|
||||
|
|
|
|||
|
|
@ -1498,6 +1498,12 @@
|
|||
"@types/range-parser": "*"
|
||||
}
|
||||
},
|
||||
"@types/geojson": {
|
||||
"version": "7946.0.10",
|
||||
"resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz",
|
||||
"integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/http-proxy": {
|
||||
"version": "1.17.9",
|
||||
"resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.9.tgz",
|
||||
|
|
@ -1522,6 +1528,15 @@
|
|||
"integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/leaflet": {
|
||||
"version": "1.9.0",
|
||||
"resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.0.tgz",
|
||||
"integrity": "sha512-7LeOSj7EloC5UcyOMo+1kc3S1UT3MjJxwqsMT1d2PTyvQz53w0Y0oSSk9nwZnOZubCmBvpSNGceucxiq+ZPEUw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@types/geojson": "*"
|
||||
}
|
||||
},
|
||||
"@types/masonry-layout": {
|
||||
"version": "4.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@types/masonry-layout/-/masonry-layout-4.2.5.tgz",
|
||||
|
|
@ -4305,6 +4320,16 @@
|
|||
"integrity": "sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==",
|
||||
"dev": true
|
||||
},
|
||||
"leaflet": {
|
||||
"version": "1.9.3",
|
||||
"resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.3.tgz",
|
||||
"integrity": "sha512-iB2cR9vAkDOu5l3HAay2obcUHZ7xwUBBjph8+PGtmW/2lYhbLizWtG7nTeYht36WfOslixQF9D/uSIzhZgGMfQ=="
|
||||
},
|
||||
"leaflet-active-area": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/leaflet-active-area/-/leaflet-active-area-1.2.1.tgz",
|
||||
"integrity": "sha512-lZdkGt7VzaYCrarYaWnJ4BI2CrzrfivX35GLUc9l4w8y9ru88LLqcQzWZMw7bPzSzHO7do301z77mSfIvhWjFg=="
|
||||
},
|
||||
"levn": {
|
||||
"version": "0.4.1",
|
||||
"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
|
||||
|
|
@ -5108,9 +5133,9 @@
|
|||
"integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
|
||||
},
|
||||
"photoswipe": {
|
||||
"version": "5.3.3",
|
||||
"resolved": "https://registry.npmjs.org/photoswipe/-/photoswipe-5.3.3.tgz",
|
||||
"integrity": "sha512-BUuulwZwkYFKADSe5xf0dd+wf6dws34ZvqP8R3oYHepRauOXoQHvw600sw1HlWd8K0S3LRCS4jxyR5fTuI383Q=="
|
||||
"version": "5.3.4",
|
||||
"resolved": "https://registry.npmjs.org/photoswipe/-/photoswipe-5.3.4.tgz",
|
||||
"integrity": "sha512-SN+RWHqxJvdwzXJsh8KrG+ajjPpdTX5HpKglEd0k9o6o5fW+QHPkW8//Bo11MB+NQwTa/hFw8BDv2EdxiDXjNw=="
|
||||
},
|
||||
"picocolors": {
|
||||
"version": "1.0.0",
|
||||
|
|
@ -6247,9 +6272,9 @@
|
|||
}
|
||||
},
|
||||
"swiper": {
|
||||
"version": "8.4.4",
|
||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-8.4.4.tgz",
|
||||
"integrity": "sha512-jA/8BfOZwT8PqPSnMX0TENZYitXEhNa7ZSNj1Diqh5LZyUJoBQaZcqAiPQ/PIg1+IPaRn/V8ZYVb0nxHMh51yw==",
|
||||
"version": "8.4.5",
|
||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-8.4.5.tgz",
|
||||
"integrity": "sha512-zveyEFBBv4q1sVkbJHnuH4xCtarKieavJ4SxP0QEHvdpPLJRuD7j/Xg38IVVLbp7Db6qrPsLUePvxohYx39Agw==",
|
||||
"requires": {
|
||||
"dom7": "^4.0.4",
|
||||
"ssr-window": "^4.0.2"
|
||||
|
|
@ -6699,6 +6724,11 @@
|
|||
"resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz",
|
||||
"integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ=="
|
||||
},
|
||||
"vue2-leaflet": {
|
||||
"version": "2.7.1",
|
||||
"resolved": "https://registry.npmjs.org/vue2-leaflet/-/vue2-leaflet-2.7.1.tgz",
|
||||
"integrity": "sha512-K7HOlzRhjt3Z7+IvTqEavIBRbmCwSZSCVUlz9u4Rc+3xGCLsHKz4TAL4diAmfHElCQdPPVdZdJk8wPUt2fu6WQ=="
|
||||
},
|
||||
"vuedraggable": {
|
||||
"version": "2.24.3",
|
||||
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
|
||||
|
|
|
|||
|
|
@ -17,14 +17,16 @@
|
|||
"countup.js": "^2.3.2",
|
||||
"css-vars-ponyfill": "^2.4.8",
|
||||
"floating-vue": "^1.0.0-beta.18",
|
||||
"leaflet": "^1.9.3",
|
||||
"leaflet-active-area": "^1.2.1",
|
||||
"masonry-layout": "^4.2.2",
|
||||
"moment": "^2.29.4",
|
||||
"node-sass": "^7.0.3",
|
||||
"photoswipe": "^5.3.3",
|
||||
"photoswipe": "^5.3.4",
|
||||
"qs": "^6.11.0",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"swiper": "^8.4.4",
|
||||
"swiper": "^8.4.5",
|
||||
"t": "^0.5.1",
|
||||
"vue": "^2.6.14",
|
||||
"vue-apexcharts": "^1.6.2",
|
||||
|
|
@ -32,6 +34,7 @@
|
|||
"vue-countup-v2": "^4.0.0",
|
||||
"vue-router": "^3.5.4",
|
||||
"vue-the-mask": "^0.11.1",
|
||||
"vue2-leaflet": "^2.7.1",
|
||||
"vuedraggable": "^2.24.3",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
|
|
@ -39,6 +42,7 @@
|
|||
"@babel/core": "^7.18.5",
|
||||
"@babel/preset-env": "^7.18.2",
|
||||
"@babel/preset-react": "^7.17.12",
|
||||
"@types/leaflet": "^1.9.0",
|
||||
"@types/masonry-layout": "^4.2.5",
|
||||
"acorn": "^8.7.1",
|
||||
"autoprefixer": "^10.4.7",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
.tainacan-leaflet-map-container {
|
||||
display: block;
|
||||
height: 320px;
|
||||
width: 100%; }
|
||||
.tainacan-leaflet-map-container .tainacan-coordinates,
|
||||
.tainacan-leaflet-map-container .multivalue-separator {
|
||||
opacity: 0; }
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-geocoordinate-item-metadatum.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,+BAAgC;EAC5B,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,KAAK;EACb,KAAK,EAAC,IAAI;EAEV;uDACsB;IAClB,OAAO,EAAE,CAAC",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/geocoordinate-item-metadatum/style.scss"],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-geocoordinate-item-metadatum.css"
|
||||
}
|
||||
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-item-metadata-section.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-item-metadata-section.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-item-metadata-sections.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-item-metadata-sections.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-item-metadata.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-item-metadata.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-item-metadatum.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-item-metadatum.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,8 @@
|
|||
flex-direction: column;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(200, 200, 200, 0.3);
|
||||
overflow: hidden; }
|
||||
overflow: hidden;
|
||||
box-sizing: border-box; }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .fake-text {
|
||||
background-color: var(--tainacan-label-color, rgba(200, 200, 200, 0.3));
|
||||
height: 0.25em;
|
||||
|
|
@ -239,12 +240,29 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start; }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .fake-steps {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center; }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .fake-steps .fake-step {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 100%;
|
||||
background-color: var(--tainacan-input-border-color, rgba(200, 200, 200, 0.3)); }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .fake-steps .fake-step:first-of-type {
|
||||
background-color: var(--tainacan-secondary, rgba(200, 200, 200, 0.3)); }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .fake-steps + .metadata-section {
|
||||
margin-top: -0.5em;
|
||||
border: 1px solid var(--tainacan-input-border-color, rgba(200, 200, 200, 0.3));
|
||||
padding: 2em; }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .metadata-section {
|
||||
width: 100%;
|
||||
padding: 0.5em 1em;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column; }
|
||||
flex-direction: column;
|
||||
box-sizing: border-box; }
|
||||
.wp-block-tainacan-item-submission-form .item-submission-form-placeholder .metadata-section .fake-metadata {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-metadata-section-description.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-metadata-section-description.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +1,3 @@
|
|||
.wp-block-tainacan-related-items {
|
||||
margin: 0.5em auto;
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-related-items .spinner-container {
|
||||
min-height: 56px;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--tainacan-block-gray4, #555758); }
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.wp-block-tainacan-related-items .skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-block-gray1, #f2f2f2);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container {
|
||||
position: relative; }
|
||||
.wp-block-tainacan-related-items .related-items-edit-container .skeleton {
|
||||
min-height: 150px; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=tainacan-gutenberg-block-metadata-section-name.css.map */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAEA,gCAAiC;EAC7B,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,IAAI;EAGX,mDAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,oCAAmC;AAI9C,qCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,kCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,gCAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;AAErB,6BAIC;EAHG,EAAE;IAAC,OAAO,EAAE,GAAG;EACf,GAAG;IAAC,OAAO,EAAE,GAAG;EAChB,IAAI;IAAC,OAAO,EAAE,GAAG;EAErB,0CAAU;IACN,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,oCAAmC;IAE/C,iBAAiB,EAAE,qCAAqC;IACxD,cAAc,EAAE,qCAAqC;IACrD,YAAY,EAAE,qCAAqC;IACnD,SAAS,EAAE,qCAAqC;EAIpD,8DAA8B;IAC1B,QAAQ,EAAE,QAAQ;IAElB,wEAAY;MACR,UAAU,EAAE,KAAK",
|
||||
"sources": ["../../views/gutenberg-blocks/blocks/related-items-list/style.scss"],
|
||||
"mappings": "",
|
||||
"sources": [],
|
||||
"names": [],
|
||||
"file": "tainacan-gutenberg-block-metadata-section-name.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
export default __webpack_public_path__ + "8f2c4d11474275fbc1614b9098334eae.png";
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 696 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -0,0 +1 @@
|
|||
export default __webpack_public_path__ + "416d91365b44e4b4f4777663e6f009f3.png";
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
|
|
@ -0,0 +1 @@
|
|||
export default __webpack_public_path__ + "2b3e1faf89f94a4835397e7a43b4f77d.png";
|
||||
|
|
@ -26,6 +26,10 @@ class REST_Exporters_Controller extends REST_Controller {
|
|||
add_action('init', array(&$this, 'init_objects'), 11);
|
||||
}
|
||||
|
||||
public function __destruct() {
|
||||
session_write_close();
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize objects after post_type register
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -11,124 +11,126 @@ use Tainacan\Entities;
|
|||
*
|
||||
* */
|
||||
class REST_Importers_Controller extends REST_Controller {
|
||||
private $collections_repository;
|
||||
private $collection;
|
||||
private $collections_repository;
|
||||
private $collection;
|
||||
|
||||
/**
|
||||
* REST_Importers_Controller constructor.
|
||||
* Define the namespace, rest base and instantiate your attributes.
|
||||
*/
|
||||
public function __construct(){
|
||||
$this->rest_base = 'importers';
|
||||
if (session_status() == PHP_SESSION_NONE) {
|
||||
@session_start(); // @ avoids Warnings when running phpunit tests
|
||||
}
|
||||
$this->rest_base = 'importers';
|
||||
if (session_status() == PHP_SESSION_NONE) {
|
||||
@session_start(); // @ avoids Warnings when running phpunit tests
|
||||
}
|
||||
parent::__construct();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
public function __destruct() {
|
||||
session_write_close();
|
||||
}
|
||||
/**
|
||||
* Register the collections route and their endpoints
|
||||
*/
|
||||
public function register_routes(){
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session', array(
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'create_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
'args' => [
|
||||
'importer_slug' => [
|
||||
'type' => 'string',
|
||||
'description' => __( 'The slug of the importer to be initialized', 'tainacan' ),
|
||||
]
|
||||
],
|
||||
),
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::EDITABLE,
|
||||
'callback' => array($this, 'update_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
'args' => [
|
||||
'url' => [
|
||||
'type' => 'string',
|
||||
'description' => __( 'The URL to be used by the importer', 'tainacan' ),
|
||||
],
|
||||
'collection' => [
|
||||
'type' => ['array','object'],
|
||||
'description' => __( 'The array describing the destination collection as expected by the importer', 'tainacan' ),
|
||||
],
|
||||
'options' => [
|
||||
'type' => ['array', 'object'],
|
||||
'description' => __( 'The importer options', 'tainacan' ),
|
||||
]
|
||||
],
|
||||
),
|
||||
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session', array(
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'create_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
'args' => [
|
||||
'importer_slug' => [
|
||||
'type' => 'string',
|
||||
'description' => __( 'The slug of the importer to be initialized', 'tainacan' ),
|
||||
]
|
||||
],
|
||||
),
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::EDITABLE,
|
||||
'callback' => array($this, 'update_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
'args' => [
|
||||
'url' => [
|
||||
'type' => 'string',
|
||||
'description' => __( 'The URL to be used by the importer', 'tainacan' ),
|
||||
],
|
||||
'collection' => [
|
||||
'type' => ['array','object'],
|
||||
'description' => __( 'The array describing the destination collection as expected by the importer', 'tainacan' ),
|
||||
],
|
||||
'options' => [
|
||||
'type' => ['array', 'object'],
|
||||
'description' => __( 'The importer options', 'tainacan' ),
|
||||
]
|
||||
],
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/file', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'add_file'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/source_info', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'source_info'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/file', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'add_file'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/source_info', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'source_info'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/get_mapping/(?P<collection_id>[0-9a-f]+)', array(
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/get_mapping/(?P<collection_id>[0-9a-f]+)', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_saved_mapping'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_saved_mapping'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_item'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/run', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'run'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/session/(?P<session_id>[0-9a-f]+)/run', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'run'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/available', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_registered_importers'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base . '/available', array(
|
||||
|
||||
array(
|
||||
'methods' => \WP_REST_Server::READABLE,
|
||||
'callback' => array($this, 'get_registered_importers'),
|
||||
'permission_callback' => array($this, 'import_permissions_check'),
|
||||
),
|
||||
|
||||
));
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
|
|
@ -139,8 +141,8 @@ class REST_Importers_Controller extends REST_Controller {
|
|||
* @throws \Exception
|
||||
*/
|
||||
public function import_permissions_check($request){
|
||||
// TODO
|
||||
return true;
|
||||
// TODO
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -159,21 +161,21 @@ class REST_Importers_Controller extends REST_Controller {
|
|||
], 400);
|
||||
}
|
||||
|
||||
$slug = $body['importer_slug'];
|
||||
$slug = $body['importer_slug'];
|
||||
|
||||
global $Tainacan_Importer_Handler;
|
||||
global $Tainacan_Importer_Handler;
|
||||
|
||||
if ($object = $Tainacan_Importer_Handler->initialize_importer($slug)) {
|
||||
$response = $object->_to_Array();
|
||||
if ($object = $Tainacan_Importer_Handler->initialize_importer($slug)) {
|
||||
$response = $object->_to_Array();
|
||||
$Tainacan_Importer_Handler->save_importer_instance($object);
|
||||
return new \WP_REST_Response($response, 201);
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
return new \WP_REST_Response($response, 201);
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer not found', 'tainacan'),
|
||||
], 400);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Update a collection
|
||||
|
|
@ -183,202 +185,202 @@ class REST_Importers_Controller extends REST_Controller {
|
|||
* @return string|\WP_Error|\WP_REST_Response
|
||||
*/
|
||||
public function update_item( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
$body = json_decode($request->get_body(), true);
|
||||
$session_id = $request['session_id'];
|
||||
$body = json_decode($request->get_body(), true);
|
||||
|
||||
if (!empty($body)) {
|
||||
$attributes = [];
|
||||
if (!empty($body)) {
|
||||
$attributes = [];
|
||||
|
||||
foreach ($body as $att => $value){
|
||||
$attributes[$att] = $value;
|
||||
}
|
||||
foreach ($body as $att => $value){
|
||||
$attributes[$att] = $value;
|
||||
}
|
||||
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
|
||||
if ($importer) {
|
||||
foreach ($body as $att => $value) {
|
||||
if ($att == 'collection') {
|
||||
if (is_array($value) && isset($value['id'])) {
|
||||
if ($importer->add_collection($value) === false ) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Error while creating metadatum, please review the metadatum description.', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
continue;
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Invalid collection', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
}
|
||||
|
||||
$method = 'set_' . $att;
|
||||
if (method_exists($importer, $method)) {
|
||||
$importer->$method($value);
|
||||
}
|
||||
}
|
||||
if ($importer) {
|
||||
foreach ($body as $att => $value) {
|
||||
if ($att == 'collection') {
|
||||
if (is_array($value) && isset($value['id'])) {
|
||||
if ($importer->add_collection($value) === false ) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Error while creating metadatum, please review the metadatum description.', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
continue;
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Invalid collection', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
}
|
||||
|
||||
$method = 'set_' . $att;
|
||||
if (method_exists($importer, $method)) {
|
||||
$importer->$method($value);
|
||||
}
|
||||
}
|
||||
|
||||
$response = $importer->_to_Array();
|
||||
$response = $importer->_to_Array();
|
||||
$Tainacan_Importer_Handler->save_importer_instance($importer);
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('The body cannot be empty', 'tainacan'),
|
||||
'body' => $body
|
||||
], 400);
|
||||
}
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('The body cannot be empty', 'tainacan'),
|
||||
'body' => $body
|
||||
], 400);
|
||||
}
|
||||
|
||||
|
||||
public function source_info( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
public function source_info( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
$response = [
|
||||
'source_metadata' => false,
|
||||
'source_total_items' => false,
|
||||
'source_special_fields' => false
|
||||
];
|
||||
$response = [
|
||||
'source_metadata' => false,
|
||||
'source_total_items' => false,
|
||||
'source_special_fields' => false
|
||||
];
|
||||
|
||||
if ( method_exists($importer, 'get_source_metadata') ) {
|
||||
$response['source_metadata'] = $importer->get_source_metadata();
|
||||
}
|
||||
if ( method_exists($importer, 'get_source_metadata') ) {
|
||||
$response['source_metadata'] = $importer->get_source_metadata();
|
||||
}
|
||||
|
||||
if ( method_exists($importer, 'get_source_number_of_items') ) {
|
||||
$response['source_total_items'] = $importer->get_source_number_of_items();
|
||||
}
|
||||
if ( method_exists($importer, 'get_source_number_of_items') ) {
|
||||
$response['source_total_items'] = $importer->get_source_number_of_items();
|
||||
}
|
||||
|
||||
if ( method_exists($importer, 'get_source_special_fields') ) {
|
||||
$response['source_special_fields'] = $importer->get_source_special_fields();
|
||||
}
|
||||
$Tainacan_Importer_Handler->save_importer_instance($importer);
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
if ( method_exists($importer, 'get_source_special_fields') ) {
|
||||
$response['source_special_fields'] = $importer->get_source_special_fields();
|
||||
}
|
||||
$Tainacan_Importer_Handler->save_importer_instance($importer);
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
public function get_saved_mapping( $request ){
|
||||
$session_id = $request['session_id'];
|
||||
$collection_id = $request['collection_id'];
|
||||
public function get_saved_mapping( $request ){
|
||||
$session_id = $request['session_id'];
|
||||
$collection_id = $request['collection_id'];
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
$response = false;
|
||||
$response = false;
|
||||
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
if ( method_exists($importer, 'get_mapping') ) {
|
||||
$response = $importer->get_mapping($collection_id);
|
||||
}
|
||||
if ( method_exists($importer, 'get_mapping') ) {
|
||||
$response = $importer->get_mapping($collection_id);
|
||||
}
|
||||
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
}
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
}
|
||||
|
||||
public function get_item( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
public function get_item( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
$response = $importer->_to_Array();
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
$response = $importer->_to_Array();
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
public function add_file( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
public function add_file( $request ) {
|
||||
$session_id = $request['session_id'];
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
$files = $request->get_file_params();
|
||||
$headers = $request->get_headers();
|
||||
$files = $request->get_file_params();
|
||||
$headers = $request->get_headers();
|
||||
|
||||
if ( isset($files['file']) && $importer->add_file($files['file']) ) {
|
||||
$response = $importer->_to_Array();
|
||||
if ( isset($files['file']) && $importer->add_file($files['file']) ) {
|
||||
$response = $importer->_to_Array();
|
||||
$Tainacan_Importer_Handler->save_importer_instance($importer);
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Failed to upload file', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
} else {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Failed to upload file', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
public function run($request) {
|
||||
$session_id = $request['session_id'];
|
||||
public function run($request) {
|
||||
$session_id = $request['session_id'];
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importer = $Tainacan_Importer_Handler->get_importer_instance_by_session_id($session_id);
|
||||
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if(!$importer) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Importer Session not found', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
global $Tainacan_Importer_Handler;
|
||||
global $Tainacan_Importer_Handler;
|
||||
|
||||
$process = $Tainacan_Importer_Handler->add_to_queue($importer);
|
||||
$process = $Tainacan_Importer_Handler->add_to_queue($importer);
|
||||
|
||||
if (false === $process) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Error starting importer', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
if (false === $process) {
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => __('Error starting importer', 'tainacan' ),
|
||||
'session_id' => $session_id
|
||||
], 400);
|
||||
}
|
||||
|
||||
$response = [
|
||||
'bg_process_id' => $process->ID
|
||||
];
|
||||
$response = [
|
||||
'bg_process_id' => $process->ID
|
||||
];
|
||||
$Tainacan_Importer_Handler->delete_importer_instance($importer);
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
return new \WP_REST_Response( $response, 200 );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
public function get_registered_importers() {
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importers = $Tainacan_Importer_Handler->get_registered_importers();
|
||||
return new \WP_REST_Response( $importers, 200 );
|
||||
}
|
||||
public function get_registered_importers() {
|
||||
global $Tainacan_Importer_Handler;
|
||||
$importers = $Tainacan_Importer_Handler->get_registered_importers();
|
||||
return new \WP_REST_Response( $importers, 200 );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -630,6 +630,10 @@ class REST_Items_Controller extends REST_Controller {
|
|||
|
||||
$query_start = microtime(true);
|
||||
|
||||
if(isset($request['geoquery'])) {
|
||||
$args['geoquery'] = $request['geoquery'];
|
||||
}
|
||||
|
||||
$items = $this->items_repository->fetch($args, $collection_id, 'WP_Query');
|
||||
|
||||
// Filter right after the ->fetch() method. Elastic Search integration relies on this on its 'last_aggregations' hook
|
||||
|
|
|
|||
|
|
@ -55,6 +55,9 @@ class REST_Metadata_Types_Controller extends REST_Controller {
|
|||
'preview_template' => [
|
||||
'type' => 'string'
|
||||
],
|
||||
'sortable' => [
|
||||
'type' => 'boolean'
|
||||
],
|
||||
]
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -545,7 +545,7 @@ class CSV extends Importer {
|
|||
$id = $TainacanMedia->insert_attachment_from_file($server_path_files . $correct_value, $item_inserted->get_id());
|
||||
|
||||
if(!$id) {
|
||||
$this->add_error_log('Error in Document file imported from server ' . $correct_value);
|
||||
$this->add_error_log('Error in Document file imported from server ' . $server_path_files . $correct_value);
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -604,7 +604,7 @@ class CSV extends Importer {
|
|||
$id = $TainacanMedia->insert_attachment_from_file($server_path_files . $attachment, $item_inserted->get_id());
|
||||
|
||||
if(!$id) {
|
||||
$this->add_log('Error in Attachment file imported from server ' . $attachment);
|
||||
$this->add_log('Error in Attachment file imported from server ' . $server_path_files . $attachment);
|
||||
continue;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -393,62 +393,21 @@ class Metadata_Sections extends Repository {
|
|||
return false;
|
||||
}
|
||||
|
||||
public function get_default_section_metadata_object_list (Entities\Collection $collection, $args = []) {
|
||||
public function get_default_section_metadata_object_list(Entities\Collection $collection, $args = []) {
|
||||
$metadata_repository = \Tainacan\Repositories\Metadata::get_instance();
|
||||
$metadata_sections_ids = $this->fetch_ids();
|
||||
$collection_metadata_sections_id = array_diff(array_map(function($el) {return $el->get_id();} , $this->fetch_by_collection($collection)), [\Tainacan\Entities\Metadata_Section::$default_section_slug]);
|
||||
|
||||
if ( empty($collection_metadata_sections_id) ) {
|
||||
$not_post_ids = [];
|
||||
} else {
|
||||
$args_exclude = array(
|
||||
'meta_query' => array(
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
array(
|
||||
'key' => 'collection_id',
|
||||
'value' => 'default',
|
||||
'compare' => '='
|
||||
),
|
||||
array(
|
||||
'key' => 'metadata_section_id',
|
||||
'value' => $collection_metadata_sections_id,
|
||||
'compare' => 'IN'
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
$list_exclude = $metadata_repository->fetch_by_collection($collection, $args_exclude);
|
||||
$not_post_ids = array_map(function($el) { return $el->get_id(); }, $list_exclude);
|
||||
}
|
||||
|
||||
$args = array_merge(
|
||||
$args,
|
||||
array(
|
||||
'post__not_in' => $not_post_ids,
|
||||
'meta_query' => array(
|
||||
array(
|
||||
'relation' => 'OR',
|
||||
array(
|
||||
'key' => 'metadata_section_id',
|
||||
'value' => \Tainacan\Entities\Metadata_Section::$default_section_slug,
|
||||
'compare' => '='
|
||||
),
|
||||
array(
|
||||
'key' => 'metadata_section_id',
|
||||
'compare' => 'NOT EXISTS'
|
||||
),
|
||||
array(
|
||||
'key' => 'metadata_section_id',
|
||||
'value' => $metadata_sections_ids,
|
||||
'compare' => 'NOT IN'
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
$metadata_list = $metadata_repository->fetch_by_collection($collection, $args);
|
||||
$list_all_metadatas = $metadata_repository->fetch_by_collection($collection, $args);
|
||||
$sections_ids = array_map(function($el) {return $el->get_id();} , $this->fetch_by_collection($collection, ['posts_per_page' => - 1]));
|
||||
$metadata_list = array_filter($list_all_metadatas, function($meta) use ($sections_ids) {
|
||||
$metadata_section_id = $meta->get_metadata_section_id();
|
||||
if( !isset($metadata_section_id) ) return true;
|
||||
if( !is_array($metadata_section_id) ) {
|
||||
return $metadata_section_id == \Tainacan\Entities\Metadata_Section::$default_section_slug;
|
||||
}
|
||||
$diff = array_filter(array_intersect($sections_ids, $metadata_section_id), function($el) {
|
||||
return $el != \Tainacan\Entities\Metadata_Section::$default_section_slug;
|
||||
});
|
||||
return count( $diff ) == 0;
|
||||
});
|
||||
return $metadata_list;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,9 @@ class Theme_Helper {
|
|||
|
||||
private function __construct() {
|
||||
|
||||
add_filter( 'the_content', [$this, 'the_content_filter'] );
|
||||
if ( !defined('TAINACAN_DISABLE_ITEM_THE_CONTENT_FILTER') || true !== TAINACAN_DISABLE_ITEM_THE_CONTENT_FILTER ) {
|
||||
add_filter( 'the_content', [$this, 'the_content_filter'] );
|
||||
}
|
||||
|
||||
// Replace collections permalink to post type archive if cover not enabled
|
||||
add_filter('post_type_link', array($this, 'permalink_filter'), 10, 3);
|
||||
|
|
@ -113,6 +115,21 @@ class Theme_Helper {
|
|||
'implements_skeleton' => true,
|
||||
'requires_thumbnail' => false
|
||||
]);
|
||||
$this->register_view_mode('map', [
|
||||
'label' => __('Map', 'tainacan'),
|
||||
'dynamic_metadata' => true,
|
||||
'description' => 'A map view, for displaying items that have geocoordinate metadata.',
|
||||
'icon' => '<span class="icon">
|
||||
<i>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="var(--tainacan-info-color, #555758)" width="1.25em" height="1.25em">
|
||||
<path d="M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>',
|
||||
'type' => 'component',
|
||||
'implements_skeleton' => true,
|
||||
'requires_thumbnail' => false
|
||||
]);
|
||||
}
|
||||
|
||||
public function is_post_an_item(\WP_Post $post) {
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ Plugin Name: Tainacan
|
|||
Plugin URI: https://tainacan.org/
|
||||
Description: Open source, powerful and flexible repository platform for WordPress. Manage and publish you digital collections as easily as publishing a post to your blog, while having all the tools of a professional repository platform.
|
||||
Author: Tainacan.org
|
||||
Version: 0.19.3
|
||||
Version: 0.20.0-beta
|
||||
Requires at least: 5.0
|
||||
Tested up to: 6.1
|
||||
Requires PHP: 5.6
|
||||
|
|
@ -14,7 +14,7 @@ License: GPLv2 or later
|
|||
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
*/
|
||||
|
||||
const TAINACAN_VERSION = '0.19.3';
|
||||
const TAINACAN_VERSION = '0.20.0-beta';
|
||||
|
||||
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
|
||||
$TAINACAN_BASE_URL = plugins_url('', __FILE__);
|
||||
|
|
|
|||
|
|
@ -719,7 +719,7 @@ export default {
|
|||
enabled_view_modes: [],
|
||||
default_view_mode: [],
|
||||
default_order: 'ASC',
|
||||
default_orderby: 'creation_date',
|
||||
default_orderby: 'date',
|
||||
allow_comments: 'closed',
|
||||
allows_submission: 'no',
|
||||
submission_default_status: 'draft',
|
||||
|
|
@ -756,7 +756,7 @@ export default {
|
|||
metadataSearchCancel: undefined,
|
||||
isLoadingMetadata: true,
|
||||
sortingMetadata: [],
|
||||
localDefaultOrderBy: 'creation_date'
|
||||
localDefaultOrderBy: 'date'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -1238,7 +1238,8 @@ export default {
|
|||
'Tainacan\\Metadata_Types\\Taxonomy',
|
||||
'Tainacan\\Metadata_Types\\Relationship',
|
||||
'Tainacan\\Metadata_Types\\Compound',
|
||||
'Tainacan\\Metadata_Types\\User'
|
||||
'Tainacan\\Metadata_Types\\User',
|
||||
'Tainacan\\Metadata_Types\\GeoCoordinate'
|
||||
]
|
||||
}]
|
||||
}).then((resp) => {
|
||||
|
|
@ -1251,8 +1252,8 @@ export default {
|
|||
this.sortingMetadata.push({
|
||||
name: this.$i18n.get('label_creation_date'),
|
||||
metadata_type: undefined,
|
||||
slug: 'creation_date',
|
||||
id: 'creation_date'
|
||||
slug: 'date',
|
||||
id: 'date'
|
||||
});
|
||||
|
||||
// Updates localDefaultOrder variable that needs only the ID of the metadata
|
||||
|
|
|
|||
|
|
@ -1729,6 +1729,7 @@ export default {
|
|||
},
|
||||
handleWindowResize: _.debounce( function() {
|
||||
this.$nextTick(() => {
|
||||
eventBusItemMetadata.$emit('itemEditionFormResize');
|
||||
if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth)
|
||||
this.isMobileScreen = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 768;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -22,282 +22,286 @@
|
|||
class="tainacan-form"
|
||||
:class="'tainacan-metadatum-edition-form--type-' + form.metadata_type_object.component">
|
||||
<div class="options-columns">
|
||||
<b-field
|
||||
:addons="false"
|
||||
:type="formErrors['name'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['name'] != undefined ? formErrors['name'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_name') }}
|
||||
<span
|
||||
class="required-metadatum-asterisk"
|
||||
:class="formErrors['name'] != undefined ? 'is-danger' : ''">*</span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'name')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'name')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.name"
|
||||
name="name"
|
||||
@focus="clearErrors('name')"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template
|
||||
v-if="hasBeginLeftForm">
|
||||
<form
|
||||
id="form-metadatum-begin-left"
|
||||
class="form-hook-region"
|
||||
v-html="getBeginLeftForm"/>
|
||||
</template>
|
||||
|
||||
<b-field
|
||||
:addons="false"
|
||||
:type="formErrors['description'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['description'] != undefined ? formErrors['description'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_description') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'description')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'description')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
type="textarea"
|
||||
name="description"
|
||||
rows="3"
|
||||
v-model="form.description"
|
||||
@focus="clearErrors('description')"/>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.getHelperTitle('metadata', 'description_bellow_name')"
|
||||
:type="formErrors['description_bellow_name'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['description_bellow_name'] != undefined ? formErrors['description_bellow_name'] : ''">
|
||||
|
||||
<b-switch
|
||||
size="is-small"
|
||||
@input="clearErrors('description_bellow_name')"
|
||||
v-model="form.description_bellow_name"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
name="description_bellow_name">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'description_bellow_name')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'description_bellow_name')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-switch>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="form.metadata_type_object.component != 'tainacan-compound'"
|
||||
:addons="false"
|
||||
:type="formErrors['placeholder'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['placeholder'] != undefined ? formErrors['placeholder'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('metadata', 'placeholder') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'placeholder')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'placeholder')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.placeholder"
|
||||
name="placeholder"
|
||||
@focus="clearErrors('placeholder')"/>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="form.parent == 0"
|
||||
:addons="false"
|
||||
:type="formErrors['status'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['status'] != undefined ? formErrors['status'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_status') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'status')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'status')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<div class="is-flex is-justify-content-space-between">
|
||||
<b-radio
|
||||
@focus="clearErrors('label_status')"
|
||||
id="tainacan-select-status-publish"
|
||||
name="status"
|
||||
v-model="form.status"
|
||||
native-value="publish">
|
||||
<span class="icon has-text-gray3">
|
||||
<i class="tainacan-icon tainacan-icon-public"/>
|
||||
</span>
|
||||
{{ $i18n.get('status_public') }}
|
||||
</b-radio>
|
||||
<b-radio
|
||||
@focus="clearErrors('label_status')"
|
||||
id="tainacan-select-status-private"
|
||||
name="status"
|
||||
v-model="form.status"
|
||||
native-value="private">
|
||||
<span class="icon has-text-gray3">
|
||||
<i class="tainacan-icon tainacan-icon-private"/>
|
||||
</span>
|
||||
{{ $i18n.get('status_private') }}
|
||||
</b-radio>
|
||||
</div>
|
||||
</b-field>
|
||||
|
||||
<!-- Display on listing -->
|
||||
<b-field
|
||||
v-if="form.parent == 0"
|
||||
:type="formErrors['display'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['display'] != undefined ? formErrors['display'] : ''"
|
||||
:addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_display') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'display')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'display')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-select
|
||||
expanded
|
||||
v-model="form.display"
|
||||
@input="clearErrors('display')">
|
||||
<option value="yes">
|
||||
{{ $i18n.get('label_display_default') }}
|
||||
</option>
|
||||
<option value="no">
|
||||
{{ $i18n.get('label_not_display') }}
|
||||
</option>
|
||||
<option value="never">
|
||||
{{ $i18n.get('label_display_never') }}
|
||||
</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false">
|
||||
<label class="label is-inline">{{ $i18n.get('label_insert_options') }}</label>
|
||||
|
||||
<section>
|
||||
<b-field
|
||||
v-if="form.metadata_type_object.component != 'tainacan-compound' && (form.parent == 0 || (form.parent != 0 && !isParentMultiple))"
|
||||
:type="formErrors['required'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['required'] != undefined ? formErrors['required'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('required')"
|
||||
v-model="form.required"
|
||||
:addons="false"
|
||||
:type="formErrors['name'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['name'] != undefined ? formErrors['name'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_name') }}
|
||||
<span
|
||||
class="required-metadatum-asterisk"
|
||||
:class="formErrors['name'] != undefined ? 'is-danger' : ''">*</span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'name')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'name')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.name"
|
||||
name="name"
|
||||
@focus="clearErrors('name')"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template
|
||||
v-if="hasBeginLeftForm">
|
||||
<form
|
||||
id="form-metadatum-begin-left"
|
||||
class="form-hook-region"
|
||||
v-html="getBeginLeftForm"/>
|
||||
</template>
|
||||
|
||||
<b-field
|
||||
:addons="false"
|
||||
:type="formErrors['description'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['description'] != undefined ? formErrors['description'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_description') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'description')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'description')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
type="textarea"
|
||||
name="description"
|
||||
rows="3"
|
||||
v-model="form.description"
|
||||
@focus="clearErrors('description')"/>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.getHelperTitle('metadata', 'description_bellow_name')"
|
||||
:type="formErrors['description_bellow_name'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['description_bellow_name'] != undefined ? formErrors['description_bellow_name'] : ''">
|
||||
|
||||
<b-switch
|
||||
size="is-small"
|
||||
@input="clearErrors('description_bellow_name')"
|
||||
v-model="form.description_bellow_name"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="required">
|
||||
{{ $i18n.get('label_required') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'required')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'required')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
name="description_bellow_name">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'description_bellow_name')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'description_bellow_name')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-switch>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="form.metadata_type_object.component != 'tainacan-compound'"
|
||||
:type="formErrors['collection_key'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['collection_key'] != undefined ? formErrors['collection_key'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('collection_key')"
|
||||
v-model="form.collection_key"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="collection_key">
|
||||
{{ $i18n.get('label_unique_value') }}
|
||||
:addons="false"
|
||||
:type="formErrors['placeholder'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['placeholder'] != undefined ? formErrors['placeholder'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('metadata', 'placeholder') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'collection_key')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'collection_key')"
|
||||
:title="$i18n.getHelperTitle('metadata', 'placeholder')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'placeholder')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.placeholder"
|
||||
name="placeholder"
|
||||
@focus="clearErrors('placeholder')"/>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="form.parent == 0"
|
||||
:addons="false"
|
||||
:type="formErrors['status'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['status'] != undefined ? formErrors['status'] : ''">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_status') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'status')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'status')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<div class="is-flex is-justify-content-space-between">
|
||||
<b-radio
|
||||
@focus="clearErrors('label_status')"
|
||||
id="tainacan-select-status-publish"
|
||||
name="status"
|
||||
v-model="form.status"
|
||||
native-value="publish">
|
||||
<span class="icon has-text-gray3">
|
||||
<i class="tainacan-icon tainacan-icon-public"/>
|
||||
</span>
|
||||
{{ $i18n.get('status_public') }}
|
||||
</b-radio>
|
||||
<b-radio
|
||||
@focus="clearErrors('label_status')"
|
||||
id="tainacan-select-status-private"
|
||||
name="status"
|
||||
v-model="form.status"
|
||||
native-value="private">
|
||||
<span class="icon has-text-gray3">
|
||||
<i class="tainacan-icon tainacan-icon-private"/>
|
||||
</span>
|
||||
{{ $i18n.get('status_private') }}
|
||||
</b-radio>
|
||||
</div>
|
||||
</b-field>
|
||||
|
||||
<!-- Display on listing -->
|
||||
<b-field
|
||||
v-if="form.parent == 0"
|
||||
:type="formErrors['display'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['display'] != undefined ? formErrors['display'] : ''"
|
||||
:addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_display') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'display')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'display')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-select
|
||||
expanded
|
||||
v-model="form.display"
|
||||
@input="clearErrors('display')">
|
||||
<option value="yes">
|
||||
{{ $i18n.get('label_display_default') }}
|
||||
</option>
|
||||
<option value="no">
|
||||
{{ $i18n.get('label_not_display') }}
|
||||
</option>
|
||||
<option value="never">
|
||||
{{ $i18n.get('label_display_never') }}
|
||||
</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false">
|
||||
<label class="label is-inline">{{ $i18n.get('label_insert_options') }}</label>
|
||||
|
||||
<b-field
|
||||
v-if="form.metadata_type_object.component != 'tainacan-compound' && (form.parent == 0 || (form.parent != 0 && !isParentMultiple))"
|
||||
:type="formErrors['required'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['required'] != undefined ? formErrors['required'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('required')"
|
||||
v-model="form.required"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="required">
|
||||
{{ $i18n.get('label_required') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'required')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'required')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="form.metadata_type_object.component != 'tainacan-compound'"
|
||||
:type="formErrors['collection_key'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['collection_key'] != undefined ? formErrors['collection_key'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('collection_key')"
|
||||
v-model="form.collection_key"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="collection_key">
|
||||
{{ $i18n.get('label_unique_value') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'collection_key')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'collection_key')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="!originalMetadatum.metadata_type_object.core && form.parent == 0"
|
||||
:type="formErrors['multiple'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['multiple'] != undefined ? formErrors['multiple'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('multiple')"
|
||||
v-model="form.multiple"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="multiple">
|
||||
{{ $i18n.get('label_allow_multiple') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'multiple')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'multiple')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
|
||||
</b-field>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="!originalMetadatum.metadata_type_object.core && form.parent == 0"
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_limit_max_values')">
|
||||
|
||||
<b-switch
|
||||
size="is-small"
|
||||
:disabled="form.multiple != 'yes'"
|
||||
v-model="showCardinalityOptions" />
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="!originalMetadatum.metadata_type_object.core && form.parent == 0"
|
||||
:type="formErrors['multiple'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['multiple'] != undefined ? formErrors['multiple'] : ''">
|
||||
<b-checkbox
|
||||
@input="clearErrors('multiple')"
|
||||
v-model="form.multiple"
|
||||
true-value="yes"
|
||||
false-value="no"
|
||||
class="is-inline-block"
|
||||
name="multiple">
|
||||
{{ $i18n.get('label_allow_multiple') }}
|
||||
:type="formErrors['cardinality'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['cardinality'] != undefined ? formErrors['cardinality'] : ''"
|
||||
:addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('metadata', 'cardinality') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'multiple')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'multiple')"
|
||||
:title="$i18n.getHelperTitle('metadata', 'cardinality')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'cardinality')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-numberinput
|
||||
:disabled="!showCardinalityOptions || form.multiple != 'yes'"
|
||||
name="cardinality"
|
||||
step="1"
|
||||
min="2"
|
||||
v-model="form.cardinality"/>
|
||||
</b-field>
|
||||
|
||||
<b-field v-if="!isRepositoryLevel && isInsideImporterFlow">
|
||||
<b-checkbox
|
||||
class="is-inline-block"
|
||||
v-model="form.repository_level"
|
||||
@input="clearErrors('repository_level')"
|
||||
name="repository_level"
|
||||
true-value="yes"
|
||||
false-value="no">
|
||||
{{ $i18n.get('label_repository_metadata') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'repository_level')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'repository_level')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
|
||||
</b-field>
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="!originalMetadatum.metadata_type_object.core && form.parent == 0"
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_limit_max_values')">
|
||||
|
||||
<b-switch
|
||||
size="is-small"
|
||||
:disabled="form.multiple != 'yes'"
|
||||
v-model="showCardinalityOptions" />
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
v-if="!originalMetadatum.metadata_type_object.core && form.parent == 0"
|
||||
:type="formErrors['cardinality'] != undefined ? 'is-danger' : ''"
|
||||
:message="formErrors['cardinality'] != undefined ? formErrors['cardinality'] : ''"
|
||||
:addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('metadata', 'cardinality') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'cardinality')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'cardinality')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-numberinput
|
||||
:disabled="!showCardinalityOptions || form.multiple != 'yes'"
|
||||
name="cardinality"
|
||||
step="1"
|
||||
min="2"
|
||||
v-model="form.cardinality"/>
|
||||
</b-field>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<b-field v-if="!isRepositoryLevel && isInsideImporterFlow">
|
||||
<b-checkbox
|
||||
class="is-inline-block"
|
||||
v-model="form.repository_level"
|
||||
@input="clearErrors('repository_level')"
|
||||
name="repository_level"
|
||||
true-value="yes"
|
||||
false-value="no">
|
||||
{{ $i18n.get('label_repository_metadata') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'repository_level')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'repository_level')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</b-checkbox>
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="(form.metadata_type_object && form.metadata_type_object.form_component && form.metadata_type_object.component != 'tainacan-compound') || form.edit_form != ''"
|
||||
class="metadata-form-section"
|
||||
@click="hideMetadataTypeOptions = !hideMetadataTypeOptions;">
|
||||
<span class="icon">
|
||||
<i
|
||||
class="tainacan-icon"
|
||||
:class="!hideMetadataTypeOptions ? 'tainacan-icon-arrowdown' : 'tainacan-icon-arrowright'" />
|
||||
</span>
|
||||
<strong>{{ $i18n.getWithVariables('label_options_of_the_%s_metadata_type', [ form.metadata_type_object.name ]) }}</strong>
|
||||
<hr>
|
||||
</div>
|
||||
<div
|
||||
v-if="(form.metadata_type_object && form.metadata_type_object.form_component && form.metadata_type_object.component != 'tainacan-compound') || form.edit_form != ''"
|
||||
class="metadata-form-section"
|
||||
@click="hideMetadataTypeOptions = !hideMetadataTypeOptions;">
|
||||
<span class="icon">
|
||||
<i
|
||||
class="tainacan-icon"
|
||||
:class="!hideMetadataTypeOptions ? 'tainacan-icon-arrowdown' : 'tainacan-icon-arrowright'" />
|
||||
</span>
|
||||
<strong>{{ $i18n.getWithVariables('label_options_of_the_%s_metadata_type', [ form.metadata_type_object.name ]) }}</strong>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<transition name="filter-item">
|
||||
<div
|
||||
|
|
@ -340,20 +344,22 @@
|
|||
<div
|
||||
v-if="showAdvancedOptions"
|
||||
class="options-columns">
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_semantic_uri') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'semantic_uri')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'semantic_uri')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.semantic_uri"
|
||||
name="semantic_uri"
|
||||
type="url"
|
||||
@focus="clearErrors('semantic_uri')"/>
|
||||
</b-field>
|
||||
<section>
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_semantic_uri') }}
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('metadata', 'semantic_uri')"
|
||||
:message="$i18n.getHelperMessage('metadata', 'semantic_uri')"
|
||||
:extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
|
||||
</label>
|
||||
<b-input
|
||||
v-model="form.semantic_uri"
|
||||
name="semantic_uri"
|
||||
type="url"
|
||||
@focus="clearErrors('semantic_uri')"/>
|
||||
</b-field>
|
||||
</section>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
|
|
@ -535,7 +541,7 @@
|
|||
|
||||
form#metadatumEditForm {
|
||||
|
||||
.options-columns {
|
||||
.options-columns>section {
|
||||
-moz-column-count: 2;
|
||||
-moz-column-gap: 0;
|
||||
-moz-column-rule: 1px solid var(--tainacan-gray1);
|
||||
|
|
|
|||
|
|
@ -1342,6 +1342,471 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MAP VIEW MODE -->
|
||||
<div
|
||||
class="tainacan-leaflet-map-container"
|
||||
v-if="viewMode == 'map'">
|
||||
<ul
|
||||
:class="{ 'hide-items-selection': $adminOptions.hideItemsListSelection }"
|
||||
class="tainacan-map-cards-container">
|
||||
<li
|
||||
:key="item.id"
|
||||
:data-tainacan-item-id="item.id"
|
||||
v-for="item of items"
|
||||
@mouseenter="hoveredMapCardItemId = item.id"
|
||||
@mouseleave="hoveredMapCardItemId = false">
|
||||
<div
|
||||
:class="{
|
||||
'selected-map-card': getSelectedItemChecked(item.id) == true,
|
||||
'clicked-map-card': mapSelectedItemId == item.id,
|
||||
'non-located-item': !itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id)
|
||||
}"
|
||||
class="tainacan-map-card">
|
||||
<!-- Checkbox -->
|
||||
<!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
|
||||
<div
|
||||
v-if="collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit))"
|
||||
:class="{ 'is-selecting': isSelectingItems }"
|
||||
class="map-card-checkbox">
|
||||
<label
|
||||
tabindex="0"
|
||||
:class="(!$adminOptions.itemsSingleSelectionMode ? 'b-checkbox checkbox' : 'b-radio radio') + ' is-small'">
|
||||
<input
|
||||
v-if="!$adminOptions.itemsSingleSelectionMode"
|
||||
type="checkbox"
|
||||
:checked="getSelectedItemChecked(item.id)"
|
||||
@input="setSelectedItemChecked(item.id)">
|
||||
<input
|
||||
v-else
|
||||
type="radio"
|
||||
name="item-single-selection"
|
||||
:value="item.id"
|
||||
v-model="singleItemSelection">
|
||||
<span class="check" />
|
||||
<span class="control-label" />
|
||||
<span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<div
|
||||
class="metadata-title"
|
||||
:style="{
|
||||
'cursor': !itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id) ? 'auto' : 'pointer',
|
||||
'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '1.5em !important' : '2.75em'
|
||||
}"
|
||||
@click.prevent.stop.left="showLocationsByItem(item)"
|
||||
@click.right="onRightClickItem($event, item)">
|
||||
<span
|
||||
v-if="isOnAllItemsTabs && $statusHelper.hasIcon(item.status)"
|
||||
class="icon has-text-gray"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('status_' + item.status),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}">
|
||||
<i
|
||||
class="tainacan-icon tainacan-icon-1em"
|
||||
:class="$statusHelper.getIcon(item.status)"
|
||||
/>
|
||||
</span>
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId != undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.title != undefined ? item.title : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.title != undefined ? item.title : ''" />
|
||||
<div class="tainacan-map-card-thumbnail">
|
||||
<blur-hash-image
|
||||
v-if="item.thumbnail != undefined"
|
||||
class="tainacan-map-card-item-thumbnail"
|
||||
:width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-small', 40)"
|
||||
:height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-small', 40)"
|
||||
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-small')"
|
||||
:src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small', item.document_mimetype)"
|
||||
:srcset="$thumbHelper.getSrcSet(item['thumbnail'], 'tainacan-small', item.document_mimetype)"
|
||||
:alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
|
||||
:transition-duration="500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Actions -->
|
||||
<div
|
||||
v-if="!$adminOptions.hideItemsListActionAreas"
|
||||
class="actions-area"
|
||||
:label="$i18n.get('label_actions')">
|
||||
<a
|
||||
v-if="!isOnTrash && item.current_user_can_edit"
|
||||
id="button-edit"
|
||||
:aria-label="$i18n.getFrom('items','edit_item')"
|
||||
@click.prevent.stop="goToItemEditPage(item)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
:aria-lavel="$i18n.get('label_button_untrash')"
|
||||
@click.prevent.stop="untrashOneItem(item.id)"
|
||||
v-if="isOnTrash && item.current_user_can_edit">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_recover_from_trash'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="item.current_user_can_delete && item.current_user_can_edit"
|
||||
id="button-delete"
|
||||
:aria-label="$i18n.get('label_button_delete')"
|
||||
@click.prevent.stop="deleteOneItem(item.id)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i
|
||||
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
|
||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<l-map
|
||||
:id="'tainacan-admin-view-mode-map'"
|
||||
:ref="'tainacan-admin-view-mode-map'"
|
||||
style="height: 60vh; width: 100%;"
|
||||
:zoom="5"
|
||||
:center="[-14.4086569, -51.31668]"
|
||||
:zoom-animation="true"
|
||||
@ready="onMapReady()"
|
||||
@click="clearSelectedMarkers()"
|
||||
:options="{
|
||||
name: 'tainacan-admin-view-mode-map',
|
||||
zoomControl: false
|
||||
}">
|
||||
<l-tile-layer
|
||||
:url="mapTileUrl"
|
||||
:attribution="mapTileAttribution" />
|
||||
<l-marker
|
||||
v-for="(itemLocation, index) of itemsLocations"
|
||||
:key="index"
|
||||
:lat-lng="itemLocation.location"
|
||||
:opacity="(mapSelectedItemId && itemLocation.item.id != mapSelectedItemId) ? 0.25 : 1.0"
|
||||
@click="showItemByLocation(index)">
|
||||
<l-icon
|
||||
:icon-retina-url="mapIconRetinaUrl"
|
||||
:icon-url="mapIconUrl"
|
||||
:shadow-url="mapIconShadowUrl"
|
||||
:icon-size="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [25, 41] : [16, 28]"
|
||||
:shadow-size="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [41, 41] : [28, 28]"
|
||||
:icon-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [12, 41] : [8, 28]"
|
||||
:tooltip-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [16, -28] : [8, -21]"
|
||||
:popup-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [1, -34] : [1, -25]" />
|
||||
<l-tooltip>
|
||||
<div
|
||||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex">
|
||||
<div
|
||||
v-if="collectionId != undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
style="font-weight: bold;"
|
||||
v-html="(itemLocation.item.metadata != undefined ? renderMetadata(itemLocation.item.metadata, column) : '') + getMultivalueIndicator(itemLocation)" />
|
||||
<div
|
||||
v-if="collectionId != undefined && column.display && column.metadata_type == 'Tainacan\\Metadata_Types\\Compound' && selectedGeocoordinateMetadatum.parent == column.id"
|
||||
v-html="itemLocation.item.metadata != undefined ? renderMetadata(itemLocation.item.metadata, column, itemLocation.multivalueIndex) : ''" />
|
||||
</div>
|
||||
</l-tooltip>
|
||||
</l-marker>
|
||||
<l-control-zoom position="bottomright" />
|
||||
<l-control
|
||||
:disable-scroll-propagation="true"
|
||||
:disable-click-propagation="true"
|
||||
position="topleft">
|
||||
<div class="geocoordinate-panel">
|
||||
<div
|
||||
v-if="Object.keys(geocoordinateMetadata).length"
|
||||
class="geocoordinate-panel--input">
|
||||
<label>{{ $i18n.get('label_showing_locations_for') }} </label>
|
||||
<b-select
|
||||
:placeholder="$i18n.get('instruction_select_geocoordinate_metadatum')"
|
||||
id="tainacan-select-geocoordinate-metatum"
|
||||
v-model="selectedGeocoordinateMetadatumId">
|
||||
<option
|
||||
v-for="(geocoordinateMetadatum, geocoordinateMetadatumId) in geocoordinateMetadata"
|
||||
:key="geocoordinateMetadatum.id"
|
||||
role="button"
|
||||
:class="{ 'is-active': selectedGeocoordinateMetadatumId == geocoordinateMetadatumId }"
|
||||
:value="geocoordinateMetadatumId"
|
||||
@click="onChangeSelectedGeocoordinateMetadatum(geocoordinateMetadatumId)">
|
||||
{{ geocoordinateMetadatum.name }}
|
||||
</option>
|
||||
</b-select>
|
||||
</div>
|
||||
</div>
|
||||
</l-control>
|
||||
<l-control
|
||||
:disable-scroll-propagation="true"
|
||||
:disable-click-propagation="true"
|
||||
v-if="selectedMarkerIndexes.length || mapSelectedItemId"
|
||||
position="topleft"
|
||||
class="tainacan-records-container tainacan-records-container--map">
|
||||
<button
|
||||
:aria-label="$i18n.get('label_clean')"
|
||||
class="tainacan-records-close-button"
|
||||
@click="clearSelectedMarkers()"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_clean'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-close" />
|
||||
</span>
|
||||
</button>
|
||||
<transition-group
|
||||
tag="ul"
|
||||
name="appear">
|
||||
<li
|
||||
:key="item.id"
|
||||
:data-tainacan-item-id="item.id"
|
||||
v-for="item of items.filter(anItem => mapSelectedItemId == anItem.id)">
|
||||
<div class="tainacan-record">
|
||||
|
||||
<!-- Title -->
|
||||
<div class="metadata-title">
|
||||
<span
|
||||
v-if="isOnAllItemsTabs && $statusHelper.hasIcon(item.status)"
|
||||
class="icon has-text-gray"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('status_' + item.status),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}">
|
||||
<i
|
||||
class="tainacan-icon tainacan-icon-1em"
|
||||
:class="$statusHelper.getIcon(item.status)"
|
||||
/>
|
||||
</span>
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId != undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
@click.left="onClickItem($event, item)"
|
||||
@click.right="onRightClickItem($event, item)"
|
||||
v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.title != undefined ? item.title : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
@click.left="onClickItem($event, item)"
|
||||
@click.right="onRightClickItem($event, item)"
|
||||
v-html="item.title != undefined ? item.title : ''" />
|
||||
</div>
|
||||
|
||||
<!-- Actions -->
|
||||
<div
|
||||
v-if="!$adminOptions.hideItemsListActionAreas"
|
||||
class="actions-area"
|
||||
:label="$i18n.get('label_actions')">
|
||||
<a
|
||||
id="button-show-location"
|
||||
v-if="itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id)"
|
||||
:aria-label="$i18n.get('label_show_item_location_on_map')"
|
||||
@click.prevent.stop="showLocationsByItem(item)">
|
||||
<span
|
||||
v-if="selectedGeocoordinateMetadatum.slug"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_show_item_location_on_map'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<svg
|
||||
style="width:24px;height:24px"
|
||||
viewBox="0 0 24 24">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="!isOnTrash && item.current_user_can_edit"
|
||||
id="button-edit"
|
||||
:aria-label="$i18n.getFrom('items','edit_item')"
|
||||
@click.prevent.stop="goToItemEditPage(item)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
:aria-lavel="$i18n.get('label_button_untrash')"
|
||||
@click.prevent.stop="untrashOneItem(item.id)"
|
||||
v-if="isOnTrash && item.current_user_can_edit">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_recover_from_trash'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
v-if="item.current_user_can_delete && item.current_user_can_edit"
|
||||
id="button-delete"
|
||||
:aria-label="$i18n.get('label_button_delete')"
|
||||
@click.prevent.stop="deleteOneItem(item.id)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
|
||||
}"
|
||||
class="icon">
|
||||
<i
|
||||
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
|
||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Remaining metadata -->
|
||||
<div
|
||||
class="media"
|
||||
@click.left="onClickItem($event, item)"
|
||||
@click.right="onRightClickItem($event, item)">
|
||||
<div class="list-metadata media-body">
|
||||
<div class="tainacan-record-thumbnail">
|
||||
<blur-hash-image
|
||||
@click.left="onClickItem($event, item)"
|
||||
@click.right="onRightClickItem($event, item)"
|
||||
v-if="item.thumbnail != undefined"
|
||||
class="tainacan-record-item-thumbnail"
|
||||
:width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-medium-full', 120)"
|
||||
:height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-medium-full', 120)"
|
||||
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-medium-full')"
|
||||
:src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full', item.document_mimetype)"
|
||||
:srcset="$thumbHelper.getSrcSet(item['thumbnail'], 'tainacan-medium-full', item.document_mimetype)"
|
||||
:alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
|
||||
:transition-duration="500"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
:class="{ 'metadata-type-textarea': column.metadata_type_object != undefined && column.metadata_type_object.component == 'tainacan-textarea' }"
|
||||
v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'description')">
|
||||
<h3 class="metadata-label">{{ $i18n.get('label_description') }}</h3>
|
||||
<p
|
||||
v-html="item.description != undefined ? item.description : ''"
|
||||
class="metadata-value"/>
|
||||
</span>
|
||||
<span
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
:class="{ 'metadata-type-textarea': column.metadata_type_object != undefined && column.metadata_type_object.component == 'tainacan-textarea' }"
|
||||
v-if="renderMetadata(item.metadata, column) != '' && column.display && column.slug != 'thumbnail' && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop != 'title')">
|
||||
<h3 class="metadata-label">{{ column.name }}</h3>
|
||||
<p
|
||||
v-html="renderMetadata(item.metadata, column)"
|
||||
class="metadata-value"/>
|
||||
</span>
|
||||
<span
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
v-if="(column.metadatum == 'row_modification' || column.metadatum == 'row_creation' || column.metadatum == 'row_author') && item[column.slug] != undefined">
|
||||
<h3 class="metadata-label">{{ column.name }}</h3>
|
||||
<p
|
||||
v-html="(column.metadatum == 'row_creation' || column.metadatum == 'row_modification') ? parseDateToNavigatorLanguage(item[column.slug]) : item[column.slug]"
|
||||
class="metadata-value"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</transition-group>
|
||||
</l-control>
|
||||
</l-map>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -1353,9 +1818,25 @@ import ItemCopyDialog from '../other/item-copy-dialog.vue';
|
|||
import BulkEditionModal from '../modals/bulk-edition-modal.vue';
|
||||
import Masonry from 'masonry-layout';
|
||||
import { dateInter } from "../../js/mixins";
|
||||
import { LMap, LIcon, LTooltip, LTileLayer, LMarker, LControl, LControlZoom } from 'vue2-leaflet';
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import { latLng } from 'leaflet';
|
||||
import iconUrl from 'leaflet/dist/images/marker-icon.png';
|
||||
import iconRetinaUrl from 'leaflet/dist/images/marker-icon-2x.png';
|
||||
import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
|
||||
import * as LeafletActiveArea from 'leaflet-active-area';
|
||||
|
||||
export default {
|
||||
name: 'ItemsList',
|
||||
components: {
|
||||
LMap,
|
||||
LIcon,
|
||||
LTooltip,
|
||||
LTileLayer,
|
||||
LMarker,
|
||||
LControl,
|
||||
LControlZoom
|
||||
},
|
||||
mixins: [ dateInter ],
|
||||
props: {
|
||||
collectionId: undefined,
|
||||
|
|
@ -1376,7 +1857,18 @@ export default {
|
|||
contextMenuItem: null,
|
||||
singleItemSelection: false,
|
||||
masonry: false,
|
||||
shouldUseLegacyMasonyCols: false
|
||||
shouldUseLegacyMasonyCols: false,
|
||||
latitude: -14.4086569,
|
||||
longitude: -51.31668,
|
||||
mapTileUrl: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
mapTileAttribution: '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors',
|
||||
selectedMarkerIndexes: [],
|
||||
hoveredMapCardItemId: false,
|
||||
mapSelectedItemId: false,
|
||||
mapIconRetinaUrl: iconRetinaUrl,
|
||||
mapIconUrl: iconUrl,
|
||||
mapIconShadowUrl: shadowUrl,
|
||||
selectedGeocoordinateMetadatumId: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -1422,6 +1914,100 @@ export default {
|
|||
isOnAllItemsTabs() {
|
||||
const currentStatus = this.getStatus();
|
||||
return !currentStatus || (currentStatus.indexOf(',') > 0);
|
||||
},
|
||||
itemsLocations() {
|
||||
let locations = [];
|
||||
|
||||
if ( this.viewMode == 'map' && this.selectedGeocoordinateMetadatum.slug && this.items ) {
|
||||
for (let item of this.items) {
|
||||
|
||||
let selectedItemMetadatum = item.metadata[this.selectedGeocoordinateMetadatum.slug];
|
||||
|
||||
// Handle compound metadata child first, as they will not appear in this list by default (they are inside their parents value)
|
||||
if (!selectedItemMetadatum && this.selectedGeocoordinateMetadatum['parent']) {
|
||||
|
||||
const parentSlug = Object.keys(item.metadata).find(aMetadatumSlug => item.metadata[aMetadatumSlug].id == this.selectedGeocoordinateMetadatum['parent']);
|
||||
if (parentSlug) {
|
||||
item.metadata[parentSlug].value.forEach(aCompoundValue => {
|
||||
|
||||
const compoundValues = Array.isArray(aCompoundValue) ? aCompoundValue : [aCompoundValue];
|
||||
compoundValues.forEach(aValue => {
|
||||
if ( aValue['metadatum_id'] == this.selectedGeocoordinateMetadatum['id'] ) {
|
||||
selectedItemMetadatum = {
|
||||
'metadatum_id': aValue['metadatum_id'],
|
||||
'parent_meta_id': aValue['parent_meta_id'],
|
||||
'value': selectedItemMetadatum && selectedItemMetadatum['value'] ? selectedItemMetadatum['value'] : [],
|
||||
'value_as_string': selectedItemMetadatum && selectedItemMetadatum['value_as_string'] ? selectedItemMetadatum['value_as_string'] : [],
|
||||
'value_as_html': selectedItemMetadatum && selectedItemMetadatum['value_as_html'] ? selectedItemMetadatum['value_as_html'] : []
|
||||
}
|
||||
selectedItemMetadatum['value'].push(aValue['value']);
|
||||
selectedItemMetadatum['value_as_string'].push(aValue['value_as_string']);
|
||||
selectedItemMetadatum['value_as_html'].push(aValue['value_as_html']);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Then check if has a single or multi value
|
||||
if (
|
||||
selectedItemMetadatum &&
|
||||
Array.isArray(selectedItemMetadatum.value)
|
||||
) {
|
||||
for (let i = 0; i < selectedItemMetadatum.value.length; i++) {
|
||||
if (selectedItemMetadatum.value[i].split(',').length == 2) {
|
||||
locations.push({
|
||||
item: item,
|
||||
multivalueIndex: i,
|
||||
multivalueTotal: selectedItemMetadatum.value.length,
|
||||
location: latLng(selectedItemMetadatum.value[i].split(','))
|
||||
});
|
||||
}
|
||||
}
|
||||
} else if (
|
||||
selectedItemMetadatum &&
|
||||
typeof selectedItemMetadatum.value.split == 'function' &&
|
||||
selectedItemMetadatum.value.split(',').length == 2
|
||||
) {
|
||||
locations.push({
|
||||
item: item,
|
||||
location: latLng(selectedItemMetadatum.value.split(','))
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
return locations;
|
||||
},
|
||||
geocoordinateMetadata() {
|
||||
let geoMetadata = {};
|
||||
|
||||
this.displayedMetadata.forEach((aMetadatum) => {
|
||||
|
||||
if ( aMetadatum['display'] && aMetadatum['metadata_type'] == 'Tainacan\\Metadata_Types\\GeoCoordinate' )
|
||||
geoMetadata[aMetadatum.id] = aMetadatum;
|
||||
|
||||
if ( aMetadatum['display'] && aMetadatum['metadata_type'] == 'Tainacan\\Metadata_Types\\Compound' &&
|
||||
aMetadatum['metadata_type_options']['children_objects'] && aMetadatum['metadata_type_options']['children_objects'].length
|
||||
) {
|
||||
for ( let i = 0; i < aMetadatum['metadata_type_options']['children_objects'].length; i++ )
|
||||
if ( aMetadatum['metadata_type_options']['children_objects'][i]['metadata_type'] == 'Tainacan\\Metadata_Types\\GeoCoordinate' ) {
|
||||
let childMetadatum = JSON.parse(JSON.stringify(aMetadatum['metadata_type_options']['children_objects'][i]));
|
||||
childMetadatum.name = childMetadatum.name + ' (' + aMetadatum.name + ')';
|
||||
geoMetadata[aMetadatum.id] = childMetadatum;
|
||||
}
|
||||
}
|
||||
});
|
||||
return geoMetadata;
|
||||
},
|
||||
selectedGeocoordinateMetadatum() {
|
||||
if (
|
||||
!Object.keys(this.geocoordinateMetadata).length ||
|
||||
!this.geocoordinateMetadata[this.selectedGeocoordinateMetadatumId]
|
||||
)
|
||||
return false;
|
||||
else
|
||||
return this.geocoordinateMetadata[this.selectedGeocoordinateMetadatumId];
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -1463,6 +2049,35 @@ export default {
|
|||
}
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
itemsLocations() {
|
||||
setTimeout(() => {
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-admin-view-mode-map'] && this.$refs['tainacan-admin-view-mode-map'].mapObject ) {
|
||||
if (this.itemsLocations.length == 1)
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.panInsideBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 48], paddingTopRight: [48, 48] });
|
||||
else
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.flyToBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 48], paddingTopRight: [48, 48] });
|
||||
}
|
||||
}, 500)
|
||||
},
|
||||
selectedGeocoordinateMetadatum() {
|
||||
this.clearSelectedMarkers();
|
||||
},
|
||||
geocoordinateMetadata: {
|
||||
handler() {
|
||||
// Setting default geocoordinate metadatum for map view mode
|
||||
const prefsGeocoordinateMetadatum = !this.isRepositoryLevel ? 'map_view_mode_selected_geocoordinate_metadatum_' + this.collectionId : 'map_view_mode_selected_geocoordinate_metadatum';
|
||||
const geocoordinateMetadataIds = Object.keys(this.geocoordinateMetadata);
|
||||
if (
|
||||
!geocoordinateMetadataIds.length ||
|
||||
!this.$userPrefs.get(prefsGeocoordinateMetadatum) ||
|
||||
!this.geocoordinateMetadata[this.$userPrefs.get(prefsGeocoordinateMetadatum)]
|
||||
)
|
||||
this.selectedGeocoordinateMetadatumId = geocoordinateMetadataIds.length ? geocoordinateMetadataIds[0] : false;
|
||||
else
|
||||
this.selectedGeocoordinateMetadatumId = this.$userPrefs.get(prefsGeocoordinateMetadatum);
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -1723,9 +2338,9 @@ export default {
|
|||
this.clearContextMenu();
|
||||
},
|
||||
selectItem() {
|
||||
if (this.contextMenuItem != null) {
|
||||
if (this.contextMenuItem != null)
|
||||
this.setSelectedItemChecked(this.contextMenuItem.id);
|
||||
}
|
||||
|
||||
this.clearContextMenu();
|
||||
},
|
||||
onClickItem($event, item) {
|
||||
|
|
@ -1787,19 +2402,92 @@ export default {
|
|||
goToItemEditPage(item) {
|
||||
this.$router.push(this.$routerHelper.getItemEditPath(item.collection_id, item.id));
|
||||
},
|
||||
renderMetadata(itemMetadata, column) {
|
||||
renderMetadata(itemMetadata, column, multivalueIndex) {
|
||||
|
||||
let metadata = (itemMetadata != undefined && itemMetadata[column.slug] != undefined) ? itemMetadata[column.slug] : false;
|
||||
|
||||
if (!metadata || itemMetadata == undefined) {
|
||||
if (!metadata || itemMetadata == undefined)
|
||||
return '';
|
||||
} else {
|
||||
return this.viewMode == 'table' ? ('<span class="sr-only">' + column.name + ': </span>' + metadata.value_as_html) : metadata.value_as_html;
|
||||
|
||||
if ( multivalueIndex != undefined && metadata.value[multivalueIndex]) {
|
||||
|
||||
if ( !Array.isArray(metadata.value[multivalueIndex]) && metadata.value[multivalueIndex].value_as_html)
|
||||
return metadata.value[multivalueIndex].value_as_html;
|
||||
|
||||
if ( Array.isArray(metadata.value[multivalueIndex]) ) {
|
||||
let sumOfValuesAsHtml = '';
|
||||
|
||||
metadata.value[multivalueIndex].forEach(aValue => {
|
||||
if (aValue.value_as_html)
|
||||
sumOfValuesAsHtml += aValue.value_as_html + '<br>';
|
||||
})
|
||||
|
||||
return sumOfValuesAsHtml;
|
||||
}
|
||||
}
|
||||
|
||||
return this.viewMode == 'table' ? ('<span class="sr-only">' + column.name + ': </span>' + metadata.value_as_html) : metadata.value_as_html;
|
||||
},
|
||||
getMultivalueIndicator(itemLocation) {
|
||||
if ( itemLocation.multivalueTotal > 1 )
|
||||
return ' <em>(' + (itemLocation.multivalueIndex + 1) + ' of ' + itemLocation.multivalueTotal + ')</em>';
|
||||
else
|
||||
return '';
|
||||
},
|
||||
getLimitedDescription(description) {
|
||||
let maxCharacter = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 480 ? 100 : 210;
|
||||
return description.length > maxCharacter ? description.substring(0, maxCharacter - 3) + '...' : description;
|
||||
},
|
||||
onChangeSelectedGeocoordinateMetadatum(id) {
|
||||
// Setting default geocoordinate metadatum for map view mode
|
||||
const prefsGeocoordinateMetadatum = !this.isRepositoryLevel ? 'map_view_mode_selected_geocoordinate_metadatum_' + this.collectionId : 'map_view_mode_selected_geocoordinate_metadatum';
|
||||
this.$userPrefs.set(prefsGeocoordinateMetadatum, id);
|
||||
},
|
||||
onMapReady() {
|
||||
if ( LeafletActiveArea && this.$refs['tainacan-admin-view-mode-map'] && this.$refs['tainacan-admin-view-mode-map'].mapObject )
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.setActiveArea('leaflet-active-area');
|
||||
},
|
||||
clearSelectedMarkers() {
|
||||
this.mapSelectedItemId = false;
|
||||
this.selectedMarkerIndexes = [];
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-admin-view-mode-map'] && this.$refs['tainacan-admin-view-mode-map'].mapObject ) {
|
||||
if (this.itemsLocations.length == 1)
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.panInsideBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 48], paddingTopRight: [48, 48] });
|
||||
else
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.flyToBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 48], paddingTopRight: [48, 48] });
|
||||
}
|
||||
},
|
||||
showItemByLocation(index) {
|
||||
this.mapSelectedItemId = this.itemsLocations[index].item.id;
|
||||
this.selectedMarkerIndexes = [];
|
||||
this.selectedMarkerIndexes.push(index);
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-admin-view-mode-map'] && this.$refs['tainacan-admin-view-mode-map'].mapObject )
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.panInsideBounds( [ this.itemsLocations[index].location ], { animate: true, maxZoom: 16, paddingTopLeft: [48, 286], paddingTopRight: [48, 48] });
|
||||
},
|
||||
showLocationsByItem(item) {
|
||||
this.mapSelectedItemId = item.id;
|
||||
this.selectedMarkerIndexes = [];
|
||||
|
||||
const selectedLocationsByItem = this.itemsLocations.filter((anItemLocation, index) => {
|
||||
if (anItemLocation.item.id == item.id)
|
||||
this.selectedMarkerIndexes.push(index);
|
||||
return anItemLocation.item.id == item.id;
|
||||
})
|
||||
|
||||
if ( selectedLocationsByItem.length) {
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-admin-view-mode-map'] && this.$refs['tainacan-admin-view-mode-map'].mapObject ) {
|
||||
if (selectedLocationsByItem.length > 1)
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.flyToBounds( selectedLocationsByItem.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 286], paddingTopRight: [48, 48] });
|
||||
else
|
||||
this.$refs['tainacan-admin-view-mode-map'].mapObject.panInsideBounds( selectedLocationsByItem.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16, paddingTopLeft: [48, 286], paddingTopRight: [48, 48] });
|
||||
}
|
||||
} else {
|
||||
this.$buefy.snackbar.open({
|
||||
message: this.$i18n.get('info_non_located_item'),
|
||||
type: 'is-warning',
|
||||
duration: 3000
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1813,6 +2501,7 @@ export default {
|
|||
@import "../../scss/_view-mode-grid.scss";
|
||||
@import "../../scss/_view-mode-records.scss";
|
||||
@import "../../scss/_view-mode-list.scss";
|
||||
@import "../../scss/_view-mode-map.scss";
|
||||
|
||||
// Vue Blurhash transtition effect
|
||||
@import '../../../../../node_modules/vue-blurhash/dist/vue-blurhash.css';
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ class Compound extends Metadata_Type {
|
|||
parent::__construct();
|
||||
$this->set_name( __('Compound', 'tainacan') );
|
||||
$this->set_description( __('A compound metadatum can have groups of values of different types.', 'tainacan') );
|
||||
$this->set_sortable( false );
|
||||
$this->set_primitive_type('compound');
|
||||
$this->set_component('tainacan-compound');
|
||||
$this->set_form_component('tainacan-form-compound');
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ class Core_Description extends Metadata_Type {
|
|||
$this->set_component('tainacan-textarea');
|
||||
$this->set_name( __('Core Description', 'tainacan') );
|
||||
$this->set_description( __('The "Core Description" is a compulsory metadata automatically created for all collections by default. This is the main description displayed in items lists and where the basic research tools will do their searches.', 'tainacan') );
|
||||
$this->set_sortable( false );
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<b-input
|
||||
:id="'tainacan-item-metadatum_id-' + itemMetadatum.metadatum.id + (itemMetadatum.parent_meta_id ? ('_parent_meta_id-' + itemMetadatum.parent_meta_id) : '')"
|
||||
:disabled="disabled"
|
||||
:class="{'is-danger': isInvalidDate && dateValue}"
|
||||
:custom-class="{ 'is-danger': isInvalidDate && dateValue }"
|
||||
type="text"
|
||||
v-mask="dateMask"
|
||||
v-model="dateValue"
|
||||
|
|
@ -51,7 +51,12 @@
|
|||
isInvalidDate: false,
|
||||
}
|
||||
},
|
||||
created(){
|
||||
computed: {
|
||||
isOnItemSubmissionForm() {
|
||||
return !this.itemMetadatum.item || !this.itemMetadatum.item.id;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
if (this.value)
|
||||
this.dateValue = this.parseDateToNavigatorLanguage(this.value);
|
||||
},
|
||||
|
|
@ -66,14 +71,20 @@
|
|||
else if ($event.target.value && $event.target.value.length === this.dateMask.length)
|
||||
dateISO = moment($event.target.value, this.dateFormat).toISOString(true) ? moment($event.target.value, this.dateFormat).toISOString(true).split('T')[0] : false;
|
||||
|
||||
if (dateISO == false){
|
||||
if (dateISO == false) {
|
||||
this.isInvalidDate = true;
|
||||
return;
|
||||
|
||||
if (!this.isOnItemSubmissionForm)
|
||||
this.$emit('input', false);
|
||||
else
|
||||
this.$emit('input', this.dateValue) // On item submission form we keep the error here to allow the server to return the correct format.
|
||||
|
||||
} else {
|
||||
this.isInvalidDate = false;
|
||||
this.$emit('input', dateISO);
|
||||
}
|
||||
|
||||
this.$emit('input', dateISO);
|
||||
|
||||
} else {
|
||||
this.$emit('input', '');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,116 @@
|
|||
<template>
|
||||
<section>
|
||||
<b-field :addons="false" >
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('tainacan-geocoordinate', 'map_provider') }}
|
||||
<span> * </span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('tainacan-geocoordinate', 'map_provider')"
|
||||
:message="$i18n.getHelperMessage('tainacan-geocoordinate', 'map_provider')" />
|
||||
</label>
|
||||
<b-input
|
||||
name="mapProvider"
|
||||
v-model="mapProvider"
|
||||
@input="emitValues()"
|
||||
placeholder="https://tile.openstreetmap.org/{z}/{x}/{y}.png" />
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false" >
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('tainacan-geocoordinate', 'attribution') }}
|
||||
<span> * </span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('tainacan-geocoordinate', 'attribution')"
|
||||
:message="$i18n.getHelperMessage('tainacan-geocoordinate', 'attribution')" />
|
||||
</label>
|
||||
<b-input
|
||||
name="attribution"
|
||||
v-model="attribution"
|
||||
@input="emitValues()"
|
||||
placeholder="© OpenStreetMap contributors" />
|
||||
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false" >
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('tainacan-geocoordinate', 'initial_zoom') }}
|
||||
<span> * </span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('tainacan-geocoordinate', 'initial_zoom')"
|
||||
:message="$i18n.getHelperMessage('tainacan-geocoordinate', 'initial_zoom')" />
|
||||
</label>
|
||||
<b-numberinput
|
||||
name="initialZoom"
|
||||
v-model="initialZoom"
|
||||
@input="emitValues()"
|
||||
:step="1"
|
||||
:max="21"
|
||||
:min="1" />
|
||||
</b-field>
|
||||
|
||||
<b-field
|
||||
:addons="false" >
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('tainacan-geocoordinate', 'maximum_zoom') }}
|
||||
<span> * </span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('tainacan-geocoordinate', 'maximum_zoom')"
|
||||
:message="$i18n.getHelperMessage('tainacan-geocoordinate', 'maximum_zoom')" />
|
||||
</label>
|
||||
<b-numberinput
|
||||
name="maximumZoom"
|
||||
v-model="maximumZoom"
|
||||
@input="emitValues()"
|
||||
:step="1"
|
||||
:max="21"
|
||||
:min="1" />
|
||||
</b-field>
|
||||
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
value: [ String, Object, Array ]
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mapProvider: String,
|
||||
extraTileLayer: [],
|
||||
attribution: String,
|
||||
initialZoom: Number,
|
||||
maximumZoom: Number,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.value) {
|
||||
this.mapProvider = this.value.map_provider || 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
|
||||
this.attribution = this.value.attribution || '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors';
|
||||
this.initialZoom = Number(this.value.initial_zoom) || 5;
|
||||
this.maximumZoom = Number(this.value.maximum_zoom) || 12;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
emitValues(){
|
||||
this.$emit('input',{
|
||||
map_provider: this.mapProvider,
|
||||
attribution: this.attribution,
|
||||
initial_zoom: this.initialZoom,
|
||||
maximum_zoom: this.maximumZoom,
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
section{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tainacan-help-tooltip-trigger {
|
||||
font-size: 1em;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,373 @@
|
|||
<template>
|
||||
<div
|
||||
:id="itemMetadatumIdentifier"
|
||||
class="tainacan-leaflet-map-container">
|
||||
<l-map
|
||||
:id="'map--' + itemMetadatumIdentifier"
|
||||
:ref="'map--' + itemMetadatumIdentifier"
|
||||
style="height: 320px; width:100%;"
|
||||
:zoom="initialZoom"
|
||||
:max-zoom="maxZoom"
|
||||
:center="[-14.4086569, -51.31668]"
|
||||
:zoom-animation="true"
|
||||
@click="onMapClick"
|
||||
:options="{
|
||||
name: 'map--' + itemMetadatumIdentifier,
|
||||
trackResize: false, // We handle this manually in the component
|
||||
worldCopyJump: true
|
||||
}">
|
||||
<l-tile-layer
|
||||
:url="mapProvider"
|
||||
:attribution="attribution" />
|
||||
<l-control position="topright">
|
||||
<div class="geocoordinate-input-panel">
|
||||
<b-input
|
||||
v-if="editingMarkerIndex >= 0"
|
||||
expanded
|
||||
:placeholder="-14.408656999999"
|
||||
type="text"
|
||||
:step="0.000000000001"
|
||||
@input.native="onUpdateFromLatitudeInput"
|
||||
:value="latitude" />
|
||||
<b-input
|
||||
v-if="editingMarkerIndex >= 0"
|
||||
expanded
|
||||
:placeholder="-51.316689999999"
|
||||
type="text"
|
||||
:step="0.000000000001"
|
||||
@input.native="onUpdateFromLongitudeInput"
|
||||
:value="longitude" />
|
||||
<b-button
|
||||
v-if="editingMarkerIndex >= 0"
|
||||
outlined
|
||||
@click="onMarkerRemove(editingMarkerIndex)">
|
||||
<span class="icon is-small">
|
||||
<i class="tainacan-icon has-text-secondary tainacan-icon-remove"/>
|
||||
</span>
|
||||
{{ $i18n.get('remove_point') }}
|
||||
</b-button>
|
||||
<b-button
|
||||
v-if="editingMarkerIndex < 0 && shouldAddMore"
|
||||
outlined
|
||||
@click="addLocation(latitude + ',' + longitude)">
|
||||
<span class="icon is-small">
|
||||
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
|
||||
</span>
|
||||
{{ $i18n.get('add') }}
|
||||
</b-button>
|
||||
</div>
|
||||
</l-control>
|
||||
<l-marker
|
||||
v-for="(markerLatLng, index) of selectedLatLng"
|
||||
:key="index"
|
||||
:draggable="true"
|
||||
:lat-lng="markerLatLng"
|
||||
:opacity="editingMarkerIndex >= 0 && editingMarkerIndex != index ? 0.35 : 1.0"
|
||||
@dragend="($event) => onDragMarker($event, index)"
|
||||
@click="($event) => onMarkerEditingClick($event)" />
|
||||
<l-marker
|
||||
v-if="editingLatLng && editingMarkerIndex < 0 && shouldAddMore"
|
||||
:draggable="true"
|
||||
:lat-lng="editingLatLng"
|
||||
@dragend="($event) => onDragEditingMarker($event)"
|
||||
@click="addLocation(latitude + ',' + longitude)">
|
||||
<l-tooltip :options="{ offset: [16, 0] }">
|
||||
{{ $i18n.get('instruction_click_to_add_a_point') }}
|
||||
</l-tooltip>
|
||||
<l-icon class-name="tainacan-location-marker-add">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
|
||||
</span>
|
||||
</l-icon>
|
||||
</l-marker>
|
||||
</l-map>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { LMap, LIcon, LTooltip, LTileLayer, LMarker, LControl } from 'vue2-leaflet';
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import { Icon, latLng } from 'leaflet';
|
||||
import iconUrl from 'leaflet/dist/images/marker-icon.png';
|
||||
import iconRetinaUrl from 'leaflet/dist/images/marker-icon-2x.png';
|
||||
import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
|
||||
import { eventBusItemMetadata } from '../../../js/event-bus-item-metadata';
|
||||
|
||||
delete Icon.Default.prototype._getIconUrl;
|
||||
Icon.Default.mergeOptions({
|
||||
iconRetinaUrl: iconRetinaUrl,
|
||||
iconUrl: iconUrl,
|
||||
shadowUrl: shadowUrl
|
||||
});
|
||||
|
||||
export default {
|
||||
components: {
|
||||
LMap,
|
||||
LIcon,
|
||||
LTooltip,
|
||||
LTileLayer,
|
||||
LMarker,
|
||||
LControl
|
||||
},
|
||||
props: {
|
||||
itemMetadatum: Object,
|
||||
value: [String, Array],
|
||||
disabled: false,
|
||||
maxtags: '',
|
||||
isLastMetadatum: false
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
editingMarkerIndex: -1,
|
||||
latitude: -14.4086569,
|
||||
longitude: -51.31668,
|
||||
selected: [],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
mapProvider() {
|
||||
return this.itemMetadatum && this.itemMetadatum.metadatum.metadata_type_options && this.itemMetadatum.metadatum.metadata_type_options.map_provider ? this.itemMetadatum.metadatum.metadata_type_options.map_provider : 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
|
||||
},
|
||||
initialZoom() {
|
||||
return this.itemMetadatum && this.itemMetadatum.metadatum.metadata_type_options && this.itemMetadatum.metadatum.metadata_type_options.initial_zoom ? this.itemMetadatum.metadatum.metadata_type_options.initial_zoom : 5;
|
||||
},
|
||||
maxZoom() {
|
||||
return this.itemMetadatum && this.itemMetadatum.metadatum.metadata_type_options && this.itemMetadatum.metadatum.metadata_type_options.maximum_zoom ? this.itemMetadatum.metadatum.metadata_type_options.maximum_zoom : 12;
|
||||
},
|
||||
attribution() {
|
||||
return this.itemMetadatum && this.itemMetadatum.metadatum.metadata_type_options && this.itemMetadatum.metadatum.metadata_type_options.attribution ? this.itemMetadatum.metadatum.metadata_type_options.attribution : '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors';
|
||||
},
|
||||
itemMetadatumIdentifier() {
|
||||
return 'tainacan-item-metadatum_id-' + this.itemMetadatum.metadatum.id + (this.itemMetadatum.parent_meta_id ? ('_parent_meta_id-' + this.itemMetadatum.parent_meta_id) : '');
|
||||
},
|
||||
selectedLatLng() {
|
||||
if ( this.selected && Array.isArray(this.selected) ) {
|
||||
return this.selected.filter((aSelected) => {
|
||||
const coordinates = aSelected.indexOf(',') && aSelected.split(',').length == 2 ? aSelected.split(',') : [-14.4086569, -51.31668];
|
||||
return ( !isNaN(Number(coordinates[0])) && !isNaN(Number(coordinates[1])) );
|
||||
}).map((aSelected) => {
|
||||
const coordinates = aSelected.indexOf(',') && aSelected.split(',').length == 2 ? aSelected.split(',') : [-14.4086569, -51.31668];
|
||||
return latLng(Number(coordinates[0]), Number(coordinates[1]));
|
||||
});
|
||||
}
|
||||
return [];
|
||||
},
|
||||
editingLatLng() {
|
||||
if ( !isNaN(this.latitude) && !isNaN(this.longitude) )
|
||||
return latLng(Number(this.latitude), Number(this.longitude));
|
||||
else
|
||||
return null;
|
||||
},
|
||||
maxMultipleValues() {
|
||||
return (
|
||||
this.itemMetadatum &&
|
||||
this.itemMetadatum.metadatum &&
|
||||
this.itemMetadatum.metadatum.cardinality &&
|
||||
!isNaN(this.itemMetadatum.metadatum.cardinality) &&
|
||||
this.itemMetadatum.metadatum.cardinality > 1
|
||||
) ? this.itemMetadatum.metadatum.cardinality : undefined;
|
||||
},
|
||||
shouldAddMore() {
|
||||
// MaxTags value may come from a preset prop (bulk adition, for example) or from the actual maxMultipleValues setting.
|
||||
const hasMaxTagsValue = ( this.maxtags != undefined ? this.maxtags : (this.itemMetadatum.metadatum.multiple == 'yes' || this.allowNew === true ? (this.maxMultipleValues !== undefined ? this.maxMultipleValues : null) : '1') );
|
||||
// For multivalued metadata without maxMultipleValues, the limit is infinet, so we should let add anyway.
|
||||
return (hasMaxTagsValue !== null ? (this.selected.length < hasMaxTagsValue) : true);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
selectedLatLng: {
|
||||
handler() {
|
||||
this.$nextTick(() => {
|
||||
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
|
||||
if ( this.selectedLatLng.length && this.$refs[mapComponentRef] && this.$refs[mapComponentRef].mapObject ) {
|
||||
if (this.selectedLatLng.length == 1)
|
||||
this.$refs[mapComponentRef].mapObject.panInsideBounds(this.selectedLatLng, { animate: true, maxZoom: this.maxZoom });
|
||||
else
|
||||
this.$refs[mapComponentRef].mapObject.flyToBounds(this.selectedLatLng, { animate: true, maxZoom: this.maxZoom });
|
||||
}
|
||||
});
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.value && this.value != "")
|
||||
this.selected = Array.isArray(this.value) ? (this.value.length == 1 && this.value[0] == "" ? [] : this.value) : [this.value];
|
||||
|
||||
// Listens to window resize event to update map bounds
|
||||
// We need to pass mapComponentRef here instead of creating it inside the function
|
||||
// otherwise the listener would conflict when multiple geo metadata are inserted.
|
||||
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
|
||||
eventBusItemMetadata.$on('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef));
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
this.$nextTick(() => {
|
||||
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
|
||||
this.handleWindowResize(mapComponentRef);
|
||||
});
|
||||
}, 500);
|
||||
},
|
||||
beforeDestroy() {
|
||||
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
|
||||
eventBusItemMetadata.$off('itemEditionFormResize', () => this.handleWindowResize(mapComponentRef));
|
||||
},
|
||||
methods: {
|
||||
onUpdateFromLatitudeInput: _.debounce( function($event) {
|
||||
let newLatitude = $event.target.value;
|
||||
if ( !isNaN(newLatitude) ) {
|
||||
this.latitude = newLatitude;
|
||||
this.onUpdateFromLatitudeAndLongitude();
|
||||
} else {
|
||||
const splitValue = newLatitude.split(',');
|
||||
if (
|
||||
splitValue &&
|
||||
splitValue.length == 2 &&
|
||||
!isNaN(splitValue[0]) &&
|
||||
!isNaN(splitValue[1])
|
||||
) {
|
||||
this.latitude = splitValue[0];
|
||||
this.longitude = splitValue[1];
|
||||
this.onUpdateFromLatitudeAndLongitude();
|
||||
}
|
||||
}
|
||||
}, 250),
|
||||
onUpdateFromLongitudeInput: _.debounce( function($event) {
|
||||
let newLongitude = $event.target.value;
|
||||
|
||||
if ( !isNaN(newLongitude) ) {
|
||||
this.longitude = newLongitude;
|
||||
this.onUpdateFromLatitudeAndLongitude();
|
||||
} else {
|
||||
const splitValue = newLongitude.split(',');
|
||||
if (
|
||||
splitValue &&
|
||||
splitValue.length == 2 &&
|
||||
!isNaN(splitValue[0]) &&
|
||||
!isNaN(splitValue[1])
|
||||
) {
|
||||
this.latitude = splitValue[0];
|
||||
this.longitude = splitValue[1];
|
||||
this.onUpdateFromLatitudeAndLongitude();
|
||||
}
|
||||
}
|
||||
}, 250),
|
||||
onUpdateFromLatitudeAndLongitude() {
|
||||
if (this.editingMarkerIndex >= 0) {
|
||||
this.selected.splice(this.editingMarkerIndex, 1, this.latitude + ',' + this.longitude);
|
||||
this.$emit('input', this.selected);
|
||||
}
|
||||
},
|
||||
onDragMarker($event, index) {
|
||||
if ( $event.target && $event.target['_latlng'] ) {
|
||||
if (this.editingMarkerIndex == index) {
|
||||
this.latitude = $event.target['_latlng']['lat'];
|
||||
this.longitude = $event.target['_latlng']['lng'];
|
||||
}
|
||||
this.selected.splice(index, 1, $event.target['_latlng']['lat'] + ',' + $event.target['_latlng']['lng']);
|
||||
this.$emit('input', this.selected);
|
||||
}
|
||||
},
|
||||
onDragEditingMarker($event) {
|
||||
if ( $event.target && $event.target['_latlng'] ) {
|
||||
this.latitude = $event.target['_latlng']['lat'];
|
||||
this.longitude = $event.target['_latlng']['lng'];
|
||||
}
|
||||
},
|
||||
onMapClick($event) {
|
||||
this.editingMarkerIndex = -1;
|
||||
if ( $event && $event['latlng'] ) {
|
||||
this.latitude = $event['latlng']['lat'];
|
||||
this.longitude = $event['latlng']['lng'];
|
||||
}
|
||||
},
|
||||
onMarkerAdd($event) {
|
||||
this.editingMarkerIndex = -1;
|
||||
if ($event.latlng && this.shouldAddMore) {
|
||||
const newLocationValue = $event.latlng.lat + ',' + $event.latlng.lng;
|
||||
this.addLocation(newLocationValue);
|
||||
}
|
||||
},
|
||||
addLocation(newLocationValue) {
|
||||
const existintSelectedValue = this.selected.indexOf(newLocationValue);
|
||||
if (existintSelectedValue < 0) {
|
||||
this.selected.push(newLocationValue);
|
||||
this.$emit('input', this.selected);
|
||||
this.editingMarkerIndex = this.selected.length - 1;
|
||||
}
|
||||
},
|
||||
onMarkerEditingClick($event) {
|
||||
if ( $event.target && $event.target['_latlng'] ) {
|
||||
this.latitude = $event.target['_latlng']['lat'];
|
||||
this.longitude = $event.target['_latlng']['lng'];
|
||||
|
||||
const existingSelectedIndex = this.selected.indexOf(this.latitude + ',' + this.longitude);
|
||||
this.editingMarkerIndex = existingSelectedIndex;
|
||||
const mapComponentRef = 'map--' + this.itemMetadatumIdentifier;
|
||||
if ( this.$refs[mapComponentRef] && this.$refs[mapComponentRef].mapObject )
|
||||
this.$refs[mapComponentRef].mapObject.panInsideBounds([ this.selectedLatLng[existingSelectedIndex] ], { animate: true, maxZoom: this.maxZoom });
|
||||
}
|
||||
},
|
||||
onMarkerRemove(index) {
|
||||
this.editingMarkerIndex = -1;
|
||||
|
||||
this.latitude = this.selectedLatLng[index].lat;
|
||||
this.longitude = this.selectedLatLng[index].lng;
|
||||
|
||||
this.selected.splice(index, 1);
|
||||
this.$emit('input', this.selected);
|
||||
},
|
||||
handleWindowResize(mapComponentRef) {
|
||||
if ( this.$refs[mapComponentRef] && this.$refs[mapComponentRef].mapObject )
|
||||
this.$refs[mapComponentRef].mapObject.invalidateSize(true);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.tainacan-leaflet-map-container .leaflet-container {
|
||||
border: 1px solid var(--tainacan-input-border-color);
|
||||
border-radius: 3px;
|
||||
|
||||
.leaflet-marker-pane {
|
||||
filter: hue-rotate(-22deg);
|
||||
}
|
||||
.tainacan-location-marker-add {
|
||||
padding: 1.0rem;
|
||||
background: rgba(255,255,255,0.7);
|
||||
border: 2px solid var(--tainacan-secondary);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 100%;
|
||||
font-size: 0.875rem;
|
||||
margin-left: -1.125rem !important;
|
||||
margin-top: -1.125rem !important;
|
||||
}
|
||||
.geocoordinate-input-panel {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
font-size: 1rem;
|
||||
|
||||
&>.field,
|
||||
&>.field>.field-body {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.control {
|
||||
width: 100%;
|
||||
}
|
||||
.button:not(.is-small):not(.is-medium):not(.is-large) {
|
||||
color: var(--tainacan-secondary);
|
||||
border-radius: 0px !important;
|
||||
height: 100% !important;
|
||||
line-height: 1.7rem;
|
||||
background-color: var(--tainacan-input-background-color, #fff) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<?php
|
||||
|
||||
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
|
||||
|
||||
/**
|
||||
* Class TainacanFilterType
|
||||
*/
|
||||
class GeoCoordinate_Helper {
|
||||
use \Tainacan\Traits\Singleton_Instance;
|
||||
static $posts_join= false;
|
||||
static $filter_where= false;
|
||||
|
||||
function init() {
|
||||
$this->init_filters();
|
||||
}
|
||||
|
||||
function init_filters() {
|
||||
add_filter('posts_join', array( &$this, 'posts_join' ), 10, 2);
|
||||
add_filter('posts_where', array( &$this, 'posts_where' ), 10, 2);
|
||||
}
|
||||
|
||||
// join for relationship metadata
|
||||
function posts_join( $join, $wp_query ) {
|
||||
global $wpdb;
|
||||
$args = $wp_query->query;
|
||||
if ($this::$posts_join || !isset($args['geoquery'])) {
|
||||
return $join;
|
||||
}
|
||||
$this::$posts_join = true;
|
||||
$join .= " INNER JOIN $wpdb->postmeta AS mtgeoquery ON ( wp_posts.ID = mtgeoquery.post_id ) ";
|
||||
remove_filter('posts_join', [$this, 'relationships_join']);
|
||||
return $join;
|
||||
}
|
||||
|
||||
public function posts_where($where, $wp_query) {
|
||||
$args = $wp_query->query;
|
||||
|
||||
if ($this::$filter_where || !isset($args['geoquery'])) {
|
||||
return $where;
|
||||
}
|
||||
$this::$filter_where = true;
|
||||
$geoquery = $args['geoquery'];
|
||||
$where_geo = [];
|
||||
foreach($geoquery as $params) {
|
||||
switch ($params['compare']) {
|
||||
case 'DISTANCE':
|
||||
$point = $params['point'];
|
||||
$distance = $params['distance'];
|
||||
$key = $params['key'];
|
||||
$where_geo[] = "
|
||||
(
|
||||
mtgeoquery.meta_key = $key
|
||||
AND
|
||||
ST_Distance_Sphere(
|
||||
point(SUBSTRING_INDEX(mtgeoquery.meta_value, ',', 1), SUBSTRING_INDEX(mtgeoquery.meta_value, ',', -1)),
|
||||
point($point)
|
||||
) <= $distance
|
||||
)
|
||||
";
|
||||
break;
|
||||
case 'CONTAINS':
|
||||
$polygon = $params['polygon'];
|
||||
$key = $params['key'];
|
||||
$where_geo[] = "(
|
||||
mtgeoquery.meta_key = $key
|
||||
AND
|
||||
ST_CONTAINS(
|
||||
ST_GEOMFROMTEXT('POLYGON(($polygon))'),
|
||||
point(SUBSTRING_INDEX(wp.meta_value, ',', 1), SUBSTRING_INDEX(wp.meta_value, ',', -1))
|
||||
) = true
|
||||
)";
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$where_geo = trim(implode(" AND ", $where_geo));
|
||||
return "$where AND $where_geo";
|
||||
}
|
||||
}
|
||||
GeoCoordinate_Helper::get_instance();
|
||||
|
|
@ -0,0 +1,168 @@
|
|||
<?php
|
||||
|
||||
namespace Tainacan\Metadata_Types;
|
||||
|
||||
require_once(__DIR__ . '/class-tainacan-geocoordinate-helper.php');
|
||||
|
||||
use Tainacan\Entities\Item_Metadata_Entity;
|
||||
|
||||
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
|
||||
|
||||
/**
|
||||
* Class GeoCoordinate
|
||||
*/
|
||||
class GeoCoordinate extends Metadata_Type {
|
||||
|
||||
function __construct() {
|
||||
// call metadatum type constructor
|
||||
parent::__construct();
|
||||
$this->set_primitive_type('geo');
|
||||
$this->set_component('tainacan-geocoordinate');
|
||||
$this->set_form_component('tainacan-form-geocoordinate');
|
||||
$this->set_name( __('GeoCoordinate', 'tainacan') );
|
||||
$this->set_description( __('Represents a geographical location that is determined by latitude and longitude coordinates.', 'tainacan') );
|
||||
$this->set_sortable( false );
|
||||
$this->set_default_options([
|
||||
'map_provider' => 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
'attribution' => '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors',
|
||||
'initial_zoom' => 5,
|
||||
'maximum_zoom' => 12,
|
||||
]);
|
||||
$this->set_preview_template('
|
||||
<div>
|
||||
<div class="control">
|
||||
!!POINT IN MAP!!
|
||||
</div>
|
||||
</div>
|
||||
');
|
||||
}
|
||||
|
||||
/**
|
||||
* @inheritdoc
|
||||
*/
|
||||
public function get_form_labels(){
|
||||
return [
|
||||
'map_provider' => [
|
||||
'title' => __( 'Map Tiles provider', 'tainacan' ),
|
||||
'description' => __( 'Link to the service used as source for displaying tile layers on the map.', 'tainacan' ),
|
||||
],
|
||||
'attribution' => [
|
||||
'title' => __( 'Attribution', 'tainacan' ),
|
||||
'description' => __( 'Text/HTML to be shown in the attribution control, e.g. "© OpenStreetMap contributors". It describes source of map data and is often a legal obligation towards copyright holders and tile providers.', 'tainacan' ),
|
||||
],
|
||||
'initial_zoom' => [
|
||||
'title' => __( 'Initial zoom', 'tainacan' ),
|
||||
'description' => __( 'Initial zoom level of the map.', 'tainacan' ),
|
||||
],
|
||||
'maximum_zoom' => [
|
||||
'title' => __( 'Maximum zoom', 'tainacan' ),
|
||||
'description' => __( 'Maximum zoom level of the map.', 'tainacan' ),
|
||||
]
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* Validates a given coordinate
|
||||
*
|
||||
* @param float|int|number $lat Latitude
|
||||
* @param float|int|number $long Longitude
|
||||
* @return bool `true` if the coordinate is valid, `false` if not
|
||||
*/
|
||||
private function validateLatLong($lat, $long) {
|
||||
if ( !is_numeric($lat) || !is_numeric($long) )
|
||||
return false;
|
||||
|
||||
$validataLat = ($lat + 0) >= -90.0 && ($lat + 0) <= 90.0;
|
||||
$validataLong = ($long + 0) >= -180.0 && ($long + 0) <= 180.0;
|
||||
return $validataLat & $validataLong;
|
||||
}
|
||||
|
||||
public function validate( Item_Metadata_Entity $item_metadata) {
|
||||
$value = $item_metadata->get_value();
|
||||
$value = is_array($value) ? $value : [$value];
|
||||
foreach ($value as $coordinate) {
|
||||
$arr_coordinate = explode(",", $coordinate);
|
||||
if ( count($arr_coordinate) != 2 || !$this->validateLatLong($arr_coordinate[0], $arr_coordinate[1])) {
|
||||
$this->add_error( sprintf(__('The value (%s) is not a valid geo coordinate', 'tainacan'), $coordinate ) );
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the value as a HTML string with proper date format set in admin
|
||||
* @return string
|
||||
*/
|
||||
public function get_value_as_html(\Tainacan\Entities\Item_Metadata_Entity $item_metadata) {
|
||||
global $TAINACAN_BASE_URL;
|
||||
$value = $item_metadata->get_value();
|
||||
$options = $this->get_options();
|
||||
|
||||
if (
|
||||
( is_string( $value ) && empty( $value ) ) ||
|
||||
( is_array( $value ) && !count( $value ) )
|
||||
)
|
||||
return '';
|
||||
|
||||
$metadatum = $item_metadata->get_metadatum();
|
||||
$item_metadatum_id = $metadatum->get_id();
|
||||
$item_metadatum_id .= $metadatum->get_parent() ? ( $metadatum->get_parent() . '_parent_meta_id-') : '';
|
||||
$zoom_geo_query = isset($options['initial_zoom']) ? ('z=' . $options['initial_zoom'] ) : '' ;
|
||||
|
||||
$return = '';
|
||||
|
||||
if ( $item_metadata->is_multiple() ) {
|
||||
$prefix = $item_metadata->get_multivalue_prefix();
|
||||
$suffix = $item_metadata->get_multivalue_suffix();
|
||||
$separator = $item_metadata->get_multivalue_separator();
|
||||
|
||||
foreach ( $value as $coordinate ) {
|
||||
|
||||
$coordinate_as_array = explode(",", $coordinate);
|
||||
$latitude = isset($coordinate_as_array[0]) ? $coordinate_as_array[0] : '';
|
||||
$longitude = isset($coordinate_as_array[1]) ? $coordinate_as_array[1] : '';
|
||||
|
||||
$single_value = "<a class='tainacan-coordinates' data-latitude='{$latitude}' data-longitude='{$longitude}' href='geo:{$latitude},{$longitude}?q={$latitude},{$longitude}&{$zoom_geo_query}'>
|
||||
<span>{$latitude}</span>
|
||||
<span class='coordinates-separator'>,</span>
|
||||
<span>{$longitude}</span>
|
||||
</a>";
|
||||
$return .= empty($return)
|
||||
? $prefix . $single_value . $suffix
|
||||
: $separator . $prefix . $single_value . $suffix;
|
||||
}
|
||||
|
||||
} else {
|
||||
$coordinate_as_array = explode(",", $value);
|
||||
$latitude = isset($coordinate_as_array[0]) ? $coordinate_as_array[0] : '';
|
||||
$longitude = isset($coordinate_as_array[1]) ? $coordinate_as_array[1] : '';
|
||||
|
||||
$return .= "<a class='tainacan-coordinates' data-latitude='{$latitude}' data-longitude='{$longitude}' href='geo:{$latitude},{$longitude}?q={$latitude},{$longitude}&{$zoom_geo_query}'>
|
||||
<span>{$latitude}</span>
|
||||
<span class='coordinates-separator'>,</span>
|
||||
<span>{$longitude}</span>
|
||||
</a>";
|
||||
}
|
||||
|
||||
wp_enqueue_style( 'tainacan-geocoordinate-item-metadatum', $TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-geocoordinate-item-metadatum.css', array(), TAINACAN_VERSION);
|
||||
|
||||
$options_as_strings = '';
|
||||
foreach ( $options as $option_key => $option ) {
|
||||
if ( is_array($option) )
|
||||
$options_as_strings .= 'data-' . $option_key . '="' . json_encode($option) . '" ';
|
||||
else if ( $option_key == 'attribution' )
|
||||
$options_as_strings .= 'data-' . $option_key . '="' . htmlentities($option) . '" ';
|
||||
else
|
||||
$options_as_strings .= 'data-' . $option_key . '="' . $option . '" ';
|
||||
};
|
||||
|
||||
return '<span id="tainacan-geocoordinatemetadatum--' . $item_metadatum_id . '" data-module="geocoordinate-item-metadatum" ' . $options_as_strings . '>
|
||||
' . $return . '
|
||||
</span>';
|
||||
}
|
||||
|
||||
public function get_options_as_html() {
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
|
@ -42,6 +42,7 @@ class Metadata_Type_Helper {
|
|||
$this->Tainacan_Metadata->register_metadata_type('Tainacan\Metadata_Types\Compound');
|
||||
$this->Tainacan_Metadata->register_metadata_type('Tainacan\Metadata_Types\User');
|
||||
$this->Tainacan_Metadata->register_metadata_type('Tainacan\Metadata_Types\Control');
|
||||
$this->Tainacan_Metadata->register_metadata_type('Tainacan\Metadata_Types\GeoCoordinate');
|
||||
|
||||
// the priority should see less than on function
|
||||
// `load_admin_page()` of class `Admin` in file /src/views/class-tainacan-admin.php
|
||||
|
|
|
|||
|
|
@ -90,6 +90,11 @@ abstract class Metadata_Type {
|
|||
*/
|
||||
private $preview_template;
|
||||
|
||||
/**
|
||||
* Indicates wether this metadata type will generate metadata that should be available as sorting options in the items list UI.
|
||||
*/
|
||||
private $sortable = true;
|
||||
|
||||
public function __construct(){
|
||||
|
||||
}
|
||||
|
|
@ -237,25 +242,7 @@ abstract class Metadata_Type {
|
|||
public function form(){
|
||||
|
||||
}
|
||||
|
||||
public function _toArray(){
|
||||
$attributes = [];
|
||||
|
||||
$attributes['name'] = $this->get_name();
|
||||
$attributes['description'] = $this->get_description();
|
||||
$attributes['errors'] = $this->get_errors();
|
||||
$attributes['related_mapped_prop'] = $this->get_related_mapped_prop();
|
||||
$attributes['options'] = $this->get_options();
|
||||
$attributes['className'] = get_class($this);
|
||||
$attributes['core'] = $this->get_core();
|
||||
$attributes['component'] = $this->get_component();
|
||||
$attributes['primitive_type'] = $this->get_primitive_type();
|
||||
$attributes['form_component'] = $this->get_form_component();
|
||||
$attributes['preview_template'] = $this->get_preview_template();
|
||||
|
||||
return $attributes;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Validates the options Array
|
||||
|
|
@ -287,6 +274,14 @@ abstract class Metadata_Type {
|
|||
public function set_repository($repository){
|
||||
$this->repository = $repository;
|
||||
}
|
||||
|
||||
public function get_sortable(){
|
||||
return $this->sortable;
|
||||
}
|
||||
|
||||
public function set_sortable($sortable){
|
||||
$this->sortable = $sortable;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets a slug based on the class name to represent the metadata type
|
||||
|
|
@ -295,4 +290,24 @@ abstract class Metadata_Type {
|
|||
$classname = get_class($this);
|
||||
return strtolower( substr($classname, strrpos($classname, '\\') + 1) );
|
||||
}
|
||||
|
||||
public function _toArray(){
|
||||
$attributes = [];
|
||||
|
||||
$attributes['name'] = $this->get_name();
|
||||
$attributes['description'] = $this->get_description();
|
||||
$attributes['errors'] = $this->get_errors();
|
||||
$attributes['related_mapped_prop'] = $this->get_related_mapped_prop();
|
||||
$attributes['options'] = $this->get_options();
|
||||
$attributes['className'] = get_class($this);
|
||||
$attributes['core'] = $this->get_core();
|
||||
$attributes['component'] = $this->get_component();
|
||||
$attributes['primitive_type'] = $this->get_primitive_type();
|
||||
$attributes['form_component'] = $this->get_form_component();
|
||||
$attributes['preview_template'] = $this->get_preview_template();
|
||||
$attributes['sortable'] = $this->get_sortable();
|
||||
|
||||
return $attributes;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -18,6 +18,7 @@ class Relationship extends Metadata_Type {
|
|||
$this->set_form_component('tainacan-form-relationship');
|
||||
$this->set_name( __('Relationship', 'tainacan') );
|
||||
$this->set_description( __('A relationship with another item', 'tainacan') );
|
||||
$this->set_sortable( false );
|
||||
$this->set_preview_template('
|
||||
<div>
|
||||
<div class="taginput control is-expanded has-selected">
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
</template>
|
||||
</div>
|
||||
|
||||
<!-- Non-textual metadata such as taxonomy, relationship and compound manage multiple state in different ways -->
|
||||
<!-- Non-textual metadata such as taxonomy, relationship, geocoordinate and compound manage multiple state in different ways -->
|
||||
<div
|
||||
v-show="hideCollapses || isCollapsed"
|
||||
v-else>
|
||||
|
|
@ -183,7 +183,7 @@
|
|||
) ? this.itemMetadatum.metadatum.cardinality : undefined;
|
||||
},
|
||||
isTextInputComponent() {
|
||||
const array = ['tainacan-relationship','tainacan-taxonomy', 'tainacan-compound', 'tainacan-user'];
|
||||
const array = ['tainacan-relationship','tainacan-taxonomy', 'tainacan-compound', 'tainacan-user', 'tainacan-geocoordinate'];
|
||||
return !(array.indexOf(this.metadatumComponent) >= 0 );
|
||||
},
|
||||
metadatumFormClasses() {
|
||||
|
|
|
|||
|
|
@ -72,18 +72,17 @@
|
|||
}
|
||||
},
|
||||
watch: {
|
||||
selected(){
|
||||
if (this.allowSelectToCreate && this.selected[0]) {
|
||||
this.selected[0].label.includes(`(${this.$i18n.get('select_to_create')})`);
|
||||
this.selected[0].label = this.selected[0].label.split('(')[0];
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
if (this.value && this.value.length > 0){
|
||||
this.selected = this.value;
|
||||
selected() {
|
||||
if (this.allowSelectToCreate && this.selected[0]) {
|
||||
this.selected[0].label.includes(`(${this.$i18n.get('select_to_create')})`);
|
||||
this.selected[0].label = this.selected[0].label.split('(')[0];
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.value && this.value.length > 0)
|
||||
this.selected = this.value;
|
||||
},
|
||||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'fetchTerms'
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@ class Taxonomy extends Metadata_Type {
|
|||
$this->set_component('tainacan-taxonomy');
|
||||
$this->set_name( __('Taxonomy', 'tainacan') );
|
||||
$this->set_description( __('A metadatum to use a taxonomy in this collection', 'tainacan') );
|
||||
$this->set_sortable( false );
|
||||
$this->set_preview_template('
|
||||
<div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ class User extends Metadata_Type {
|
|||
$this->set_default_options([
|
||||
'default_author' => 'no'
|
||||
]);
|
||||
$this->set_sortable( false );
|
||||
$this->set_preview_template('
|
||||
<div class="taginput control is-expanded has-selected">
|
||||
<div class="taginput-container is-small is-focusable">
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@ export default {
|
|||
li {
|
||||
height: $subheader-height;
|
||||
a {
|
||||
color: var(--tainacan-white);
|
||||
color: var(--tainacan-white) !important;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding: 8px 15px;
|
||||
|
|
|
|||
|
|
@ -233,7 +233,7 @@ export default {
|
|||
a {
|
||||
background-color: var(--tainacan-turquoise4);
|
||||
transition: color 0.2s ease;
|
||||
color: var(--tainacan-white);
|
||||
color: var(--tainacan-white) !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
svg {
|
||||
|
|
@ -249,7 +249,7 @@ export default {
|
|||
}
|
||||
}
|
||||
a {
|
||||
color: var(--tainacan-white);
|
||||
color: var(--tainacan-white) !important;;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 6px 11px;
|
||||
|
|
|
|||
|
|
@ -100,6 +100,7 @@ export default {
|
|||
'getCollections'
|
||||
]),
|
||||
onChangeTab(status) {
|
||||
this.$eventBusSearch.resetPageOnStore();
|
||||
this.$eventBusSearch.setStatus(status);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@
|
|||
<template v-for="(metadatum, metadatumIndex) in metadataAsArray">
|
||||
<option
|
||||
v-if="metadatum.metadata_type_object.component !== 'tainacan-user' &&
|
||||
metadatum.metadata_type_object.component !== 'tainacan-geocoordinate' &&
|
||||
metadatum.metadata_type_object.component !== 'tainacan-relationship' &&
|
||||
metadatum.metadata_type_object.component !== 'tainacan-compound' &&
|
||||
metadatum.parent <= 0"
|
||||
|
|
@ -42,12 +43,16 @@
|
|||
v-if="metadatum.metadata_type_object.component === 'tainacan-compound'"
|
||||
:key="metadatumIndex"
|
||||
:label="metadatum.name">
|
||||
<option
|
||||
v-for="(childMetadatum, childIndex) of metadatum.metadata_type_options.children_objects"
|
||||
:key="childIndex"
|
||||
:value="childMetadatum.id">
|
||||
{{ childMetadatum.name }}
|
||||
</option>
|
||||
<template v-for="(childMetadatum, childIndex) of metadatum.metadata_type_options.children_objects">
|
||||
<option
|
||||
v-if="childMetadatum.metadata_type_object.component !== 'tainacan-user' &&
|
||||
childMetadatum.metadata_type_object.component !== 'tainacan-geocoordinate' &&
|
||||
childMetadatum.metadata_type_object.component !== 'tainacan-relationship'"
|
||||
:key="childIndex"
|
||||
:value="childMetadatum.id">
|
||||
{{ childMetadatum.name }}
|
||||
</option>
|
||||
</template>
|
||||
</optgroup>
|
||||
</template>
|
||||
<option value="document_content_index">
|
||||
|
|
|
|||
|
|
@ -203,6 +203,7 @@
|
|||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: baseline;
|
||||
color: var(--tainacan-label-color);
|
||||
|
||||
.filter-tags-info {
|
||||
margin: 0 1.25em 4px 0;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,7 @@ import Relationship from '../components/metadata-types/relationship/Relationship
|
|||
import Taxonomy from '../components/metadata-types/taxonomy/Taxonomy.vue';
|
||||
import Compound from '../components/metadata-types/compound/Compound.vue';
|
||||
import User from '../components/metadata-types/user/User.vue';
|
||||
import GeoCoordinate from '../components/metadata-types/geocoordinate/GeoCoordinate.vue'
|
||||
|
||||
import FormText from '../components/metadata-types/text/FormText.vue';
|
||||
import FormRelationship from '../components/metadata-types/relationship/FormRelationship.vue';
|
||||
|
|
@ -52,6 +53,8 @@ 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 FormUser from '../components/metadata-types/user/FormUser.vue';
|
||||
import FormGeoCoordinate from '../components/metadata-types/geocoordinate/FormGeoCoordinate.vue';
|
||||
|
||||
|
||||
import FilterNumeric from '../components/filter-types/numeric/Numeric.vue';
|
||||
import FilterDate from '../components/filter-types/date/Date.vue';
|
||||
|
|
@ -212,6 +215,8 @@ export default (element) => {
|
|||
Vue.component('tainacan-taxonomy', Taxonomy);
|
||||
Vue.component('tainacan-compound', Compound);
|
||||
Vue.component('tainacan-user', User);
|
||||
Vue.component('tainacan-geocoordinate', GeoCoordinate);
|
||||
|
||||
|
||||
/* Metadata Option forms */
|
||||
Vue.component('tainacan-form-text', FormText);
|
||||
|
|
@ -221,6 +226,8 @@ export default (element) => {
|
|||
Vue.component('tainacan-form-numeric', FormNumeric);
|
||||
Vue.component('tainacan-form-user', FormUser);
|
||||
Vue.component('term-edition-form', TermEditionForm);
|
||||
Vue.component('tainacan-form-geocoordinate', FormGeoCoordinate);
|
||||
|
||||
|
||||
/* Filters */
|
||||
Vue.component('tainacan-filter-numeric', FilterNumeric);
|
||||
|
|
|
|||
|
|
@ -141,7 +141,8 @@ UserPrefsPlugin.install = function (Vue, options = {}) {
|
|||
'taxonomies_order': 'asc',
|
||||
'taxonomies_order_by': 'title',
|
||||
'collections_order': 'desc',
|
||||
'collections_order_by': 'date'
|
||||
'collections_order_by': 'date',
|
||||
'map_view_mode_selected_geocoordinate_metadatum': 0
|
||||
},
|
||||
init() {
|
||||
if (tainacan_plugin.user_prefs == undefined || tainacan_plugin.user_prefs == '') {
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@ const i18nGet = function (key) {
|
|||
};
|
||||
|
||||
export const tainacanErrorHandler = function(error) {
|
||||
console.error(error)
|
||||
if (error.response && error.response.status) {
|
||||
// The request was made and the server responded with a status code
|
||||
// that falls out of the range of 2xx
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ export const eventBusItemMetadata = new Vue({
|
|||
} else {
|
||||
|
||||
if (values.length > 0 && values[0] != undefined && values[0].value) {
|
||||
let onlyValues = values.map((aValueObject) => aValueObject.value);
|
||||
const onlyValues = values.map((aValueObject) => aValueObject.value);
|
||||
values = JSON.parse(JSON.stringify(onlyValues));
|
||||
}
|
||||
|
||||
|
|
@ -83,16 +83,8 @@ export const eventBusItemMetadata = new Vue({
|
|||
parent_id: parentId
|
||||
});
|
||||
|
||||
let index = this.errors.findIndex( errorItem => errorItem.metadatum_id == metadatumId && (parentMetaId ? errorItem.parent_meta_id == parentMetaId : true ));
|
||||
let messages = [];
|
||||
|
||||
if ( index >= 0) {
|
||||
Vue.set( this.errors, index, { metadatum_id: metadatumId, parent_meta_id: parentMetaId, errors: messages });
|
||||
this.$emit('updateErrorMessageOf#' + (parentMetaId ? metadatumId + '-' + parentMetaId : metadatumId), this.errors[index]);
|
||||
} else {
|
||||
this.errors.push( { metadatum_id: metadatumId, parent_meta_id: parentMetaId, errors: messages } );
|
||||
this.$emit('updateErrorMessageOf#' + (parentMetaId ? metadatumId + '-' + parentMetaId : metadatumId), this.errors[0]);
|
||||
}
|
||||
// In the item submission, we don't want to block submission or clear errors before a re-submission is performed,
|
||||
// as the validation depends on a single server-side request. Thus, we do not update error arary here.
|
||||
|
||||
this.$emit('isUpdatingValue', false);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -390,7 +390,7 @@ export const submitItemSubmission = ({ commit }, { itemSubmission, itemSubmissio
|
|||
export const finishItemSubmission = ({ commit }, { itemSubmission, fakeItemId }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
let config = {
|
||||
headers: { 'content-type': 'multipart/form-data' }
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
}
|
||||
const formData = new FormData();
|
||||
|
||||
|
|
|
|||
|
|
@ -357,17 +357,23 @@
|
|||
:aria-label="$i18n.get('label_view_mode')"
|
||||
class="button is-white"
|
||||
slot="trigger">
|
||||
<span>
|
||||
<span class="view-mode-icon icon is-small gray-icon">
|
||||
<i
|
||||
:class="{'tainacan-icon-viewtable' : ( adminViewMode == 'table' || adminViewMode == undefined),
|
||||
'tainacan-icon-viewcards' : adminViewMode == 'cards',
|
||||
'tainacan-icon-viewminiature' : adminViewMode == 'grid',
|
||||
'tainacan-icon-viewrecords' : adminViewMode == 'records',
|
||||
'tainacan-icon-viewlist' : adminViewMode == 'list',
|
||||
'tainacan-icon-viewmasonry' : adminViewMode == 'masonry' }"
|
||||
class="tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
<span class="view-mode-icon icon is-small gray-icon">
|
||||
<i
|
||||
v-if="adminViewMode !== 'map'"
|
||||
:class="{'tainacan-icon-viewtable' : ( adminViewMode == 'table' || adminViewMode == undefined),
|
||||
'tainacan-icon-viewcards' : adminViewMode == 'cards',
|
||||
'tainacan-icon-viewminiature' : adminViewMode == 'grid',
|
||||
'tainacan-icon-viewrecords' : adminViewMode == 'records',
|
||||
'tainacan-icon-viewlist' : adminViewMode == 'list',
|
||||
'tainacan-icon-viewmasonry' : adminViewMode == 'masonry' }"
|
||||
class="tainacan-icon tainacan-icon-1-25em"/>
|
||||
<svg
|
||||
v-else
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
style="fill: var(--tainacan-info-color)">
|
||||
<path d="M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z" />
|
||||
</svg>
|
||||
</span>
|
||||
{{ adminViewMode != undefined ? $i18n.get('label_' + adminViewMode) : $i18n.get('label_table') }}
|
||||
<span class="icon">
|
||||
|
|
@ -442,6 +448,24 @@
|
|||
</span>
|
||||
<span>{{ $i18n.get('label_list') }}</span>
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item
|
||||
aria-controls="items-list-results"
|
||||
role="button"
|
||||
:class="{ 'is-active': adminViewMode == 'map' }"
|
||||
:value="'map'"
|
||||
aria-role="listitem">
|
||||
<span
|
||||
style="width: 2em; margin-left: -0.45em; padding-right: 6px;"
|
||||
class="icon gray-icon">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
style="fill: var(--tainacan-info-color)">
|
||||
<path d="M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z" />
|
||||
</svg>
|
||||
</span>
|
||||
<span>{{ $i18n.get('label_map') }}</span>
|
||||
</b-dropdown-item>
|
||||
</b-dropdown>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -735,7 +759,7 @@
|
|||
},
|
||||
adminViewMode() {
|
||||
const currentAdminViewMode = this.getAdminViewMode();
|
||||
return ['table', 'cards', 'records', 'grid', 'masonry', 'list'].indexOf(currentAdminViewMode) >= 0 ? currentAdminViewMode : 'table';
|
||||
return ['table', 'cards', 'records', 'grid', 'masonry', 'list', 'map'].indexOf(currentAdminViewMode) >= 0 ? currentAdminViewMode : 'table';
|
||||
},
|
||||
orderBy() {
|
||||
return this.getOrderBy();
|
||||
|
|
@ -847,7 +871,8 @@
|
|||
existingViewMode == 'records' ||
|
||||
existingViewMode == 'list' ||
|
||||
existingViewMode == 'grid' ||
|
||||
existingViewMode == 'masonry')
|
||||
existingViewMode == 'masonry'||
|
||||
existingViewMode == 'map')
|
||||
this.$eventBusSearch.setInitialAdminViewMode(this.$userPrefs.get(prefsAdminViewMode));
|
||||
else
|
||||
this.$eventBusSearch.setInitialAdminViewMode('table');
|
||||
|
|
@ -1015,7 +1040,7 @@
|
|||
this.sortingMetadata = [];
|
||||
|
||||
// Decides if custom meta will be loaded with item.
|
||||
let shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == 'list' || this.adminViewMode == undefined;
|
||||
let shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == 'list' || this.adminViewMode == 'map' || this.adminViewMode == undefined;
|
||||
|
||||
if (shouldLoadMeta) {
|
||||
|
||||
|
|
@ -1097,15 +1122,8 @@
|
|||
fetchOnlyMetadatumIds.push(metadatum.id);
|
||||
}
|
||||
|
||||
if (
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Compound'&&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\User'
|
||||
) {
|
||||
if ( metadatum.metadata_type_object.sortable )
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -1208,14 +1226,8 @@
|
|||
}
|
||||
|
||||
for (let metadatum of this.metadata) {
|
||||
if ((metadatum.display !== 'never' || metadatum.metadata_type == 'Tainacan\\Metadata_Types\\Control') &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship'&&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Compound'&&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\User') {
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
if ( (metadatum.display !== 'never' || metadatum.metadata_type == 'Tainacan\\Metadata_Types\\Control') && metadatum.metadata_type_object.sortable )
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
|
||||
this.sortingMetadata.push({
|
||||
|
|
|
|||
|
|
@ -162,10 +162,10 @@
|
|||
color: transparent !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:hover:not([href]) {
|
||||
a:not(.wp-element-button),
|
||||
a:not(.wp-element-button):hover,
|
||||
a:not(.wp-element-button):focus,
|
||||
a:not(.wp-element-button):hover:not([href]) {
|
||||
color: var(--tainacan-secondary);
|
||||
}
|
||||
a:not([href])
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
min-width: auto !important;
|
||||
font-size: 0.75em;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 8px -6px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.65);
|
||||
|
||||
&.is-dark,
|
||||
&.is-dark .button,
|
||||
|
|
|
|||
|
|
@ -152,8 +152,10 @@
|
|||
color: var(--tainacan-input-color);
|
||||
background-color: var(--tainacan-input-background-color) !important;
|
||||
border: 1px solid var(--tainacan-input-border-color) !important;
|
||||
&:focus>option:checked, &:focus>option:hover {
|
||||
background-color: var(--tainacan-primary) !important;
|
||||
|
||||
option {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
&[disabled=disabled] {
|
||||
border: 1px solid var(--tainacan-gray1) !important;
|
||||
|
|
|
|||
|
|
@ -54,9 +54,9 @@ $green1-invert: findColorInvert($green1);
|
|||
$green2: #25a189;
|
||||
$green2-invert: findColorInvert($green2);
|
||||
// Warning, used for warning messages
|
||||
$yellow1: #fcebd9;
|
||||
$yellow1: #fff7ee;
|
||||
$yellow1-invert: findColorInvert($yellow1);
|
||||
$yellow2: #e69810;
|
||||
$yellow2: #bb7700;
|
||||
$yellow2-invert: findColorInvert($yellow2);
|
||||
|
||||
// Text, no quite black
|
||||
|
|
|
|||
|
|
@ -0,0 +1,347 @@
|
|||
.tainacan-leaflet-map-container {
|
||||
border: 1px solid var(--tainacan-input-border-color);
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
height: 60vh;
|
||||
|
||||
|
||||
&.has-selected-item {
|
||||
#tainacan-admin-view-mode-map,
|
||||
#tainacan-view-mode-map {
|
||||
/deep/ .leaflet-active-area {
|
||||
left: 310px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tainacan-admin-view-mode-map,
|
||||
#tainacan-view-mode-map {
|
||||
border: none;
|
||||
border-left: 1px solid var(--tainacan-input-border-color);
|
||||
|
||||
/deep/ .leaflet-active-area {
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
left: 10px;
|
||||
right: 42px;
|
||||
height: calc(60vh - 76px)
|
||||
}
|
||||
|
||||
/deep/ .leaflet-marker-pane {
|
||||
filter: hue-rotate(-22deg);
|
||||
}
|
||||
|
||||
/deep/ span[data-module="geocoordinate-item-metadatum"],
|
||||
/deep/ span[data-module="geocoordinate-item-metadatum"]+br {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.geocoordinate-panel {
|
||||
background: var(--tainacan-background-color);
|
||||
box-shadow: 0px 0px 12px -10px var(--tainacan-black);
|
||||
border-radius: 3px;
|
||||
padding: 0.25rem 0.125rem 0.25rem 1rem;
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
background-clip: padding-box;
|
||||
opacity: 0.8;
|
||||
transition: opacity ease 0.3s, box-shadow ease 0.3s;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1.0;
|
||||
box-shadow: 4px 0px 18px -12px var(--tainacan-black);
|
||||
}
|
||||
|
||||
.geocoordinate-panel--input {
|
||||
color: var(--tainacan-label-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
font-size: 1.25em;
|
||||
font-family: var(--tainacan-font-family);
|
||||
|
||||
label,
|
||||
p,
|
||||
a {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/deep/ select {
|
||||
background-color: var(--tainacan-input-background-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tainacan-records-container--map {
|
||||
height: auto;
|
||||
max-height: calc(60vh - 54px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
width: 286px;
|
||||
max-width: 286px;
|
||||
float: none;
|
||||
position: initial;
|
||||
font-size: 1rem;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 24px;
|
||||
|
||||
&>ul {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.tainacan-records-close-button {
|
||||
background-color: var(--tainacan-background-color);
|
||||
border-radius: 100%;
|
||||
box-shadow: 0px 0px 12px -10px var(--tainacan-black);
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
position: absolute;
|
||||
left: 300px;
|
||||
cursor: pointer;
|
||||
padding: 0.75em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--tainacan-item-hover-background-color);
|
||||
}
|
||||
|
||||
.icon {
|
||||
height: 0.0625em
|
||||
}
|
||||
}
|
||||
|
||||
&>li,
|
||||
&>ul>li {
|
||||
max-width: 286px;
|
||||
width: 100%;
|
||||
|
||||
.tainacan-record {
|
||||
margin-bottom: 0.125rem;
|
||||
max-width: 286px;
|
||||
width: 100%;
|
||||
box-shadow: 0px 0px 12px -10px var(--tainacan-black);
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
opacity: 1.0;
|
||||
transition: 1.0;
|
||||
|
||||
&:not(.is-selecting) {
|
||||
background-color: var(--tainacan-background-color);
|
||||
}
|
||||
|
||||
.metadata-title {
|
||||
padding: 0.5em 6.75em 0.5em 0.75em;
|
||||
|
||||
p {
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
#button-show-location {
|
||||
color: var(--tainacan-secondary);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tainacan-record-thumbnail {
|
||||
margin: 0 0 0.75rem 1rem !important;
|
||||
}
|
||||
.tainacan-record-item-thumbnail,
|
||||
img {
|
||||
max-width: 75px;
|
||||
}
|
||||
|
||||
.media .list-metadata {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.actions-area {
|
||||
margin-bottom: -32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tainacan-map-cards-container {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 286px;
|
||||
height: 60vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
display: inline-block;
|
||||
|
||||
&>li {
|
||||
width: 100%;
|
||||
|
||||
.tainacan-map-card {
|
||||
max-width: 100%;
|
||||
opacity: 1.0;
|
||||
background-color: var(--tainacan-item-background-color);
|
||||
border-bottom: 1px solid var(--tainacan-item-hover-background-color);
|
||||
|
||||
&.non-located-item {
|
||||
opacity: 0.35;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1.0;
|
||||
}
|
||||
}
|
||||
|
||||
.tainacan-map-card-item-thumbnail,
|
||||
img {
|
||||
max-width: 60px;
|
||||
}
|
||||
|
||||
&.selected-map-card {
|
||||
background-color: var(--tainacan-turquoise1);
|
||||
.metadata-title {
|
||||
background-color: var(--tainacan-turquoise2);
|
||||
}
|
||||
}
|
||||
&.clicked-map-card:not(.non-located-item) {
|
||||
background-color: var(--tainacan-item-hover-background-color);
|
||||
.metadata-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.map-card-checkbox {
|
||||
position: absolute;
|
||||
margin-left: 1.0em;
|
||||
margin-top: 12px;
|
||||
z-index: 9;
|
||||
}
|
||||
.actions-area {
|
||||
position: relative;
|
||||
float: right;
|
||||
top: calc(-0.25em * var(--tainacan-container-padding));
|
||||
bottom: 0;
|
||||
padding-right: 12px;
|
||||
//width: 80px;
|
||||
margin-bottom: -25px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility 0.2s, opacity 0.3s ease, top 0.2s ease;
|
||||
|
||||
a {
|
||||
margin-left: 12px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
}
|
||||
&:hover .actions-area {
|
||||
visibility: visible;
|
||||
opacity: 1.0;
|
||||
top: calc(-0.875em - var(--tainacan-container-padding));
|
||||
|
||||
a {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.tainacan-map-card-thumbnail {
|
||||
max-width: 40px;
|
||||
margin-left: auto;
|
||||
}
|
||||
.tainacan-map-card-item-thumbnail,
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.metadata-title {
|
||||
flex-shrink: 0;
|
||||
padding: 0.25em 1.125em;
|
||||
font-size: 1.0em !important;
|
||||
min-height: 40px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
min-width: 100%;
|
||||
align-items: center;
|
||||
color: var(--tainacan-heading-color);
|
||||
transition: background-color 0.3s ease;
|
||||
|
||||
p {
|
||||
line-height: 1.5em;
|
||||
font-size: 0.875em !important;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
.slideshow-icon {
|
||||
color: var(--tainacan-info-color);
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 7px;
|
||||
transform: scale(0.0);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
.icon:not(.slideshow-icon) {
|
||||
float: left;
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: var(--tainacan-item-hover-background-color);
|
||||
|
||||
.tainacan-map-card-item-thumbnail {
|
||||
opacity: 0.0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.metadata-title {
|
||||
background-color: var(---tainacan-item-heading-hover-background-color) !important;
|
||||
|
||||
p { text-decoration: none !important; }
|
||||
.slideshow-icon {
|
||||
transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
flex-wrap: nowrap;
|
||||
|
||||
#tainacan-admin-view-mode-map,
|
||||
#tainacan-view-mode-map,
|
||||
.tainacan-map-cards-container {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#tainacan-admin-view-mode-map,
|
||||
#tainacan-view-mode-map {
|
||||
border-top: 1px solid var(--tainacan-input-border-color);
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.tainacan-map-cards-container {
|
||||
height: 30vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -163,6 +163,7 @@
|
|||
|
||||
.list-metadata {
|
||||
padding: var(--tainacan-container-padding);
|
||||
padding-top: 0.5em;
|
||||
flex: 1;
|
||||
font-size: 1em;
|
||||
color: var(--tainacan-info-color);
|
||||
|
|
@ -171,6 +172,7 @@
|
|||
|
||||
.metadata-label {
|
||||
margin: 0 0 0.5em 0;
|
||||
padding-top: 0;
|
||||
font-size: 0.75em;
|
||||
font-weight: 700;
|
||||
color: var(--tainacan-info-color);
|
||||
|
|
|
|||
|
|
@ -243,6 +243,9 @@ html.is-clipped .page-container-small:not(.is-filters-menu-open) {
|
|||
margin: 1em auto;
|
||||
}
|
||||
}
|
||||
.metadata-type-geocoordinate>div {
|
||||
width: 100%;
|
||||
}
|
||||
.metadata-type-compound {
|
||||
padding-left: 15px;
|
||||
margin-left: 0px;
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
const { SVG, Path } = wp.components;
|
||||
const { SVG, Path } = wp.components;
|
||||
|
||||
export default (
|
||||
export default (
|
||||
<SVG
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<Path
|
||||
fill="#298596"
|
||||
d="M21.43,14.64,19.32,17a2.57,2.57,0,0,1-2,1H12.05a6,6,0,0,0-6-6H6V10.64A2.59,2.59,0,0,1,8.59,8H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,14.64ZM4,4A2,2,0,0,0,2,6v7.63a5.74,5.74,0,0,1,2-1.2V6H16V4ZM7,15.05v6.06l3.06-3.06ZM5,21.11V15.05L1.94,18.11Z"/>
|
||||
<Path d="M21.43,14.64,19.32,17a2.57,2.57,0,0,1-2,1H12.05a6,6,0,0,0-6-6H6V10.64A2.59,2.59,0,0,1,8.59,8H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,14.64ZM4,4A2,2,0,0,0,2,6v7.63a5.74,5.74,0,0,1,2-1.2V6H16V4ZM7,15.05v6.06l3.06-3.06ZM5,21.11V15.05L1.94,18.11Z"/>
|
||||
</SVG>
|
||||
);
|
||||
);
|
||||
|
||||
|
|
@ -6,9 +6,7 @@
|
|||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<Path
|
||||
fill="#298596"
|
||||
d="M14,2V4H7v7.24A5.33,5.33,0,0,0,5.5,11a4.07,4.07,0,0,0-.5,0V4A2,2,0,0,1,7,2Zm7,10v8a2,2,0,0,1-2,2H12l1-1-2.41-2.41A5.56,5.56,0,0,0,11,16.53a5.48,5.48,0,0,0-2-4.24V8a2,2,0,0,1,2-2h4Zm-2.52,0L14,7.5V12ZM11,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-.5-7,2.74,2.74,0,0,1,.5,0,3.41,3.41,0,0,1,1.5.34,3.5,3.5,0,0,1,2,3.16,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,0,0,5.5,15a1.39,1.39,0,0,0-.5.09A1.5,1.5,0,0,0,5.5,18a1.48,1.48,0,0,0,1.42-1A1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
<Path d="M14,2V4H7v7.24A5.33,5.33,0,0,0,5.5,11a4.07,4.07,0,0,0-.5,0V4A2,2,0,0,1,7,2Zm7,10v8a2,2,0,0,1-2,2H12l1-1-2.41-2.41A5.56,5.56,0,0,0,11,16.53a5.48,5.48,0,0,0-2-4.24V8a2,2,0,0,1,2-2h4Zm-2.52,0L14,7.5V12ZM11,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-.5-7,2.74,2.74,0,0,1,.5,0,3.41,3.41,0,0,1,1.5.34,3.5,3.5,0,0,1,2,3.16,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,0,0,5.5,15a1.39,1.39,0,0,0-.5.09A1.5,1.5,0,0,0,5.5,18a1.48,1.48,0,0,0,1.42-1A1.5,1.5,0,0,0,7,16.53Z"/>
|
||||
</SVG>
|
||||
);
|
||||
|
||||
|
|
@ -9,7 +9,6 @@ export default (
|
|||
<G transform="matrix(0.2891908,0,0,0.2891908,-30.465367,-38.43427)">
|
||||
<Path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,104.32258,131.88168)"
|
||||
fill="#298596"
|
||||
d="M 16.662109,14.712891 V 24.927734 H 84.753906 V 14.712891 Z m 6.810547,17.021484 v 9.748047 c 6.857764,2.272819 11.798639,8.605281 11.798828,16.078125 -7.56e-4,2.313298 -0.496344,4.586348 -1.421875,6.693359 l 8.375,8.375 -3.365234,3.367188 H 77.945312 V 31.734375 Z m 17.019532,10.216797 h 20.429687 v 10.21289 H 40.492188 Z m -22.835938,3.84375 a 9.1779065,9.1779065 0 0 0 -0.916016,0.03906 11.753475,11.753475 0 0 0 1.671875,23.445313 11.455635,11.455635 0 0 0 6.466797,-1.910156 l 1.908203,1.910156 2.88086,2.982422 3.820312,3.716797 3.347657,-3.347657 -3.851563,-3.855468 -2.847656,-2.845703 -1.941407,-1.941407 a 11.455635,11.455635 0 0 0 1.941407,-6.433593 11.723603,11.723603 0 0 0 -6.697266,-10.583985 11.422139,11.422139 0 0 0 -5.027344,-1.136719 9.1779065,9.1779065 0 0 0 -0.755859,-0.03906 z m 0.755859,6.736328 a 5.0244015,5.0244015 0 0 1 5.027344,5.025391 v 0.101562 a 5.0244015,5.0244015 0 0 1 -0.269531,1.570313 4.9574094,4.9574094 0 0 1 -4.757813,3.351562 5.0244015,5.0244015 0 0 1 -1.671875,-9.746094 4.6559456,4.6559456 0 0 1 1.671875,-0.302734 z m 6.376953,20.601562 c -0.431168,0.183308 -0.872311,0.335613 -1.316406,0.484376 v 2.378906 h 4.179688 z "/>
|
||||
</G>
|
||||
</SVG>
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@
|
|||
import { viewModesMixin } from '../js/view-modes-mixin.js';
|
||||
|
||||
export default {
|
||||
name: 'ViewModeRecords',
|
||||
name: 'ViewModeList',
|
||||
mixins: [
|
||||
viewModesMixin
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,563 @@
|
|||
<template>
|
||||
<div class="table-container">
|
||||
<div class="table-wrapper">
|
||||
|
||||
<!-- Empty result placeholder, rendered in the parent component -->
|
||||
<slot />
|
||||
|
||||
<!-- MAP VIEW MODE -->
|
||||
<div
|
||||
class="tainacan-leaflet-map-container"
|
||||
:class="{ 'has-selected-item': mapSelectedItemId }">
|
||||
<ul class="tainacan-map-cards-container">
|
||||
<li
|
||||
role="listitem"
|
||||
:aria-setsize="totalItems"
|
||||
:aria-posinset="getPosInSet(index)"
|
||||
:data-tainacan-item-id="item.id"
|
||||
@mouseenter="hoveredMapCardItemId = item.id"
|
||||
@mouseleave="hoveredMapCardItemId = false"
|
||||
:key="item.id"
|
||||
v-for="(item, index) of items">
|
||||
<div
|
||||
@click.prevent.stop="showLocationsByItem(item)"
|
||||
:class="{
|
||||
'clicked-map-card': mapSelectedItemId == item.id,
|
||||
'non-located-item': !itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id)
|
||||
}"
|
||||
class="tainacan-map-card">
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasBeforeHook()"
|
||||
class="faceted-search-hook faceted-search-hook-item-before"
|
||||
v-html="getBeforeHook(item)" />
|
||||
|
||||
<!-- Title -->
|
||||
<div
|
||||
class="metadata-title"
|
||||
:style="{
|
||||
'cursor': !itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id) ? 'auto' : 'pointer',
|
||||
}">
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.metadata != undefined ? renderMetadata(item, column) : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
v-if="column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.metadata != undefined && collectionId ? renderMetadata(item, column) : (item.title ? item.title :`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
<span
|
||||
v-if="isSlideshowViewModeEnabled"
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 100,
|
||||
},
|
||||
content: $i18n.get('label_see_on_fullscreen'),
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
@click.prevent="starSlideshowFromHere(index)"
|
||||
class="icon slideshow-icon">
|
||||
<i class="tainacan-icon tainacan-icon-viewgallery tainacan-icon-1-125em"/>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasAfterHook()"
|
||||
class="faceted-search-hook faceted-search-hook-item-after"
|
||||
v-html="getAfterHook(item)" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<l-map
|
||||
:id="'tainacan-view-mode-map'"
|
||||
:ref="'tainacan-view-mode-map'"
|
||||
style="height: 60vh; width: 100%;"
|
||||
:zoom="5"
|
||||
:center="[-14.4086569, -51.31668]"
|
||||
:zoom-animation="true"
|
||||
@click="clearSelectedMarkers()"
|
||||
@ready="onMapReady()"
|
||||
:options="{
|
||||
name: 'tainacan-view-mode-map',
|
||||
zoomControl: false
|
||||
}">
|
||||
<l-tile-layer
|
||||
:url="mapTileUrl"
|
||||
:attribution="mapTileAttribution" />
|
||||
<l-marker
|
||||
v-for="(itemLocation, index) of itemsLocations"
|
||||
:key="index"
|
||||
:lat-lng="itemLocation.location"
|
||||
:opacity="selectedMarkerIndexes.length > 0 && !selectedMarkerIndexes.includes(index) ? 0.35 : 1.0"
|
||||
@click="showItemByLocation(index)">
|
||||
<l-icon
|
||||
:icon-retina-url="mapIconRetinaUrl"
|
||||
:icon-url="mapIconUrl"
|
||||
:shadow-url="mapIconShadowUrl"
|
||||
:icon-size="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [25, 41] : [16, 28]"
|
||||
:shadow-size="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [41, 41] : [28, 28]"
|
||||
:icon-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [12, 41] : [8, 28]"
|
||||
:tooltip-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [16, -28] : [8, -21]"
|
||||
:popup-anchor="(itemLocation.item.id == hoveredMapCardItemId || itemLocation.item.id == mapSelectedItemId) ? [1, -34] : [1, -25]" />
|
||||
<l-tooltip>
|
||||
<div
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex">
|
||||
<div
|
||||
v-if="column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
style="font-weight: bold;"
|
||||
v-html="(itemLocation.item.metadata != undefined && collectionId ? renderMetadata(itemLocation.item, column) : (itemLocation.item.title ? itemLocation.item.title :`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)) + getMultivalueIndicator(itemLocation)" />
|
||||
<div
|
||||
v-if="column.display && column.metadata_type == 'Tainacan\\Metadata_Types\\Compound' && selectedGeocoordinateMetadatum.parent == column.id"
|
||||
v-html="itemLocation.item.metadata != undefined ? renderMetadata(itemLocation.item, column, itemLocation.multivalueIndex) : ''" />
|
||||
</div>
|
||||
</l-tooltip>
|
||||
</l-marker>
|
||||
<l-control-zoom position="bottomright" />
|
||||
<l-control
|
||||
:disable-scroll-propagation="true"
|
||||
:disable-click-propagation="true"
|
||||
position="topleft">
|
||||
<div class="geocoordinate-panel">
|
||||
<div
|
||||
v-if="Object.keys(geocoordinateMetadata).length"
|
||||
class="geocoordinate-panel--input">
|
||||
<label>{{ $i18n.get('label_showing_locations_for') }} </label>
|
||||
<b-select
|
||||
:placeholder="$i18n.get('instruction_select_geocoordinate_metadatum')"
|
||||
id="tainacan-select-geocoordinate-metatum"
|
||||
v-model="selectedGeocoordinateMetadatumId">
|
||||
<option
|
||||
v-for="(geocoordinateMetadatum, geocoordinateMetadatumId) in geocoordinateMetadata"
|
||||
:key="geocoordinateMetadatum.id"
|
||||
role="button"
|
||||
:class="{ 'is-active': selectedGeocoordinateMetadatumId == geocoordinateMetadatumId }"
|
||||
:value="geocoordinateMetadatumId"
|
||||
@click="onChangeSelectedGeocoordinateMetadatum(geocoordinateMetadatumId)">
|
||||
{{ geocoordinateMetadatum.name }}
|
||||
</option>
|
||||
</b-select>
|
||||
</div>
|
||||
<section
|
||||
v-else
|
||||
class="section">
|
||||
<div class="content has-text-grey has-text-centered">
|
||||
<p>
|
||||
<span class="icon is-large">
|
||||
<i class="tainacan-icon tainacan-icon-30px tainacan-icon-public" />
|
||||
</span>
|
||||
</p>
|
||||
<p>{{ $i18n.get('info_empty_geocoordinate_metadata_list') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</l-control>
|
||||
<l-control
|
||||
:disable-scroll-propagation="true"
|
||||
:disable-click-propagation="true"
|
||||
v-if="selectedMarkerIndexes.length || mapSelectedItemId"
|
||||
position="topleft"
|
||||
class="tainacan-records-container tainacan-records-container--map">
|
||||
<button
|
||||
:aria-label="$i18n.get('label_clean')"
|
||||
class="tainacan-records-close-button"
|
||||
@click="clearSelectedMarkers()"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_clean'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||
placement: 'auto-start'
|
||||
}">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-close" />
|
||||
</span>
|
||||
</button>
|
||||
<transition-group
|
||||
tag="ul"
|
||||
name="appear">
|
||||
<li
|
||||
:aria-setsize="totalItems"
|
||||
:aria-posinset="getPosInSet(index)"
|
||||
:data-tainacan-item-id="item.id"
|
||||
:key="item.id"
|
||||
v-for="(item, index) of items.filter(anItem => mapSelectedItemId == anItem.id)">
|
||||
<a
|
||||
:href="getItemLink(item.url, index)"
|
||||
:class="{
|
||||
'non-located-item': !itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id)
|
||||
}"
|
||||
class="tainacan-record">
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasBeforeHook()"
|
||||
class="faceted-search-hook faceted-search-hook-item-before"
|
||||
v-html="getBeforeHook(item)" />
|
||||
|
||||
<!-- Title -->
|
||||
<div class="metadata-title">
|
||||
<span
|
||||
v-if="itemsLocations.some(anItemLocation => anItemLocation.item.id == item.id) && selectedGeocoordinateMetadatum.slug"
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_show_item_location_on_map'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
id="button-show-location"
|
||||
class="icon"
|
||||
style="margin: -1px 4px 0px 0px;"
|
||||
:aria-label="$i18n.get('label_show_item_location_on_map')"
|
||||
@click.prevent.stop="showLocationsByItem(item)">
|
||||
<svg
|
||||
style="width: 1.125em;height: 1.125em;"
|
||||
viewBox="0 0 24 24">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" />
|
||||
</svg>
|
||||
</span>
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: item.metadata != undefined ? renderMetadata(item, column) : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
v-if="column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.metadata != undefined && collectionId ? renderMetadata(item, column) : (item.title ? item.title :`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
<span
|
||||
v-if="isSlideshowViewModeEnabled"
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 100,
|
||||
},
|
||||
content: $i18n.get('label_see_on_fullscreen'),
|
||||
placement: 'auto-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
@click.prevent="starSlideshowFromHere(index)"
|
||||
class="icon slideshow-icon">
|
||||
<i class="tainacan-icon tainacan-icon-viewgallery tainacan-icon-1-125em"/>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Remaining metadata -->
|
||||
<div class="media">
|
||||
<div class="list-metadata media-body">
|
||||
<div
|
||||
class="tainacan-record-thumbnail"
|
||||
v-if="item.thumbnail != undefined">
|
||||
<blur-hash-image
|
||||
@click.left="onClickItem($event, item)"
|
||||
@click.right="onRightClickItem($event, item)"
|
||||
v-if="item.thumbnail != undefined"
|
||||
class="tainacan-record-item-thumbnail"
|
||||
:width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-medium-full', 120)"
|
||||
:height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-medium-full', 120)"
|
||||
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-medium-full')"
|
||||
:src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full', item.document_mimetype)"
|
||||
:srcset="$thumbHelper.getSrcSet(item['thumbnail'], 'tainacan-medium-full', item.document_mimetype)"
|
||||
:alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
|
||||
:transition-duration="500"
|
||||
/>
|
||||
<div
|
||||
:style="{
|
||||
minHeight: getItemImageHeight(item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][1] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[1] : 120), item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][2] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[2] : 120)) + 'px',
|
||||
marginTop: '-' + getItemImageHeight(item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][1] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[1] : 120), item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][2] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[2] : 120)) + 'px'
|
||||
}" />
|
||||
</div>
|
||||
<span
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
:class="{ 'metadata-type-textarea': column.metadata_type_object.component == 'tainacan-textarea' }"
|
||||
v-if="renderMetadata(item, column) != '' && column.display && column.slug != 'thumbnail' && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop != 'title')">
|
||||
<h3 class="metadata-label">{{ column.name }}</h3>
|
||||
<p
|
||||
v-html="renderMetadata(item, column)"
|
||||
class="metadata-value"/>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasAfterHook()"
|
||||
class="faceted-search-hook faceted-search-hook-item-after"
|
||||
v-html="getAfterHook(item)" />
|
||||
</a>
|
||||
</li>
|
||||
</transition-group>
|
||||
</l-control>
|
||||
</l-map>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { viewModesMixin } from '../js/view-modes-mixin.js';
|
||||
import { LMap, LIcon, LTooltip, LTileLayer, LMarker, LControl, LControlZoom } from 'vue2-leaflet';
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import { latLng } from 'leaflet';
|
||||
import iconUrl from 'leaflet/dist/images/marker-icon.png';
|
||||
import iconRetinaUrl from 'leaflet/dist/images/marker-icon-2x.png';
|
||||
import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
|
||||
import * as LeafletActiveArea from 'leaflet-active-area';
|
||||
|
||||
export default {
|
||||
name: 'ViewModeMap',
|
||||
components: {
|
||||
LMap,
|
||||
LIcon,
|
||||
LTooltip,
|
||||
LTileLayer,
|
||||
LMarker,
|
||||
LControl,
|
||||
LControlZoom
|
||||
},
|
||||
mixins: [
|
||||
viewModesMixin
|
||||
],
|
||||
data () {
|
||||
return {
|
||||
selectedGeocoordinateMetadatumId: false,
|
||||
latitude: -14.4086569,
|
||||
longitude: -51.31668,
|
||||
mapTileUrl: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
mapTileAttribution: '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors',
|
||||
selectedMarkerIndexes: [],
|
||||
hoveredMapCardItemId: false,
|
||||
mapSelectedItemId: false,
|
||||
mapIconRetinaUrl: iconRetinaUrl,
|
||||
mapIconUrl: iconUrl,
|
||||
mapIconShadowUrl: shadowUrl
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
amountOfDisplayedMetadata() {
|
||||
return this.displayedMetadata.filter((metadata) => metadata.display).length;
|
||||
},
|
||||
itemsLocations() {
|
||||
let locations = [];
|
||||
|
||||
if ( this.selectedGeocoordinateMetadatum.slug && this.items ) {
|
||||
for (let item of this.items) {
|
||||
|
||||
let selectedItemMetadatum = item.metadata[this.selectedGeocoordinateMetadatum.slug];
|
||||
|
||||
// Handle compound metadata child first, as they will not appear in this list by default (they are inside their parents value)
|
||||
if (!selectedItemMetadatum && this.selectedGeocoordinateMetadatum['parent']) {
|
||||
|
||||
const parentSlug = Object.keys(item.metadata).find(aMetadatumSlug => item.metadata[aMetadatumSlug].id == this.selectedGeocoordinateMetadatum['parent']);
|
||||
if (parentSlug) {
|
||||
item.metadata[parentSlug].value.forEach(aCompoundValue => {
|
||||
|
||||
const compoundValues = Array.isArray(aCompoundValue) ? aCompoundValue : [aCompoundValue];
|
||||
compoundValues.forEach(aValue => {
|
||||
if ( aValue['metadatum_id'] == this.selectedGeocoordinateMetadatum['id'] ) {
|
||||
selectedItemMetadatum = {
|
||||
'metadatum_id': aValue['metadatum_id'],
|
||||
'parent_meta_id': aValue['parent_meta_id'],
|
||||
'value': selectedItemMetadatum && selectedItemMetadatum['value'] ? selectedItemMetadatum['value'] : [],
|
||||
'value_as_string': selectedItemMetadatum && selectedItemMetadatum['value_as_string'] ? selectedItemMetadatum['value_as_string'] : [],
|
||||
'value_as_html': selectedItemMetadatum && selectedItemMetadatum['value_as_html'] ? selectedItemMetadatum['value_as_html'] : []
|
||||
}
|
||||
selectedItemMetadatum['value'].push(aValue['value']);
|
||||
selectedItemMetadatum['value_as_string'].push(aValue['value_as_string']);
|
||||
selectedItemMetadatum['value_as_html'].push(aValue['value_as_html']);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Then check if has a single or multi value
|
||||
if (
|
||||
selectedItemMetadatum &&
|
||||
Array.isArray(selectedItemMetadatum.value)
|
||||
) {
|
||||
for (let i = 0; i < selectedItemMetadatum.value.length; i++) {
|
||||
if (selectedItemMetadatum.value[i].split(',').length == 2) {
|
||||
locations.push({
|
||||
item: item,
|
||||
multivalueIndex: i,
|
||||
multivalueTotal: selectedItemMetadatum.value.length,
|
||||
location: latLng(selectedItemMetadatum.value[i].split(','))
|
||||
});
|
||||
}
|
||||
}
|
||||
} else if (
|
||||
selectedItemMetadatum &&
|
||||
typeof selectedItemMetadatum.value.split == 'function' &&
|
||||
selectedItemMetadatum.value.split(',').length == 2
|
||||
) {
|
||||
locations.push({
|
||||
item: item,
|
||||
location: latLng(selectedItemMetadatum.value.split(','))
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
return locations;
|
||||
},
|
||||
geocoordinateMetadata() {
|
||||
let geoMetadata = {};
|
||||
|
||||
this.displayedMetadata.forEach((aMetadatum) => {
|
||||
|
||||
if ( aMetadatum['display'] && aMetadatum['metadata_type'] == 'Tainacan\\Metadata_Types\\GeoCoordinate' )
|
||||
geoMetadata[aMetadatum.id] = aMetadatum;
|
||||
|
||||
if ( aMetadatum['display'] && aMetadatum['metadata_type'] == 'Tainacan\\Metadata_Types\\Compound' &&
|
||||
aMetadatum['metadata_type_options']['children_objects'] && aMetadatum['metadata_type_options']['children_objects'].length
|
||||
) {
|
||||
for ( let i = 0; i < aMetadatum['metadata_type_options']['children_objects'].length; i++ )
|
||||
if ( aMetadatum['metadata_type_options']['children_objects'][i]['metadata_type'] == 'Tainacan\\Metadata_Types\\GeoCoordinate' ) {
|
||||
let childMetadatum = JSON.parse(JSON.stringify(aMetadatum['metadata_type_options']['children_objects'][i]));
|
||||
childMetadatum.name = childMetadatum.name + ' (' + aMetadatum.name + ')';
|
||||
geoMetadata[aMetadatum.id] = childMetadatum;
|
||||
}
|
||||
}
|
||||
});
|
||||
return geoMetadata;
|
||||
},
|
||||
selectedGeocoordinateMetadatum() {
|
||||
if (
|
||||
!Object.keys(this.geocoordinateMetadata).length ||
|
||||
!this.geocoordinateMetadata[this.selectedGeocoordinateMetadatumId]
|
||||
)
|
||||
return false;
|
||||
else
|
||||
return this.geocoordinateMetadata[this.selectedGeocoordinateMetadatumId];
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
itemsLocations() {
|
||||
setTimeout(() => {
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject ) {
|
||||
if (this.itemsLocations.length == 1)
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.panInsideBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
else
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.flyToBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
}
|
||||
}, 500)
|
||||
},
|
||||
selectedGeocoordinateMetadatum() {
|
||||
this.clearSelectedMarkers();
|
||||
},
|
||||
geocoordinateMetadata: {
|
||||
handler () {
|
||||
// Setting default geocoordinate metadatum for map view mode
|
||||
const prefsGeocoordinateMetadatum = !this.isRepositoryLevel ? 'map_view_mode_selected_geocoordinate_metadatum_' + this.collectionId : 'map_view_mode_selected_geocoordinate_metadatum';
|
||||
const geocoordinateMetadataIds = Object.keys(this.geocoordinateMetadata);
|
||||
if (
|
||||
!geocoordinateMetadataIds.length ||
|
||||
!this.$userPrefs.get(prefsGeocoordinateMetadatum) ||
|
||||
!this.geocoordinateMetadata[this.$userPrefs.get(prefsGeocoordinateMetadatum)]
|
||||
)
|
||||
this.selectedGeocoordinateMetadatumId = geocoordinateMetadataIds.length ? geocoordinateMetadataIds[0] : false;
|
||||
else
|
||||
this.selectedGeocoordinateMetadatumId = this.$userPrefs.get(prefsGeocoordinateMetadatum);
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChangeSelectedGeocoordinateMetadatum(id) {
|
||||
// Setting default geocoordinate metadatum for map view mode
|
||||
const prefsGeocoordinateMetadatum = !this.isRepositoryLevel ? 'map_view_mode_selected_geocoordinate_metadatum_' + this.collectionId : 'map_view_mode_selected_geocoordinate_metadatum';
|
||||
this.$userPrefs.set(prefsGeocoordinateMetadatum, id);
|
||||
},
|
||||
onMapReady() {
|
||||
if ( LeafletActiveArea && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject )
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.setActiveArea('leaflet-active-area');
|
||||
},
|
||||
getItemImageHeight(imageWidth, imageHeight) {
|
||||
let itemWidth = 120;
|
||||
return (imageHeight*itemWidth)/imageWidth;
|
||||
},
|
||||
getMultivalueIndicator(itemLocation) {
|
||||
if ( itemLocation.multivalueTotal > 1 )
|
||||
return ' <em>(' + (itemLocation.multivalueIndex + 1) + ' of ' + itemLocation.multivalueTotal + ')</em>';
|
||||
else
|
||||
return '';
|
||||
},
|
||||
clearSelectedMarkers() {
|
||||
this.mapSelectedItemId = false;
|
||||
this.selectedMarkerIndexes = [];
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject ) {
|
||||
if (this.itemsLocations.length == 1)
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.panInsideBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
else
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.flyToBounds(this.itemsLocations.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
}
|
||||
},
|
||||
showItemByLocation(index) {
|
||||
this.mapSelectedItemId = this.itemsLocations[index].item.id;
|
||||
this.selectedMarkerIndexes = [];
|
||||
this.selectedMarkerIndexes.push(index);
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject )
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.panInsideBounds( [ this.itemsLocations[index].location ], { animate: true, maxZoom: 16 });
|
||||
},
|
||||
showLocationsByItem(item) {
|
||||
this.mapSelectedItemId = item.id;
|
||||
this.selectedMarkerIndexes = [];
|
||||
|
||||
const selectedLocationsByItem = this.itemsLocations.filter((anItemLocation, index) => {
|
||||
if (anItemLocation.item.id == item.id)
|
||||
this.selectedMarkerIndexes.push(index);
|
||||
return anItemLocation.item.id == item.id;
|
||||
})
|
||||
|
||||
if ( selectedLocationsByItem.length) {
|
||||
if ( this.itemsLocations.length && this.$refs['tainacan-view-mode-map'] && this.$refs['tainacan-view-mode-map'].mapObject ) {
|
||||
if (selectedLocationsByItem.length > 1)
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.flyToBounds( selectedLocationsByItem.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
else
|
||||
this.$refs['tainacan-view-mode-map'].mapObject.panInsideBounds( selectedLocationsByItem.map((anItemLocation) => anItemLocation.location), { animate: true, maxZoom: 16 });
|
||||
}
|
||||
} else {
|
||||
this.$buefy.snackbar.open({
|
||||
message: this.$i18n.get('info_non_located_item'),
|
||||
type: 'is-warning',
|
||||
duration: 3000
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@import "../../../../../admin/scss/_view-mode-records.scss";
|
||||
@import "../../../../../admin/scss/_view-mode-map.scss";
|
||||
|
||||
.tainacan-records-container--map .tainacan-record .metadata-title {
|
||||
padding: 0.6em 0.875em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -68,7 +68,7 @@ export const viewModesMixin = {
|
|||
}
|
||||
return itemUrl;
|
||||
},
|
||||
renderMetadata(item, metadatum) {
|
||||
renderMetadata(item, metadatum, multivalueIndex) {
|
||||
let metadata = false;
|
||||
if (item && item.metadata && item.metadata[metadatum.slug] != undefined)
|
||||
metadata = item.metadata[metadatum.slug]
|
||||
|
|
@ -83,8 +83,25 @@ export const viewModesMixin = {
|
|||
|
||||
if (!metadata)
|
||||
return '';
|
||||
else
|
||||
return metadata.value_as_html;
|
||||
|
||||
if ( multivalueIndex != undefined && metadata.value[multivalueIndex]) {
|
||||
|
||||
if ( !Array.isArray(metadata.value[multivalueIndex]) && metadata.value[multivalueIndex].value_as_html)
|
||||
return metadata.value[multivalueIndex].value_as_html;
|
||||
|
||||
if ( Array.isArray(metadata.value[multivalueIndex]) ) {
|
||||
let sumOfValuesAsHtml = '';
|
||||
|
||||
metadata.value[multivalueIndex].forEach(aValue => {
|
||||
if (aValue.value_as_html)
|
||||
sumOfValuesAsHtml += aValue.value_as_html + '<br>';
|
||||
})
|
||||
|
||||
return sumOfValuesAsHtml;
|
||||
}
|
||||
}
|
||||
|
||||
return metadata.value_as_html;
|
||||
},
|
||||
starSlideshowFromHere(index) {
|
||||
this.$router.replace({ query: {...this.$route.query, ...{'slideshow-from': index } }}).catch((error) => this.$console.log(error));
|
||||
|
|
|
|||
|
|
@ -1301,15 +1301,8 @@
|
|||
fetchOnlyMetadatumIds.push(metadatum.id);
|
||||
}
|
||||
|
||||
if (
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Compound' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\User'
|
||||
) {
|
||||
if ( metadatum.metadata_type_object.sortable )
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -1365,15 +1358,8 @@
|
|||
}
|
||||
|
||||
for (let metadatum of this.metadata) {
|
||||
if ((metadatum.display !== 'never' || metadatum.metadata_type == 'Tainacan\\Metadata_Types\\Control') &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Compound' &&
|
||||
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\User'
|
||||
) {
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
if ( (metadatum.display !== 'never' || metadatum.metadata_type == 'Tainacan\\Metadata_Types\\Control') && metadatum.metadata_type_object.sortable )
|
||||
this.sortingMetadata.push(metadatum);
|
||||
}
|
||||
|
||||
this.sortingMetadata.push({
|
||||
|
|
|
|||
|
|
@ -51,6 +51,7 @@ import ViewModeRecords from './theme-search/components/view-mode-records.vue';
|
|||
import ViewModeMasonry from './theme-search/components/view-mode-masonry.vue';
|
||||
import ViewModeSlideshow from './theme-search/components/view-mode-slideshow.vue';
|
||||
import ViewModeList from './theme-search/components/view-mode-list.vue';
|
||||
import ViewModeMap from './theme-search/components/view-mode-map.vue';
|
||||
|
||||
// Remaining imports
|
||||
import store from '../../../admin/js/store/store';
|
||||
|
|
@ -160,6 +161,7 @@ export default (element) => {
|
|||
Vue.component('view-mode-masonry', ViewModeMasonry);
|
||||
Vue.component('view-mode-slideshow', ViewModeSlideshow);
|
||||
Vue.component('view-mode-list', ViewModeList);
|
||||
Vue.component('view-mode-map', ViewModeMap);
|
||||
|
||||
Vue.use(eventBusSearch, { store: store, router: routerTheme});
|
||||
|
||||
|
|
|
|||
|
|
@ -6,9 +6,7 @@
|
|||
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>
|
||||
);
|
||||
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"name": "tainacan/geocoorinate-item-metadatum",
|
||||
"title": "Tainacan Geo Coordinate Item Metadatum",
|
||||
"apiVersion": 2,
|
||||
"category": "tainacan-blocks",
|
||||
"keywords": [ "item", "location", "geographic", "coordinates", "metadatum", "field", "value" ],
|
||||
"description": "A single item geographic metadatum, containing location information.",
|
||||
"textdomain": "tainacan",
|
||||
"parent": [],
|
||||
"example": {
|
||||
"attributes": {
|
||||
"content": "preview"
|
||||
}
|
||||
},
|
||||
"attributes": {
|
||||
"content": {
|
||||
"type": "array",
|
||||
"source": "query",
|
||||
"selector": "div"
|
||||
},
|
||||
"dataSource": {
|
||||
"type": "string",
|
||||
"default": "selection"
|
||||
},
|
||||
"templateMode": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"collectionId": {
|
||||
"type": "integer"
|
||||
},
|
||||
"itemId": {
|
||||
"type": "integer"
|
||||
},
|
||||
"metadatumId": {
|
||||
"type": "integer"
|
||||
},
|
||||
"isModalOpen": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
},
|
||||
"usesContext": [
|
||||
"tainacan/itemId"
|
||||
],
|
||||
"supports": {
|
||||
"align": ["full", "wide"],
|
||||
"multiple": true,
|
||||
"html": true,
|
||||
"anchor": true
|
||||
},
|
||||
"editorScript": "geocoordinate-item-metadatum",
|
||||
"editorStyle": "geocoordinate-item-metadatum"
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
export default [];
|
||||
|
|
@ -0,0 +1,165 @@
|
|||
const { __ } = wp.i18n;
|
||||
const { Button, Placeholder, ToolbarDropdownMenu, SVG, Path } = wp.components;
|
||||
|
||||
const ServerSideRender = wp.serverSideRender;
|
||||
const { useBlockProps, BlockControls, AlignmentControl } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
import SingleItemMetadatumModal from '../../js/selection/single-item-metadatum-modal.js';
|
||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||
import getCollectionIdFromPossibleTemplateEdition from '../../js/template/tainacan-blocks-single-item-template-mode.js';
|
||||
|
||||
export default function ({ attributes, setAttributes, className, isSelected }) {
|
||||
|
||||
let {
|
||||
content,
|
||||
collectionId,
|
||||
itemId,
|
||||
metadatumId,
|
||||
metadatumType,
|
||||
isModalOpen,
|
||||
dataSource,
|
||||
templateMode,
|
||||
} = attributes;
|
||||
|
||||
// Gets blocks props from hook
|
||||
const blockProps = tainacan_blocks.wp_version < '5.6' ? { className: className } : useBlockProps( {
|
||||
className: {
|
||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||
}
|
||||
} );
|
||||
const currentWPVersion = (typeof tainacan_blocks != 'undefined') ? tainacan_blocks.wp_version : tainacan_plugin.wp_version;
|
||||
|
||||
// Checks if we are in template mode, if so, gets the collection Id from URL.
|
||||
if ( !templateMode ) {
|
||||
const possibleCollectionId = getCollectionIdFromPossibleTemplateEdition();
|
||||
if (possibleCollectionId) {
|
||||
collectionId = possibleCollectionId;
|
||||
templateMode = true
|
||||
setAttributes({
|
||||
collectionId: collectionId,
|
||||
templateMode: templateMode
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return content == 'preview' ?
|
||||
<div className={className}>
|
||||
<img
|
||||
width="100%"
|
||||
src={ `${tainacan_blocks.base_url}/assets/images/related-carousel-items.png` } />
|
||||
</div>
|
||||
: (
|
||||
<div { ...blockProps }>
|
||||
{ dataSource == 'selection' ? (
|
||||
<BlockControls group="other">
|
||||
{
|
||||
TainacanBlocksCompatToolbar({
|
||||
label: templateMode ? __('Select metadatum', 'tainacan') : __('Select item metadatum', 'tainacan'),
|
||||
icon: <svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="-2 -2 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path d="m 6,3.9960001 h 5.016 c 0.544,0 1.008,0.192 1.392,0.576 L 19.416,11.58 c 0.384,0.384 0.576,0.856 0.576,1.416 0,0.56 -0.192,1.032 -0.576,1.416 l -4.992,4.992 c -0.176,0.176 -0.392,0.32 -0.648,0.432 -0.24,0.112 -0.496,0.168 -0.768,0.168 -0.272,0 -0.536,-0.056 -0.792,-0.168 -0.24,-0.112 -0.448,-0.256 -0.624,-0.432 L 4.608,12.42 c -0.4,-0.4 -0.6,-0.872 -0.6,-1.416 V 5.988 C 4.008,5.428 4.2,4.956 4.584,4.572 4.968,4.188 5.44,3.996 6,3.9960001 Z m 1.512,4.992 c 0.416,0 0.768,-0.144 1.056,-0.432 C 8.856,8.2680001 9,7.916 9,7.5 9,7.084 8.856,6.732 8.568,6.444 8.28,6.14 7.928,5.988 7.512,5.988 7.096,5.988 6.736,6.14 6.432,6.444 6.144,6.732 6,7.084 6,7.5 c 0,0.416 0.144,0.7680001 0.432,1.0560001 0.304,0.288 0.664,0.432 1.08,0.432 z"/>
|
||||
</svg>,
|
||||
onClick: () => {
|
||||
isModalOpen = true;
|
||||
setAttributes( {
|
||||
isModalOpen: isModalOpen
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
</BlockControls>
|
||||
): null
|
||||
}
|
||||
|
||||
{ isSelected ?
|
||||
(
|
||||
<div>
|
||||
{ isModalOpen ?
|
||||
<SingleItemMetadatumModal
|
||||
modalTitle={ templateMode ? __('Select one metadatum', 'tainacan') : __('Select one item to render its metadata', 'tainacan') }
|
||||
existingCollectionId={ collectionId }
|
||||
existingItemId={ itemId }
|
||||
existingMetadatumId={ metadatumId }
|
||||
isTemplateMode={ templateMode }
|
||||
onSelectCollection={ (selectedCollectionId) => {
|
||||
collectionId = selectedCollectionId;
|
||||
setAttributes({
|
||||
collectionId: collectionId
|
||||
});
|
||||
}}
|
||||
onSelectItem={ (selectedItemId) => {
|
||||
itemId = selectedItemId;
|
||||
setAttributes({
|
||||
itemId: itemId
|
||||
});
|
||||
}}
|
||||
onApplySelectedMetadatum={ (selectedMetadatum) => {
|
||||
metadatumId = selectedMetadatum.metadatumId;
|
||||
metadatumType = selectedMetadatum.metadatumType;
|
||||
|
||||
setAttributes({
|
||||
metadatumId: metadatumId,
|
||||
metadatumType: metadatumType,
|
||||
isModalOpen: false
|
||||
});
|
||||
}}
|
||||
onCancelSelection={ () => setAttributes({ isModalOpen: false }) }/>
|
||||
: null
|
||||
}
|
||||
|
||||
</div>
|
||||
) : null
|
||||
}
|
||||
|
||||
{ dataSource == 'selection' && !(collectionId && (templateMode || itemId) && metadatumId) ? (
|
||||
<Placeholder
|
||||
className="tainacan-block-placeholder"
|
||||
icon={(
|
||||
<img
|
||||
width={148}
|
||||
src={ `${tainacan_blocks.base_url}/assets/images/tainacan_logo_header.svg` }
|
||||
alt="Tainacan Logo"/>
|
||||
)}>
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="-2 -2 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<path d="m 6,3.9960001 h 5.016 c 0.544,0 1.008,0.192 1.392,0.576 L 19.416,11.58 c 0.384,0.384 0.576,0.856 0.576,1.416 0,0.56 -0.192,1.032 -0.576,1.416 l -4.992,4.992 c -0.176,0.176 -0.392,0.32 -0.648,0.432 -0.24,0.112 -0.496,0.168 -0.768,0.168 -0.272,0 -0.536,-0.056 -0.792,-0.168 -0.24,-0.112 -0.448,-0.256 -0.624,-0.432 L 4.608,12.42 c -0.4,-0.4 -0.6,-0.872 -0.6,-1.416 V 5.988 C 4.008,5.428 4.2,4.956 4.584,4.572 4.968,4.188 5.44,3.996 6,3.9960001 Z m 1.512,4.992 c 0.416,0 0.768,-0.144 1.056,-0.432 C 8.856,8.2680001 9,7.916 9,7.5 9,7.084 8.856,6.732 8.568,6.444 8.28,6.14 7.928,5.988 7.512,5.988 7.096,5.988 6.736,6.14 6.432,6.444 6.144,6.732 6,7.084 6,7.5 c 0,0.416 0.144,0.7680001 0.432,1.0560001 0.304,0.288 0.664,0.432 1.08,0.432 z"/>
|
||||
</svg>
|
||||
{__('Select an item metadata to display its label and value.', 'tainacan')}
|
||||
</p>
|
||||
<Button
|
||||
isPrimary
|
||||
type="button"
|
||||
onClick={ () => {
|
||||
isModalOpen = true;
|
||||
setAttributes( {
|
||||
isModalOpen: isModalOpen
|
||||
});
|
||||
}
|
||||
}>
|
||||
{__('Select Item Metadatum', 'tainacan')}
|
||||
</Button>
|
||||
</Placeholder>
|
||||
) : null
|
||||
}
|
||||
|
||||
{ (collectionId && (itemId || templateMode) && metadatumId) ? (
|
||||
<div className={ 'item-metadatum-edit-container' }>
|
||||
<ServerSideRender
|
||||
block="tainacan/item-metadatum"
|
||||
attributes={ attributes }
|
||||
httpMethod={ currentWPVersion >= '5.5' ? 'POST' : 'GET' }
|
||||
/>
|
||||
</div>
|
||||
) : null
|
||||
}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
const { SVG, Path } = wp.components;
|
||||
|
||||
export default (
|
||||
<SVG
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
height="24px"
|
||||
width="24px">
|
||||
<Path d="m 6,3.9960001 h 5.016 c 0.544,0 1.008,0.192 1.392,0.576 L 19.416,11.58 c 0.384,0.384 0.576,0.856 0.576,1.416 0,0.56 -0.192,1.032 -0.576,1.416 l -4.992,4.992 c -0.176,0.176 -0.392,0.32 -0.648,0.432 -0.24,0.112 -0.496,0.168 -0.768,0.168 -0.272,0 -0.536,-0.056 -0.792,-0.168 -0.24,-0.112 -0.448,-0.256 -0.624,-0.432 L 4.608,12.42 c -0.4,-0.4 -0.6,-0.872 -0.6,-1.416 V 5.988 C 4.008,5.428 4.2,4.956 4.584,4.572 4.968,4.188 5.44,3.996 6,3.9960001 Z m 1.512,4.992 c 0.416,0 0.768,-0.144 1.056,-0.432 C 8.856,8.2680001 9,7.916 9,7.5 9,7.084 8.856,6.732 8.568,6.444 8.28,6.14 7.928,5.988 7.512,5.988 7.096,5.988 6.736,6.14 6.432,6.444 6.144,6.732 6,7.084 6,7.5 c 0,0.416 0.144,0.7680001 0.432,1.0560001 0.304,0.288 0.664,0.432 1.08,0.432 z" />
|
||||
</SVG>
|
||||
);
|
||||
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import tainacanRegisterBlockType from '../../js/compatibility/tainacan-blocks-compat-register.js';
|
||||
|
||||
import metadata from './block.json';
|
||||
import icon from './icon.js';
|
||||
import edit from './edit.js';
|
||||
import save from './save.js';
|
||||
import deprecated from './deprecated.js';
|
||||
|
||||
tainacanRegisterBlockType({
|
||||
metadata,
|
||||
icon,
|
||||
edit,
|
||||
save,
|
||||
deprecated
|
||||
});
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
export default function() {
|
||||
return null
|
||||
};
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<?php
|
||||
|
||||
/**
|
||||
* Renders the content of the item metadata block
|
||||
* using Tainacan template functions
|
||||
*/
|
||||
function tainacan_blocks_render_geocoordinate_item_metadatum( $block_attributes, $content, $block ) {
|
||||
|
||||
// Basic check, otherwise we don't have nothing to render here.
|
||||
$item_id = !empty($block->context['tainacan/itemId']) ? $block->context['tainacan/itemId'] : (isset($block_attributes['itemId']) ? $block_attributes['itemId'] : false);
|
||||
$metadatum_id = isset($block_attributes['metadatumId']) ? $block_attributes['metadatumId'] : false;
|
||||
$collection_id = isset($block_attributes['collectionId']) ? $block_attributes['collectionId'] : false;
|
||||
$data_source = isset($block_attributes['dataSource']) ? $block_attributes['dataSource'] : 'parent';
|
||||
$template_mode = isset($block_attributes['templateMode']) ? $block_attributes['templateMode'] : false;
|
||||
|
||||
if ( !$metadatum_id )
|
||||
return '';
|
||||
|
||||
// Builds args from backend query
|
||||
$args = array(
|
||||
'metadata' => $metadatum_id,
|
||||
'before_title' => '<h3 class="wp-block-tainacan-item-metadatum__metadatum-label">',
|
||||
'after_title' => '</h3>',
|
||||
'before_value' => '<p class="wp-block-tainacan-item-metadatum__metadatum-value">',
|
||||
'after_value' => '</p>'
|
||||
);
|
||||
|
||||
// Classes from block and Text alignment
|
||||
$wrapper_attributes = get_block_wrapper_attributes(
|
||||
array(
|
||||
'class' => 'metadata-type-$type',
|
||||
)
|
||||
);
|
||||
$args['before'] = '<div ' . $wrapper_attributes . '>';
|
||||
$args['after'] = '</div>';
|
||||
|
||||
if ( $template_mode && $collection_id ) {
|
||||
// Checks if we are in the edit page or in the published
|
||||
$current_post = get_post();
|
||||
$collection_pt_pattern = '/' . \Tainacan\Entities\Collection::$db_identifier_prefix . '\d+' . \Tainacan\Entities\Collection::$db_identifier_sufix . '/';
|
||||
|
||||
if ( $current_post === NULL )
|
||||
return '<div>Map Demo</div>';
|
||||
else if ( $current_post->post_type !== false && preg_match($collection_pt_pattern, $current_post->post_type) ) {
|
||||
return tainacan_get_the_metadata( $args, $current_post->ID );
|
||||
}
|
||||
|
||||
} else if ( $item_id ) {
|
||||
return tainacan_get_the_metadata( $args, $item_id );
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
.tainacan-leaflet-map-container {
|
||||
display: block;
|
||||
height: 320px;
|
||||
width:100%;
|
||||
|
||||
.tainacan-coordinates,
|
||||
.multivalue-separator {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
// TAINACAN LEAFLET MAP COMPONENT --------------------------------------------------------
|
||||
//
|
||||
// Counts on some HMTL markup to instantiate some leaflet maps
|
||||
import * as TainacanLeaflet from "leaflet";
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import iconUrl from 'leaflet/dist/images/marker-icon.png';
|
||||
import iconRetinaUrl from 'leaflet/dist/images/marker-icon-2x.png';
|
||||
import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
|
||||
|
||||
delete TainacanLeaflet.Icon.Default.prototype._getIconUrl;
|
||||
TainacanLeaflet.Icon.Default.mergeOptions({
|
||||
iconRetinaUrl: iconRetinaUrl,
|
||||
iconUrl: iconUrl,
|
||||
shadowUrl: shadowUrl
|
||||
});
|
||||
|
||||
/* Loads and instantiates map components passed to data-module="geocoordinate-item-metadatum"*/
|
||||
export default (element) => {
|
||||
if (element && element.id) {
|
||||
|
||||
const children = element.children ? element.children : [];
|
||||
if ( !children.length )
|
||||
return;
|
||||
|
||||
const coordinates = [];
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
if ( children[i].hasAttribute('data-latitude') && children[i].hasAttribute('data-longitude') )
|
||||
coordinates.push([children[i].getAttribute('data-latitude'), children[i].getAttribute('data-longitude')]);
|
||||
}
|
||||
|
||||
if ( !coordinates.length )
|
||||
return;
|
||||
|
||||
// Sets basic css that should be here only if this javascript is loaded.
|
||||
element.classList.add('tainacan-leaflet-map-container');
|
||||
element.style.setProperty('height', '320px');
|
||||
element.style.setProperty('width', '100%');
|
||||
element.style.setProperty('display', 'block');
|
||||
|
||||
var tainacanMap = TainacanLeaflet.map(element.id).setView([-14.4086569, -51.31668], 5);
|
||||
|
||||
const map_provider = element.hasAttribute('data-map_provider') ? element.getAttribute('data-map_provider') : 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
|
||||
const attribution = element.hasAttribute('data-attribution') ? element.getAttribute('data-attribution') : '© <a target="_blank" href="http://osm.org/copyright">OpenStreetMap</a> contributors';
|
||||
const initial_zoom = element.hasAttribute('data-initial_zoom') ? element.getAttribute('data-initial_zoom') : 5;
|
||||
const maximum_zoom = element.hasAttribute('data-maximum_zoom') ? element.getAttribute('data-maximum_zoom') : 12;
|
||||
|
||||
TainacanLeaflet.tileLayer(map_provider, {
|
||||
attribution: attribution,
|
||||
zoom: initial_zoom,
|
||||
maxZoom: maximum_zoom
|
||||
})
|
||||
.addTo(tainacanMap);
|
||||
|
||||
coordinates.forEach(coordinate => {
|
||||
TainacanLeaflet.marker(coordinate).addTo(tainacanMap);
|
||||
});
|
||||
|
||||
tainacanMap.flyToBounds(coordinates, { maxZoom: maximum_zoom });
|
||||
}
|
||||
};
|
||||
|
|
@ -13,140 +13,144 @@
|
|||
},
|
||||
"attributes": {
|
||||
"collectionId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"isCollectionModalOpen": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideFileModalButton": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideTextModalButton": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideLinkModalButton": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideThumbnailSection": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideAttachmentsSection": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideHelpButtons": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideMetadataTypes": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"showAllowCommentsSection": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideCollapses": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"backgroundColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "rgba(255,255,255,0)"
|
||||
},
|
||||
"baseFontSize": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": 16
|
||||
},
|
||||
"inputColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#1d1d1d"
|
||||
},
|
||||
"inputBackgroundColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"inputBorderColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#dbdbdb"
|
||||
},
|
||||
"labelColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#454647"
|
||||
},
|
||||
"infoColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#555758"
|
||||
},
|
||||
"primaryColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#d9eced"
|
||||
},
|
||||
"secondaryColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#298596"
|
||||
},
|
||||
"enabledMetadata": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"collectionMetadata": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"isLoadingCollectionMetadata": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"sentFormHeading": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Form submitted!"
|
||||
},
|
||||
"sentFormMessage": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Thank you. Your item was submitted to the collection."
|
||||
},
|
||||
"documentSectionLabel": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Document"
|
||||
},
|
||||
"attachmentsSectionLabel": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Attachments"
|
||||
},
|
||||
"thumbnailSectionLabel": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Thumbnail"
|
||||
},
|
||||
"metadataSectionLabel": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Metadata"
|
||||
},
|
||||
"showItemLinkButton": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"itemLinkButtonLabel": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "Go to the item page"
|
||||
},
|
||||
"helpInfoBellowLabel": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"showTermsAgreementCheckbox": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"termsAgreementMessage": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "I agree to submit this item information."
|
||||
},
|
||||
"isLayoutSteps": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
|
|
|
|||
|
|
@ -2,6 +2,235 @@ const { __ } = wp.i18n;
|
|||
const { RichText, useBlockProps } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
export default [
|
||||
/* Deprecated on Tainacan 0.20.0, due to isLayoutSteps */
|
||||
{
|
||||
"attributes": {
|
||||
"collectionId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"isCollectionModalOpen": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideFileModalButton": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideTextModalButton": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideLinkModalButton": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideThumbnailSection": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideAttachmentsSection": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideHelpButtons": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideMetadataTypes": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"showAllowCommentsSection": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"hideCollapses": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"backgroundColor": {
|
||||
"type": "String",
|
||||
"default": "rgba(255,255,255,0)"
|
||||
},
|
||||
"baseFontSize": {
|
||||
"type": "Number",
|
||||
"default": 16
|
||||
},
|
||||
"inputColor": {
|
||||
"type": "String",
|
||||
"default": "#1d1d1d"
|
||||
},
|
||||
"inputBackgroundColor": {
|
||||
"type": "String",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"inputBorderColor": {
|
||||
"type": "String",
|
||||
"default": "#dbdbdb"
|
||||
},
|
||||
"labelColor": {
|
||||
"type": "String",
|
||||
"default": "#454647"
|
||||
},
|
||||
"infoColor": {
|
||||
"type": "String",
|
||||
"default": "#555758"
|
||||
},
|
||||
"primaryColor": {
|
||||
"type": "String",
|
||||
"default": "#d9eced"
|
||||
},
|
||||
"secondaryColor": {
|
||||
"type": "String",
|
||||
"default": "#298596"
|
||||
},
|
||||
"enabledMetadata": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"collectionMetadata": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"isLoadingCollectionMetadata": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"sentFormHeading": {
|
||||
"type": "String",
|
||||
"default": "Form submitted!"
|
||||
},
|
||||
"sentFormMessage": {
|
||||
"type": "String",
|
||||
"default": "Thank you. Your item was submitted to the collection."
|
||||
},
|
||||
"documentSectionLabel": {
|
||||
"type": "String",
|
||||
"default": "Document"
|
||||
},
|
||||
"attachmentsSectionLabel": {
|
||||
"type": "String",
|
||||
"default": "Attachments"
|
||||
},
|
||||
"thumbnailSectionLabel": {
|
||||
"type": "String",
|
||||
"default": "Thumbnail"
|
||||
},
|
||||
"metadataSectionLabel": {
|
||||
"type": "String",
|
||||
"default": "Metadata"
|
||||
},
|
||||
"showItemLinkButton": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"itemLinkButtonLabel": {
|
||||
"type": "String",
|
||||
"default": "Go to the item page"
|
||||
},
|
||||
"helpInfoBellowLabel": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"showTermsAgreementCheckbox": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"termsAgreementMessage": {
|
||||
"type": "String",
|
||||
"default": "I agree to submit this item information."
|
||||
}
|
||||
},
|
||||
save({ attributes, className }) {
|
||||
const {
|
||||
collectionId,
|
||||
backgroundColor,
|
||||
hideFileModalButton,
|
||||
hideTextModalButton,
|
||||
hideLinkModalButton,
|
||||
hideThumbnailSection,
|
||||
hideAttachmentsSection,
|
||||
showAllowCommentsSection,
|
||||
hideHelpButtons,
|
||||
hideMetadataTypes,
|
||||
hideCollapses,
|
||||
documentSectionLabel,
|
||||
thumbnailSectionLabel,
|
||||
attachmentsSectionLabel,
|
||||
metadataSectionLabel,
|
||||
baseFontSize,
|
||||
inputColor,
|
||||
inputBackgroundColor,
|
||||
inputBorderColor,
|
||||
labelColor,
|
||||
infoColor,
|
||||
primaryColor,
|
||||
secondaryColor,
|
||||
enabledMetadata,
|
||||
sentFormHeading,
|
||||
sentFormMessage,
|
||||
showItemLinkButton,
|
||||
itemLinkButtonLabel,
|
||||
helpInfoBellowLabel,
|
||||
showTermsAgreementCheckbox,
|
||||
termsAgreementMessage
|
||||
} = attributes;
|
||||
|
||||
const blockProps = useBlockProps.save();
|
||||
let termsAgreementMessageHTML = <RichText.Content { ...blockProps } tagName="p" value={ termsAgreementMessage } />;
|
||||
termsAgreementMessageHTML = (termsAgreementMessageHTML && termsAgreementMessageHTML.props && termsAgreementMessageHTML.props.value) ? termsAgreementMessageHTML.props.value : '';
|
||||
|
||||
if (backgroundColor.rgb != undefined) {
|
||||
if (backgroundColor.rgb.a)
|
||||
backgroundColor = 'rgba(' + backgroundColor.rgb.r + ',' + backgroundColor.rgb.g + ',' + backgroundColor.rgb.b + ',' + backgroundColor.rgb.a + ')';
|
||||
else
|
||||
backgroundColor = 'rgb(' + backgroundColor.rgb.r + ',' + backgroundColor.rgb.g + ',' + backgroundColor.rgb.b + ')';
|
||||
}
|
||||
|
||||
return <div
|
||||
style={{
|
||||
'font-size': baseFontSize + 'px',
|
||||
'--tainacan-base-font-size': baseFontSize + 'px',
|
||||
'--tainacan-background-color': backgroundColor,
|
||||
'--tainacan-input-color': inputColor,
|
||||
'--tainacan-input-background-color': inputBackgroundColor,
|
||||
'--tainacan-input-border-color': inputBorderColor,
|
||||
'--tainacan-label-color': labelColor,
|
||||
'--tainacan-info-color': infoColor,
|
||||
'--tainacan-primary': primaryColor,
|
||||
'--tainacan-secondary': secondaryColor
|
||||
}}
|
||||
className={ className }>
|
||||
<div
|
||||
id="tainacan-item-submission-form"
|
||||
data-module="item-submission-form"
|
||||
collection-id={ collectionId }
|
||||
hide-file-modal-button={ hideFileModalButton.toString() }
|
||||
hide-text-modal-button={ hideTextModalButton.toString() }
|
||||
hide-link-modal-button={ hideLinkModalButton.toString() }
|
||||
hide-thumbnail-section={ hideThumbnailSection.toString() }
|
||||
hide-attachments-section={ hideAttachmentsSection.toString() }
|
||||
show-allow-comments-section={ showAllowCommentsSection.toString() }
|
||||
hide-help-buttons={ hideHelpButtons.toString() }
|
||||
hide-metadata-types={ hideMetadataTypes.toString() }
|
||||
hide-collapses={ hideCollapses.toString() }
|
||||
enabled-metadata={ enabledMetadata.toString() }
|
||||
sent-form-heading={ sentFormHeading }
|
||||
sent-form-message={ sentFormMessage }
|
||||
document-section-label={ documentSectionLabel }
|
||||
thumbnail-section-label={ thumbnailSectionLabel }
|
||||
attachments-section-label={ attachmentsSectionLabel }
|
||||
metadata-section-label={ metadataSectionLabel }
|
||||
show-item-link-button={ showItemLinkButton ? showItemLinkButton.toString() : 'false' }
|
||||
show-terms-agreement-checkbox={ showTermsAgreementCheckbox ? showTermsAgreementCheckbox.toString() : 'false' }
|
||||
terms-agreement-message={ termsAgreementMessageHTML }
|
||||
item-link-button-label={ itemLinkButtonLabel ? itemLinkButtonLabel : __( 'Go to the item page', 'tainacan' ) }
|
||||
help-info-bellow-label={ helpInfoBellowLabel ? helpInfoBellowLabel.toString() : 'false' } >
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
},
|
||||
/* Deprecated on Tainacan 0.18.8, due to the backgroundColor being a string instead of object */
|
||||
{
|
||||
"attributes": {
|
||||
|
|
|
|||
|
|
@ -56,7 +56,8 @@ export default function ({ attributes, setAttributes, className }) {
|
|||
itemLinkButtonLabel,
|
||||
helpInfoBellowLabel,
|
||||
showTermsAgreementCheckbox,
|
||||
termsAgreementMessage
|
||||
termsAgreementMessage,
|
||||
isLayoutSteps
|
||||
} = attributes;
|
||||
|
||||
const blockProps = useBlockProps();
|
||||
|
|
@ -280,6 +281,16 @@ export default function ({ attributes, setAttributes, className }) {
|
|||
<PanelBody
|
||||
title={__('Form elements', 'tainacan')}
|
||||
initialOpen={ true } >
|
||||
<ToggleControl
|
||||
label={__('Show metadata sections as steps on the form.', 'tainacan')}
|
||||
help={ isLayoutSteps ? __('Do not show the metadata sections as separate steps of the form.', 'tainacan') : __('Toggle to show the metadata sections as steps of the form.', 'tainacan')}
|
||||
checked={ isLayoutSteps }
|
||||
onChange={ ( isChecked ) => {
|
||||
isLayoutSteps = isChecked;
|
||||
setAttributes({ isLayoutSteps: isChecked });
|
||||
}
|
||||
}
|
||||
/>
|
||||
<ToggleControl
|
||||
label={__('Hide the Document type file button', 'tainacan')}
|
||||
help={ hideFileModalButton ? __('Do not show the button for uploading a file document', 'tainacan') : __('Toggle to show the button to upload a file document.', 'tainacan')}
|
||||
|
|
@ -646,8 +657,17 @@ export default function ({ attributes, setAttributes, className }) {
|
|||
<div style={{ flexGrow: '1' }}>
|
||||
{ metadataSectionLabel ?
|
||||
<div class="fake-text section-label"></div>
|
||||
:null }
|
||||
{ !hideCollapses ? <div class="fake-link"></div> : null }
|
||||
: null }
|
||||
{ !hideCollapses && !isLayoutSteps ?
|
||||
<div class="fake-link"></div>
|
||||
: null }
|
||||
{ isLayoutSteps ?
|
||||
<div class="fake-steps">
|
||||
<div class="fake-step"/>
|
||||
<div class="fake-step"/>
|
||||
<div class="fake-step"/>
|
||||
</div>
|
||||
: null }
|
||||
<div class="metadata-section">
|
||||
{ enabledMetadata.length ?
|
||||
enabledMetadata.map( (isEnabled) => {
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
:is-full-page="false"
|
||||
:active.sync="isLoading"
|
||||
:can-cancel="false"/>
|
||||
|
||||
<template v-if="couldLoadCollection && collecionAllowsItemSubmission">
|
||||
<form
|
||||
v-if="!hasSentForm"
|
||||
|
|
@ -400,7 +401,7 @@
|
|||
</div>
|
||||
|
||||
<a
|
||||
v-if="!hideCollapses"
|
||||
v-if="!showSteppedLayout && !hideCollapses"
|
||||
class="collapse-all"
|
||||
@click="toggleCollapseAll()">
|
||||
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
|
||||
|
|
@ -417,88 +418,105 @@
|
|||
class="item-submission-hook item-submission-hook-metadata-before"
|
||||
v-html="getBeforeHook('metadata')" />
|
||||
|
||||
<div
|
||||
v-for="(metadataSection, sectionIndex) of metadataSections"
|
||||
:key="sectionIndex"
|
||||
:class="'metadata-section-slug-' + metadataSection.slug"
|
||||
:id="'metadata-section-id-' + metadataSection.id">
|
||||
|
||||
<div class="metadata-section-header section-label">
|
||||
<span
|
||||
class="collapse-handle"
|
||||
@click="!hideCollapses ? toggleMetadataSectionCollapse(sectionIndex) : ''">
|
||||
<span
|
||||
v-if="!hideCollapses"
|
||||
class="icon"
|
||||
@click="toggleMetadataSectionCollapse(sectionIndex)">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-arrowdown' : metadataSectionCollapses[sectionIndex] || formErrorMessage,
|
||||
'tainacan-icon-arrowright' : !(metadataSectionCollapses[sectionIndex] || formErrorMessage)
|
||||
}"
|
||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
<label>{{ metadataSection.name }}</label>
|
||||
<help-button
|
||||
v-if="!hideHelpButtons &&
|
||||
!helpInfoBellowLabel &&
|
||||
metadataSection.description"
|
||||
:title="metadataSection.name"
|
||||
:message="metadataSection.description" />
|
||||
</span>
|
||||
</div>
|
||||
<transition name="filter-item">
|
||||
<component
|
||||
v-if="metadataSections.length"
|
||||
:is="showSteppedLayout ? 'b-steps' : 'div'"
|
||||
v-model="activeSectionStep"
|
||||
:has-navigation="false"
|
||||
type="is-secondary"
|
||||
mobile-mode="compact"
|
||||
size="is-small"
|
||||
ref="item-submission-steps-layout">
|
||||
<component
|
||||
:is="showSteppedLayout ? 'b-step-item' : 'div'"
|
||||
v-for="(metadataSection, sectionIndex) of metadataSections"
|
||||
:key="sectionIndex"
|
||||
:step="sectionIndex + 1"
|
||||
:label="metadataSection.name"
|
||||
:label-position="'right'"
|
||||
:clickable="true"
|
||||
:class="'metadata-section-slug-' + metadataSection.slug"
|
||||
:id="'metadata-section-id-' + metadataSection.id">
|
||||
<div
|
||||
class="metadata-section-metadata-list"
|
||||
v-show="metadataSectionCollapses[sectionIndex]">
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasBeforeHook('metadata_section')"
|
||||
class="item-submission-hook item-submission-hook-metadata-section-before"
|
||||
v-html="getBeforeHook('metadata_section', { metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
<p
|
||||
class="metadatum-description-help-info"
|
||||
v-if="metadataSection.description && (!hideHelpButtons && helpInfoBellowLabel)">
|
||||
{{ metadataSection.description }}
|
||||
</p>
|
||||
<template v-if="itemMetadata && Array.isArray(itemMetadata)">
|
||||
<template v-for="(itemMetadatum, index) of itemMetadata.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)">
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
:key="index"
|
||||
v-if="hasBeforeHook('metadatum')"
|
||||
class="item-submission-hook item-submission-hook-metadatum-before"
|
||||
v-html="getBeforeHook('metadatum', { metadatum: itemMetadatum.metadatum, index: index, metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
<tainacan-form-item
|
||||
:key="index"
|
||||
v-if="enabledMetadata[index] == 'true'"
|
||||
:item-metadatum="itemMetadatum"
|
||||
:hide-collapses="hideCollapses"
|
||||
:is-collapsed="metadataCollapses[index]"
|
||||
@changeCollapse="onChangeCollapse($event, index)"/>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
:key="index"
|
||||
v-if="hasAfterHook('metadatum')"
|
||||
class="item-submission-hook item-submission-hook-metadatum-after"
|
||||
v-html="getAfterHook('metadatum', { metadatum: itemMetadatum.metadatum, index: index, metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
</template>
|
||||
</template>
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasAfterHook('metadata_section')"
|
||||
class="item-submission-hook item-submission-hook-metadata-section-after"
|
||||
v-html="getAfterHook('metadata_section', { metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
v-if="!showSteppedLayout"
|
||||
class="metadata-section-header section-label">
|
||||
<span
|
||||
class="collapse-handle"
|
||||
@click="!hideCollapses ? toggleMetadataSectionCollapse(sectionIndex) : ''">
|
||||
<span
|
||||
v-if="!hideCollapses"
|
||||
class="icon"
|
||||
@click="toggleMetadataSectionCollapse(sectionIndex)">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-arrowdown' : metadataSectionCollapses[sectionIndex] || formErrorMessage,
|
||||
'tainacan-icon-arrowright' : !(metadataSectionCollapses[sectionIndex] || formErrorMessage)
|
||||
}"
|
||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||
</span>
|
||||
<label>{{ metadataSection.name }}</label>
|
||||
<help-button
|
||||
v-if="!hideHelpButtons &&
|
||||
!helpInfoBellowLabel &&
|
||||
metadataSection.description"
|
||||
:title="metadataSection.name"
|
||||
:message="metadataSection.description" />
|
||||
</span>
|
||||
</div>
|
||||
</transition>
|
||||
<transition name="filter-item">
|
||||
<div
|
||||
class="metadata-section-metadata-list"
|
||||
v-show="metadataSectionCollapses[sectionIndex]">
|
||||
|
||||
</div>
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasBeforeHook('metadata_section')"
|
||||
class="item-submission-hook item-submission-hook-metadata-section-before"
|
||||
v-html="getBeforeHook('metadata_section', { metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
<p
|
||||
class="metadatum-description-help-info"
|
||||
v-if="metadataSection.description && (!hideHelpButtons && helpInfoBellowLabel)">
|
||||
{{ metadataSection.description }}
|
||||
</p>
|
||||
<template v-if="itemMetadata && Array.isArray(itemMetadata)">
|
||||
<template v-for="(itemMetadatum, index) of itemMetadata.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)">
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
:key="index"
|
||||
v-if="hasBeforeHook('metadatum')"
|
||||
class="item-submission-hook item-submission-hook-metadatum-before"
|
||||
v-html="getBeforeHook('metadatum', { metadatum: itemMetadatum.metadatum, index: index, metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
<tainacan-form-item
|
||||
:key="index"
|
||||
v-if="enabledMetadata[index] == 'true'"
|
||||
:item-metadatum="itemMetadatum"
|
||||
:hide-collapses="hideCollapses"
|
||||
:is-collapsed="metadataCollapses[index]"
|
||||
@changeCollapse="onChangeCollapse($event, index)"/>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
:key="index"
|
||||
v-if="hasAfterHook('metadatum')"
|
||||
class="item-submission-hook item-submission-hook-metadatum-after"
|
||||
v-html="getAfterHook('metadatum', { metadatum: itemMetadatum.metadatum, index: index, metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
</template>
|
||||
</template>
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasAfterHook('metadata_section')"
|
||||
class="item-submission-hook item-submission-hook-metadata-section-after"
|
||||
v-html="getAfterHook('metadata_section', { metadataSection: metadataSection, sectionIndex: sectionIndex })" />
|
||||
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
</component>
|
||||
|
||||
</component>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
|
|
@ -514,6 +532,41 @@
|
|||
v-html="getEndRightForm"/>
|
||||
</template>
|
||||
|
||||
|
||||
<!-- Form errors area -->
|
||||
<div
|
||||
v-if="formErrorMessage"
|
||||
class="form-error-area is-danger">
|
||||
<div class="form-error-area-icon">
|
||||
<a class="help-button has-text-danger">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-alertcircle" />
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-error-area-messages">
|
||||
<strong>{{ formErrorMessage }}</strong>
|
||||
<template v-if="formErrors.length && formErrors[0].errors && formErrors[0].errors.length">
|
||||
<p>{{ $i18n.get('instruction_click_error_to_go_to_metadata') }}</p>
|
||||
<ol>
|
||||
<template v-for="(error, index) of formErrors">
|
||||
<li
|
||||
v-if="error.errors.length"
|
||||
:key="index">
|
||||
<a
|
||||
v-if="['thumbnail', 'attachments', 'document'].includes(error.metadatum_id) || metadataElements[error.metadatum_id + (error.parent_meta_id ? ('_parent_meta_id-' + error.parent_meta_id) : '')]"
|
||||
class="has-text-danger"
|
||||
@click="goToErrorMetadatum(error)">
|
||||
{{ getErrorMessage(error.errors) }}
|
||||
</a>
|
||||
<p v-else>{{ getErrorMessage(error.errors) }}</p>
|
||||
</li>
|
||||
</template>
|
||||
</ol>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Google reCAPTCHA -->
|
||||
<template v-if="useCaptcha == 'yes'">
|
||||
<div
|
||||
|
|
@ -543,30 +596,52 @@
|
|||
class="item-submission-hook item-submission-hook-footer-before"
|
||||
v-html="getBeforeHook('footer')" />
|
||||
|
||||
<button
|
||||
@click="onDiscard()"
|
||||
type="button"
|
||||
class="button is-outlined">{{ $i18n.get('cancel') }}</button>
|
||||
|
||||
<!-- Updated and Error Info -->
|
||||
<div class="update-info-section">
|
||||
<p class="footer-message">
|
||||
|
||||
<span class="help is-danger">
|
||||
{{ formErrorMessage }}
|
||||
<item-metadatum-errors-tooltip
|
||||
v-if="formErrors.length && formErrors[0].errors && formErrors[0].errors.length"
|
||||
:form-errors="formErrors" />
|
||||
</span>
|
||||
</p>
|
||||
<div
|
||||
class="wp-block-buttons"
|
||||
style="gap: 1rem;">
|
||||
<div
|
||||
class="wp-block-button is-style-outline"
|
||||
style="margin-right: auto;">
|
||||
<button
|
||||
@click="onDiscard()"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('cancel') }}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
v-if="showSteppedLayout && activeSectionStep > 0"
|
||||
class="wp-block-button">
|
||||
<button
|
||||
@click="onPreviousStep()"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('previous') }}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
v-if="showSteppedLayout && activeSectionStep < metadataSections.length - 1"
|
||||
class="wp-block-button">
|
||||
<button
|
||||
@click="onNextStep()"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('next') }}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
v-if="!showSteppedLayout || activeSectionStep == metadataSections.length - 1"
|
||||
class="wp-block-button">
|
||||
<button
|
||||
:disabled="showTermsAgreementCheckbox && !userHasAgreedToTerms"
|
||||
@click="onSubmit()"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('label_submit') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
:disabled="showTermsAgreementCheckbox && !userHasAgreedToTerms"
|
||||
@click="onSubmit()"
|
||||
type="button"
|
||||
class="button is-secondary">{{ $i18n.get('label_submit') }}</button>
|
||||
|
||||
<!-- JS-side hook for extra content -->
|
||||
<div
|
||||
v-if="hasAfterHook('footer')"
|
||||
|
|
@ -661,13 +736,9 @@
|
|||
import { mapActions, mapGetters } from 'vuex';
|
||||
import { eventBusItemMetadata } from '../../../../admin/js/event-bus-item-metadata';
|
||||
import { formHooks } from '../../../../admin/js/mixins';
|
||||
import ItemMetadatumErrorsTooltip from '../../../../admin/components/other/item-metadatum-errors-tooltip.vue';
|
||||
|
||||
export default {
|
||||
name: 'ItemSubmissionForm',
|
||||
components: {
|
||||
ItemMetadatumErrorsTooltip,
|
||||
},
|
||||
mixins: [ formHooks ],
|
||||
props: {
|
||||
collectionId: String,
|
||||
|
|
@ -691,7 +762,8 @@ export default {
|
|||
itemLinkButtonLabel: String,
|
||||
helpInfoBellowLabel: Boolean,
|
||||
showTermsAgreementCheckbox: Boolean,
|
||||
termsAgreementMessage: String
|
||||
termsAgreementMessage: String,
|
||||
isLayoutSteps: Boolean
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
|
|
@ -724,10 +796,15 @@ export default {
|
|||
useCaptcha: 'no',
|
||||
captchaSiteKey: tainacan_plugin['item_submission_captcha_site_key'],
|
||||
linkToCreatedItem: '',
|
||||
userHasAgreedToTerms: false
|
||||
userHasAgreedToTerms: false,
|
||||
metadataElements: {},
|
||||
activeSectionStep: 0,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
showSteppedLayout() {
|
||||
return this.isLayoutSteps && this.metadataSections.length > 1;
|
||||
},
|
||||
itemSubmission() {
|
||||
return this.getItemSubmission();
|
||||
},
|
||||
|
|
@ -824,6 +901,7 @@ export default {
|
|||
this.$set(this.metadataSectionCollapses, i, true);
|
||||
}
|
||||
this.formErrorMessage = this.formErrorMessage ? this.formErrorMessage : this.$i18n.get('info_errors_in_form');
|
||||
this.loadMetadataElements();
|
||||
} else
|
||||
this.formErrorMessage = '';
|
||||
});
|
||||
|
|
@ -1042,6 +1120,45 @@ export default {
|
|||
},
|
||||
toggleMetadataSectionCollapse(sectionIndex) {
|
||||
this.$set(this.metadataSectionCollapses, sectionIndex, (this.formErrorMessage ? true : !this.metadataSectionCollapses[sectionIndex]));
|
||||
},
|
||||
getErrorMessage(errors) {
|
||||
let metadatumErrorMessage = '';
|
||||
for (let singleError of errors) {
|
||||
if (typeof singleError != 'string') {
|
||||
for (let index of Object.keys(singleError))
|
||||
metadatumErrorMessage += singleError[index] + '\n';
|
||||
} else {
|
||||
metadatumErrorMessage += singleError;
|
||||
}
|
||||
}
|
||||
return metadatumErrorMessage;
|
||||
},
|
||||
loadMetadataElements() {
|
||||
this.metadataElements = {};
|
||||
this.formErrors.map((error) => {
|
||||
this.metadataElements[error.metadatum_id + (error.parent_meta_id ? ('_parent_meta_id-' + error.parent_meta_id) : '')] = document.getElementById('tainacan-item-metadatum_id-' + error.metadatum_id + (error.parent_meta_id ? ('_parent_meta_id-' + error.parent_meta_id) : ''));
|
||||
});
|
||||
},
|
||||
goToErrorMetadatum(error) {
|
||||
if ( ['thumbnail', 'attachments', 'document'].includes(error.metadatum_id) )
|
||||
this.metadataElements[error.metadatum_id].scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
else if ( this.metadataElements[error.metadatum_id + (error.parent_meta_id ? ('_parent_meta_id-' + error.parent_meta_id) : '')] ) {
|
||||
|
||||
if ( this.showSteppedLayout ) {
|
||||
const stepWhereTheErrorIs = this.metadataSections.findIndex((aMetadataSection) => aMetadataSection.metadata_object_list.findIndex((aMetadatatum) => aMetadatatum.id == error.metadatum_id || aMetadatatum.id == error.parent_meta_id) >= 0);
|
||||
if (stepWhereTheErrorIs >= 0)
|
||||
this.activeSectionStep = stepWhereTheErrorIs;
|
||||
}
|
||||
this.metadataElements[error.metadatum_id + (error.parent_meta_id ? ('_parent_meta_id-' + error.parent_meta_id) : '')].scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
}
|
||||
},
|
||||
onPreviousStep() {
|
||||
if ( this.$refs['item-submission-steps-layout'] && typeof this.$refs['item-submission-steps-layout'].prev == 'function' )
|
||||
this.$refs['item-submission-steps-layout'].prev();
|
||||
},
|
||||
onNextStep() {
|
||||
if ( this.$refs['item-submission-steps-layout'] && typeof this.$refs['item-submission-steps-layout'].next == 'function' )
|
||||
this.$refs['item-submission-steps-layout'].next();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1067,9 +1184,11 @@ export default {
|
|||
.field {
|
||||
padding: 12px 0px 12px 34px;
|
||||
margin-left: 16px;
|
||||
|
||||
}
|
||||
.columns {
|
||||
/deep/ input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.columns {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
|
|
@ -1168,6 +1287,8 @@ export default {
|
|||
margin-top: 1.25em;
|
||||
|
||||
.field {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0.75em 0.75em 0.5em 0.75em;
|
||||
border: 1px dashed var(--tainacan-input-border-color);
|
||||
|
||||
|
|
@ -1180,6 +1301,35 @@ export default {
|
|||
overflow: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.form-error-area {
|
||||
font-size: 0.9375em;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1.125rem;
|
||||
padding: 0.875em;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
border: 1px solid var(--tainacan-red-2, #a23939);
|
||||
color: var(--tainacan-red-2, #a23939);
|
||||
background: var(--tainacan-red-1, #eadadc);
|
||||
|
||||
.form-error-area-icon {
|
||||
font-size: 2rem;
|
||||
padding-right: 0.75rem;
|
||||
}
|
||||
|
||||
.form-error-area-messages > p {
|
||||
margin-top: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
/deep/ ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.metadata-section-header {
|
||||
padding-bottom: 7px;
|
||||
|
|
@ -1198,6 +1348,13 @@ export default {
|
|||
align-items: center;
|
||||
font-size: 1em;
|
||||
|
||||
.wp-block-buttons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
from { color: var(--tainacan-blue5); }
|
||||
to { color: var(--tainacan-info-color); }
|
||||
|
|
@ -1222,5 +1379,29 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
.b-steps {
|
||||
border: 1px solid var(--tainacan-input-border-color);
|
||||
border-radius: 2px;
|
||||
margin-top: 1em;
|
||||
|
||||
/deep/ .steps {
|
||||
|
||||
.step-items {
|
||||
margin-top: -1em;
|
||||
padding-right: 0px;
|
||||
margin-right: 0px;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
|
||||
.step-item.is-active .step-title {
|
||||
color: var(--tainacan-secondary);
|
||||
}
|
||||
.step-item:not(.is-active) .step-title {
|
||||
color: var(--tainacan-label-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -11,4 +11,7 @@
|
|||
@import "../../../../../../../node_modules/bulma/sass/elements/button.sass"
|
||||
@import "../../../../../../../node_modules/bulma/sass/grid/columns.sass"
|
||||
@import "../../../../../../../node_modules/bulma/sass/components/dropdown.sass"
|
||||
@import "../../../../../../../node_modules/bulma/sass/components/modal.sass"
|
||||
@import "../../../../../../../node_modules/bulma/sass/components/modal.sass"
|
||||
|
||||
$body-background-color: #fff;
|
||||
$body-color: #fff;
|
||||
|
|
@ -32,7 +32,8 @@ export default function({ attributes, className }) {
|
|||
itemLinkButtonLabel,
|
||||
helpInfoBellowLabel,
|
||||
showTermsAgreementCheckbox,
|
||||
termsAgreementMessage
|
||||
termsAgreementMessage,
|
||||
isLayoutSteps
|
||||
} = attributes;
|
||||
|
||||
const blockProps = useBlockProps.save();
|
||||
|
|
@ -84,7 +85,8 @@ export default function({ attributes, className }) {
|
|||
show-terms-agreement-checkbox={ showTermsAgreementCheckbox ? showTermsAgreementCheckbox.toString() : 'false' }
|
||||
terms-agreement-message={ termsAgreementMessageHTML }
|
||||
item-link-button-label={ itemLinkButtonLabel ? itemLinkButtonLabel : __( 'Go to the item page', 'tainacan' ) }
|
||||
help-info-bellow-label={ helpInfoBellowLabel ? helpInfoBellowLabel.toString() : 'false' } >
|
||||
help-info-bellow-label={ helpInfoBellowLabel ? helpInfoBellowLabel.toString() : 'false' }
|
||||
is-layout-steps={ isLayoutSteps.toString() } >
|
||||
</div>
|
||||
</div>
|
||||
};
|
||||
|
|
@ -41,6 +41,7 @@
|
|||
border-radius: 4px;
|
||||
border: 1px solid rgba(200,200,200, 0.3);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
|
||||
.fake-text {
|
||||
background-color: var(--tainacan-label-color, rgba(200,200,200, 0.3));
|
||||
|
|
@ -302,12 +303,34 @@
|
|||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.fake-steps {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
|
||||
.fake-step {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 100%;
|
||||
background-color: var(--tainacan-input-border-color, rgba(200,200,200, 0.3));
|
||||
}
|
||||
.fake-step:first-of-type {
|
||||
background-color: var(--tainacan-secondary, rgba(200,200,200, 0.3));
|
||||
}
|
||||
}
|
||||
.fake-steps+.metadata-section {
|
||||
margin-top: -0.5em;
|
||||
border: 1px solid var(--tainacan-input-border-color, rgba(200,200,200, 0.3));
|
||||
padding: 2em;
|
||||
}
|
||||
.metadata-section {
|
||||
width: 100%;
|
||||
padding: 0.5em 1em;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
|
||||
.fake-metadata {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ import {
|
|||
Switch,
|
||||
Tabs,
|
||||
Tag,
|
||||
Modal,
|
||||
Checkbox,
|
||||
Collapse,
|
||||
Radio,
|
||||
|
|
@ -18,7 +19,8 @@ import {
|
|||
Input,
|
||||
Select,
|
||||
Taginput,
|
||||
Snackbar
|
||||
Snackbar,
|
||||
Steps
|
||||
} from 'buefy';
|
||||
import VTooltip from 'floating-vue';
|
||||
import cssVars from 'css-vars-ponyfill';
|
||||
|
|
@ -34,6 +36,7 @@ import Relationship from '../../../admin/components/metadata-types/relationship/
|
|||
import Taxonomy from '../../../admin/components/metadata-types/taxonomy/Taxonomy.vue';
|
||||
import Compound from '../../../admin/components/metadata-types/compound/Compound.vue';
|
||||
import User from '../../../admin/components/metadata-types/user/User.vue';
|
||||
import GeoCoordinate from '../../../admin/components/metadata-types/geocoordinate/GeoCoordinate.vue';
|
||||
|
||||
// Main components
|
||||
import ItemSubmissionForm from './item-submission/item-submission-form.vue';
|
||||
|
|
@ -83,7 +86,9 @@ export default (element) => {
|
|||
Vue.use(Autocomplete);
|
||||
Vue.use(Collapse);
|
||||
Vue.use(Snackbar);
|
||||
Vue.use(Modal);
|
||||
Vue.use(Input);
|
||||
Vue.use(Steps);
|
||||
Vue.use(VTooltip, {
|
||||
popperTriggers: ['hover'],
|
||||
themes: {
|
||||
|
|
@ -128,6 +133,7 @@ export default (element) => {
|
|||
Vue.component('tainacan-taxonomy', Taxonomy);
|
||||
Vue.component('tainacan-compound', Compound);
|
||||
Vue.component('tainacan-user', User);
|
||||
Vue.component('tainacan-geocoordinate', GeoCoordinate);
|
||||
|
||||
/* Main page component */
|
||||
Vue.component('item-submission-form', ItemSubmissionForm);
|
||||
|
|
@ -162,7 +168,8 @@ export default (element) => {
|
|||
itemLinkButtonLabel: '',
|
||||
helpInfoBellowLabel: false,
|
||||
showItemLinkButton: false,
|
||||
termsAgreementMessage: ''
|
||||
termsAgreementMessage: '',
|
||||
isLayoutSteps: false
|
||||
},
|
||||
beforeMount () {
|
||||
// Collection source settings
|
||||
|
|
@ -190,6 +197,8 @@ export default (element) => {
|
|||
this.hideMetadataTypes = this.isParameterTrue('hide-metadata-types');
|
||||
if (this.$el.attributes['help-info-bellow-label'] != undefined)
|
||||
this.helpInfoBellowLabel = this.isParameterTrue('help-info-bellow-label');
|
||||
if (this.$el.attributes['is-layout-steps'] != undefined)
|
||||
this.isLayoutSteps = this.isParameterTrue('is-layout-steps');
|
||||
|
||||
// Form sections labels
|
||||
if (this.$el.attributes['document-section-label'] != undefined)
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
:help-info-bellow-label="$root.helpInfoBellowLabel ? $root.helpInfoBellowLabel : false"
|
||||
:show-terms-agreement-checkbox="$root.showTermsAgreementCheckbox ? $root.showTermsAgreementCheckbox : false"
|
||||
:terms-agreement-message="$root.termsAgreementMessage"
|
||||
:is-layout-steps="$root.isLayoutSteps"
|
||||
/>
|
||||
</template>
|
||||
|
||||
|
|
@ -55,6 +56,7 @@ export default {
|
|||
@import "../../../../../node_modules/buefy/src/scss/components/_dialog.scss";
|
||||
@import "../../../../../node_modules/buefy/src/scss/components/_notices.scss";
|
||||
@import "../../../../../node_modules/buefy/src/scss/components/_numberinput.scss";
|
||||
@import "../../../../../node_modules/buefy/src/scss/components/_steps.scss";
|
||||
|
||||
// Block level custom variables
|
||||
@import "../../../admin/scss/_custom_variables.scss";
|
||||
|
|
@ -84,11 +86,12 @@ export default {
|
|||
@import "../../../admin/scss/_control.scss";
|
||||
@import "../../../admin/scss/_upload.scss";
|
||||
|
||||
a, a:not([href]) {
|
||||
a:not(.wp-element-button),
|
||||
a:not(.wp-element-button):not([href]) {
|
||||
color: var(--tainacan-secondary);
|
||||
}
|
||||
a:hover,
|
||||
a:hover:not([href]) {
|
||||
a:not(.wp-element-button):hover,
|
||||
a:not(.wp-element-button):hover:not([href]) {
|
||||
cursor: pointer;
|
||||
color: var(--tainacan-secondary);
|
||||
text-decoration: underline;
|
||||
|
|
|
|||
|
|
@ -2,8 +2,7 @@ const { SVG, Path } = wp.components;
|
|||
|
||||
export default (
|
||||
<SVG width="24" height="24" viewBox="0 -2 12 16">
|
||||
<Path
|
||||
fill="#298596"
|
||||
<Path
|
||||
d="M8.8,1.2H1.2V10H0V1.2C0,0.6,0.6,0,1.2,0h7.5V1.2z M3.8,2.5c-0.7,0-1.2,0.6-1.2,1.3v8.8c0,0.7,0.6,1.2,1.2,1.2h6.9
|
||||
c0.7,0,1.2-0.6,1.2-1.2V6.3L8.1,2.5H3.8z M7.5,3.4L11,6.9H7.5V3.4z"/>
|
||||
</SVG>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
height="24px"
|
||||
width="24px">
|
||||
<Path
|
||||
fill="#298596"
|
||||
d="M0,5.8C0,5,0.2,4.2,0.5,3.5s0.7-1.3,1.2-1.8s1.1-0.9,1.8-1.2C4.2,0.1,5,0,5.8,0S7.3,0.1,8,0.5
|
||||
c0.7,0.3,1.3,0.7,1.8,1.2s0.9,1.1,1.2,1.8c0.5,1.2,0.5,2.5,0.2,3.7c0,0.2-0.1,0.4-0.2,0.6c0,0.1-0.2,0.6-0.2,0.6
|
||||
c0.6,0.6,1.3,1.3,1.9,1.9c0.7,0.7,1.3,1.3,2,2c0,0,0.3,0.2,0.3,0.3c0,0.3-0.1,0.7-0.3,1c-0.2,0.6-0.8,1-1.4,1.2
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue