Merge branch 'develop' into feature/245

This commit is contained in:
Leo Germani 2019-09-20 09:02:52 -03:00
commit bc2afecc3a
156 changed files with 6631 additions and 1656 deletions

View File

@ -15,15 +15,21 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-2 src/admin/scss/tainacan-admin
sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/gutenberg-blocks/tainacan-items/items-list/items-list.scss:src/assets/css/tainacan-gutenberg-block-items-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/gutenberg-blocks/tainacan-items/items-list/items-list.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/gutenberg-blocks/tainacan-items/search-bar/search-bar.scss:src/assets/css/tainacan-gutenberg-block-search-bar.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/gutenberg-blocks/tainacan-facets/facets-list/facets-list.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css sass -E 'UTF-8' --cache-location .tmp/sass-cache-8 src/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-9 src/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-10 src/gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-11 src/gutenberg-blocks/tainacan-facets/facets-list/facets-list.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css
echo "Compilação do Sass Concluído!" echo "Compilação do Sass Concluído!"
exit 0 exit 0

Binary file not shown.

174
package-lock.json generated
View File

@ -76,9 +76,9 @@
} }
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -97,9 +97,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -156,9 +156,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -235,9 +235,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -267,9 +267,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -370,9 +370,9 @@
} }
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -568,9 +568,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -936,9 +936,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -955,9 +955,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
} }
} }
@ -1951,9 +1951,9 @@
} }
}, },
"buefy": { "buefy": {
"version": "0.7.10", "version": "0.8.3",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.7.10.tgz", "resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.3.tgz",
"integrity": "sha512-jU9CTEQR1rozxagwEPB69qObBDwWl+4uCa6TjiPkqcqOb/uxq1uvyvCsVinADzjNjzOTFhUOuuSPQk8gsVEOzA==", "integrity": "sha512-01aHoCy4LAD08MmUahXC8mVqtGK/kzJ45ysXskwLWILAhyLMqkZ5fvdMKD9Ky6iDsMttPHdwUe2csmdnIx9caw==",
"requires": { "requires": {
"bulma": "0.7.5" "bulma": "0.7.5"
} }
@ -3177,9 +3177,9 @@
} }
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
}, },
"ms": { "ms": {
@ -3247,10 +3247,13 @@
} }
}, },
"eslint-utils": { "eslint-utils": {
"version": "1.3.1", "version": "1.4.2",
"resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.3.1.tgz", "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.2.tgz",
"integrity": "sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q==", "integrity": "sha512-eAZS2sEUMlIeCjBeubdj45dmBHQwPHWyBcT1VSYB7o9x9WRRqKxyUoiXlRjyAwzN7YEzHJlYg0NmzDRWx6GP4Q==",
"dev": true "dev": true,
"requires": {
"eslint-visitor-keys": "^1.0.0"
}
}, },
"eslint-visitor-keys": { "eslint-visitor-keys": {
"version": "1.0.0", "version": "1.0.0",
@ -4605,9 +4608,9 @@
}, },
"dependencies": { "dependencies": {
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
} }
} }
}, },
@ -5107,9 +5110,9 @@
"dev": true "dev": true
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
}, },
"string-width": { "string-width": {
@ -5663,9 +5666,9 @@
} }
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
}, },
"lodash.camelcase": { "lodash.camelcase": {
"version": "4.3.0", "version": "4.3.0",
@ -5680,9 +5683,9 @@
"dev": true "dev": true
}, },
"lodash.merge": { "lodash.merge": {
"version": "4.6.1", "version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.1.tgz", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
"integrity": "sha512-AOYza4+Hf5z1/0Hztxpm2/xiPZgi/cjMqdnKTUWTBSKchJlxXXuUSxCCl8rJlf4g6yww/j6mA8nC8Hw/EZWxKQ==" "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
}, },
"lodash.tail": { "lodash.tail": {
"version": "4.1.1", "version": "4.1.1",
@ -5972,9 +5975,9 @@
} }
}, },
"mixin-deep": { "mixin-deep": {
"version": "1.3.1", "version": "1.3.2",
"resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
"integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
"dev": true, "dev": true,
"requires": { "requires": {
"for-in": "^1.0.2", "for-in": "^1.0.2",
@ -6218,9 +6221,9 @@
} }
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
} }
} }
}, },
@ -7840,9 +7843,9 @@
"integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
}, },
"set-value": { "set-value": {
"version": "2.0.0", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
"integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
"dev": true, "dev": true,
"requires": { "requires": {
"extend-shallow": "^2.0.1", "extend-shallow": "^2.0.1",
@ -8470,9 +8473,9 @@
"dev": true "dev": true
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
}, },
"string-width": { "string-width": {
@ -8890,38 +8893,15 @@
"dev": true "dev": true
}, },
"union-value": { "union-value": {
"version": "1.0.0", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
"integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
"dev": true, "dev": true,
"requires": { "requires": {
"arr-union": "^3.1.0", "arr-union": "^3.1.0",
"get-value": "^2.0.6", "get-value": "^2.0.6",
"is-extendable": "^0.1.1", "is-extendable": "^0.1.1",
"set-value": "^0.4.3" "set-value": "^2.0.1"
},
"dependencies": {
"extend-shallow": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
"dev": true,
"requires": {
"is-extendable": "^0.1.0"
}
},
"set-value": {
"version": "0.4.3",
"resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
"integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=",
"dev": true,
"requires": {
"extend-shallow": "^2.0.1",
"is-extendable": "^0.1.1",
"is-plain-object": "^2.0.1",
"to-object-path": "^0.3.0"
}
}
} }
}, },
"uniq": { "uniq": {
@ -9155,12 +9135,6 @@
"swiper": "^4.0.7" "swiper": "^4.0.7"
} }
}, },
"vue-custom-element": {
"version": "3.2.6",
"resolved": "https://registry.npmjs.org/vue-custom-element/-/vue-custom-element-3.2.6.tgz",
"integrity": "sha512-tNWsax/Rq4Sr1QHj0pi4CWaBnAYfva75rlQg2fBKGja35+6AmdcZre/ztoiBWCSlSJ7APsMakG5R0A+GWBAc4Q==",
"dev": true
},
"vue-eslint-parser": { "vue-eslint-parser": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz",
@ -9545,9 +9519,9 @@
"dev": true "dev": true
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
}, },
"supports-color": { "supports-color": {
@ -9768,9 +9742,9 @@
"dev": true "dev": true
}, },
"lodash": { "lodash": {
"version": "4.17.11", "version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true "dev": true
}, },
"mime": { "mime": {

View File

@ -8,7 +8,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.19.0", "axios": "^0.19.0",
"buefy": "^0.7.10", "buefy": "^0.8.3",
"bulma": "^0.7.5", "bulma": "^0.7.5",
"mdi": "^2.2.43", "mdi": "^2.2.43",
"moment": "^2.22.2", "moment": "^2.22.2",
@ -42,7 +42,6 @@
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"terser-webpack-plugin": "^1.1.0", "terser-webpack-plugin": "^1.1.0",
"vue-custom-element": "^3.2.6",
"vue-loader": "^15.4.2", "vue-loader": "^15.4.2",
"vue-template-compiler": "^2.5.17", "vue-template-compiler": "^2.5.17",
"webpack": "^4.22.0", "webpack": "^4.22.0",

View File

@ -233,22 +233,36 @@
} }
}, },
mounted(){ mounted(){
this.$root.$on('metadatumUpdated', (isRepositoryLevel) => { this.$root.$on('metadatumUpdated', (isRepositoryLevel) => {
if(isRepositoryLevel) {
this.metadataIsLoading = true;
this.fetchMetadata({ if (isRepositoryLevel) {
collectionId: this.isRepositoryLevel ? false : this.collectionId, this.metadataIsLoading = true;
isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: false, // Cancels previous Request
includeDisabled: false, if (this.metadataSearchCancel != undefined)
isAdvancedSearch: true this.metadataSearchCancel.cancel('Metadata search Canceled.');
}).then((metadata) => {
this.metadata = metadata; this.fetchMetadata({
this.metadataIsLoading = false; collectionId: this.isRepositoryLevel ? false : this.collectionId,
}); isRepositoryLevel: this.isRepositoryLevel,
} isContextEdit: false,
}); includeDisabled: false,
isAdvancedSearch: true
}).then((resp) => {
resp.request
.then((metadata) => {
this.metadata = metadata;
this.metadataIsLoading = false;
}).catch(() => {
this.metadataIsLoading = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
})
.catch(() => this.metadataIsLoading = false);
}
});
}, },
created(){ created(){
@ -260,10 +274,19 @@
isContextEdit: false, isContextEdit: false,
includeDisabled: false, includeDisabled: false,
isAdvancedSearch: true isAdvancedSearch: true
}).then((metadata) => { }).then((resp) => {
this.metadata = metadata; resp.request
this.metadataIsLoading = false; .then((metadata) => {
}); this.metadata = metadata;
this.metadataIsLoading = false;
}).catch(() => {
this.metadataIsLoading = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
})
.catch(() => this.metadataIsLoading = false);
if ((this.$route.query.metaquery && Object.keys(this.$route.query.metaquery).length > 0) || if ((this.$route.query.metaquery && Object.keys(this.$route.query.metaquery).length > 0) ||
(this.$route.query.taxquery && Object.keys(this.$route.query.taxquery).length > 0) ){ (this.$route.query.taxquery && Object.keys(this.$route.query.taxquery).length > 0) ){
@ -344,6 +367,7 @@
}, },
metadataIsLoading: false, metadataIsLoading: false,
metadata: [], metadata: [],
metadataSearchCancel: undefined
} }
}, },
methods: { methods: {
@ -558,6 +582,11 @@
}, },
beforeDestroy() { beforeDestroy() {
this.$root.$off('metadatumUpdated'); this.$root.$off('metadatumUpdated');
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
} }
} }
</script> </script>

View File

@ -320,20 +320,30 @@
collectionID: Number, collectionID: Number,
}, },
created(){ created(){
if(!this.collectionID){ if (this.collectionID){
// is repository level
} else {
this.metadataIsLoading = true; this.metadataIsLoading = true;
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.fetchMetadata({ this.fetchMetadata({
collectionId: this.collectionID, collectionId: this.collectionID,
isRepositoryLevel: false, isRepositoryLevel: false,
isContextEdit: true, isContextEdit: true,
includeDisabled: false, includeDisabled: false
}).then(() => { }).then((resp) => {
this.metadataIsLoading = false; resp.request
}); .then(() => {
this.metadataIsLoading = false;
}).catch(() => {
this.metadataIsLoading = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
})
.catch(() => this.metadataIsLoading = false);
} }
this.createEditGroup({ this.createEditGroup({
@ -378,6 +388,7 @@
groupID: null, groupID: null,
dones: [false], dones: [false],
metadataIsLoading: false, metadataIsLoading: false,
metadataSearchCancel: undefined
} }
}, },
methods: { methods: {
@ -552,6 +563,12 @@
} }
} }
}, },
beforeDestroy() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
}
} }
</script> </script>

View File

@ -598,9 +598,6 @@ export default {
'fetchUsers', 'fetchUsers',
'fetchCollectionsForParent' 'fetchCollectionsForParent'
]), ]),
...mapActions('metadata', [
'fetchMetadata'
]),
updateSlug: _.debounce(function() { updateSlug: _.debounce(function() {
if(!this.form.name || this.form.name.length <= 0){ if(!this.form.name || this.form.name.length <= 0){
return; return;
@ -928,14 +925,19 @@ export default {
// Generates options for parent collection // Generates options for parent collection
this.isFetchingCollections = true; this.isFetchingCollections = true;
this.fetchCollectionsForParent() this.fetchCollectionsForParent()
.then((collections) => { .then((resp) => {
this.collections = collections; resp.request.then((collections) => {
this.isFetchingCollections = false; this.collections = collections;
}) this.isFetchingCollections = false;
.catch((error) => { })
this.$console.error(error); .catch((error) => {
this.isFetchingCollections = false; this.$console.error(error);
}); this.isFetchingCollections = false;
});
})
.catch(() => {
this.isFetchingCollections = false;
});
this.isLoading = false; this.isLoading = false;
}); });
@ -957,7 +959,7 @@ export default {
@import "../../scss/_variables.scss"; @import "../../scss/_variables.scss";
@media screen and (max-width: 1024px) { @media screen and (min-width: 1024px) {
.column:last-of-type { .column:last-of-type {
padding-left: $page-side-padding !important; padding-left: $page-side-padding !important;
} }

View File

@ -387,14 +387,19 @@ export default {
// Generates options for target collection // Generates options for target collection
this.isFetchingCollections = true; this.isFetchingCollections = true;
this.fetchCollectionsForParent() this.fetchCollectionsForParent()
.then((collections) => { .then((resp) => {
this.collections = collections; resp.request.then((collections) => {
this.isFetchingCollections = false; this.collections = collections;
}) this.isFetchingCollections = false;
.catch((error) => { })
this.$console.error(error); .catch((error) => {
this.isFetchingCollections = false; this.$console.error(error);
}); this.isFetchingCollections = false;
});
})
.catch(() => {
this.isFetchingCollections = false;
});
}, },
onSelectCollection(collectionId) { onSelectCollection(collectionId) {
this.collectionId = collectionId; this.collectionId = collectionId;

View File

@ -41,18 +41,21 @@
<div <div
v-if="importerSourceInfo != undefined && v-if="importerSourceInfo != undefined &&
importerSourceInfo != null"> importerSourceInfo != null &&
<p class="mapping-header-label is-inline">{{ $i18n.get('label_from_source_collection') }}</p> !isLoading">
<p class="mapping-header-label is-pulled-right">{{ $i18n.get('label_to_target_collection') }}</p> <template v-if="importerSourceInfo.source_metadata.length > 0 || (importerSourceInfo.source_special_fields && importerSourceInfo.source_special_fields.length > 0)">
<p class="mapping-header-label is-inline">{{ $i18n.get('label_from_source_collection') }}</p>
<p class="mapping-header-label is-pulled-right">{{ $i18n.get('label_to_target_collection') }}</p>
</template>
<div <div
class="source-metadatum" class="source-metadatum"
v-for="(source_metadatum, index) of importerSourceInfo.source_metadata" v-for="(source_metadatum, index) of importerSourceInfo.source_metadata"
:key="index"><p>{{ source_metadatum }}</p> :key="index">
<p>{{ source_metadatum }}</p>
<b-select <b-select
v-if="collectionMetadata != undefined && v-if="collectionMetadata != undefined &&
collectionMetadata.length > 0 && collectionMetadata.length > 0 &&
!isFetchingCollectionMetadata" !isFetchingCollectionMetadata"
:value="checkCurrentSelectedCollectionMetadatum(source_metadatum)" :value="checkCurrentSelectedCollectionMetadatum(source_metadatum)"
@input="onSelectCollectionMetadata($event, source_metadatum)" @input="onSelectCollectionMetadata($event, source_metadatum)"
:placeholder="$i18n.get('label_select_metadatum')"> :placeholder="$i18n.get('label_select_metadatum')">
@ -77,6 +80,16 @@
</b-select> </b-select>
<p v-if="collectionMetadata == undefined || collectionMetadata.length <= 0">{{ $i18n.get('info_select_collection_to_list_metadata') }}</p> <p v-if="collectionMetadata == undefined || collectionMetadata.length <= 0">{{ $i18n.get('info_select_collection_to_list_metadata') }}</p>
</div> </div>
<div
v-if="importerSourceInfo.source_special_fields && importerSourceInfo.source_special_fields.length > 0"
class="source-metadatum"
:key="specialFieldIndex"
v-for="(specialField, specialFieldIndex) of importerSourceInfo.source_special_fields">
<p style="font-style: italic">{{ specialField }}</p>
<p>{{ $i18n.get('info_special_fields_mapped_default') }}</p>
</div>
<p v-if="importerSourceInfo.source_metadata.length <= 0">{{ $i18n.get('info_no_metadata_source_file') }}<br></p>
<p v-if="(!importerSourceInfo.source_special_fields || importerSourceInfo.source_special_fields.length <= 0)">{{ $i18n.get('info_no_special_fields_available') }}<br></p>
<b-modal <b-modal
@close="onMetadatumEditionCanceled()" @close="onMetadatumEditionCanceled()"
:active.sync="isNewMetadatumModalActive"> :active.sync="isNewMetadatumModalActive">
@ -136,7 +149,7 @@
</div> </div>
</b-modal> </b-modal>
<a <a
v-if="collectionId != null && collectionId != undefined" v-if="collectionId != null && collectionId != undefined && importerSourceInfo.source_metadata.length > 0"
class="is-inline is-pulled-right add-link has-text-secondary" class="is-inline is-pulled-right add-link has-text-secondary"
@click="createNewMetadatum()"> @click="createNewMetadatum()">
<span class="icon"> <span class="icon">
@ -149,7 +162,6 @@
importerSourceInfo == null"> importerSourceInfo == null">
<p>{{ $i18n.get('info_upload_a_source_to_see_metadata') }}</p> <p>{{ $i18n.get('info_upload_a_source_to_see_metadata') }}</p>
</div> </div>
</b-field> </b-field>
<!-- Form submit -------------------------------- --> <!-- Form submit -------------------------------- -->
@ -207,7 +219,8 @@ export default {
isEditingMetadatum: false, isEditingMetadatum: false,
metadatum: {}, metadatum: {},
editedMetadatum: {}, editedMetadatum: {},
backgroundProcess: undefined backgroundProcess: undefined,
metadataSearchCancel: undefined
} }
}, },
components: { components: {
@ -275,22 +288,37 @@ export default {
loadMetadata() { loadMetadata() {
// Generates options for metadata listing // Generates options for metadata listing
this.isFetchingCollectionMetadata = true; this.isFetchingCollectionMetadata = true;
this.fetchMetadata({collectionId: this.collectionId, isRepositoryLevel: false, isContextEdit: false })
.then((metadata) => {
this.collectionMetadata = JSON.parse(JSON.stringify(metadata));
this.isFetchingCollectionMetadata = false;
this.fetchMappingImporter({ collection: this.collectionId, sessionId: this.sessionId }) // Cancels previous Request
.then(res => { if (this.metadataSearchCancel != undefined)
if( res ) { this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.mappedCollection['mapping'] = res;
} this.fetchMetadata({
}) collectionId: this.collectionId,
}) isRepositoryLevel: false,
.catch((error) => { isContextEdit: false
this.$console.error(error); }).then((resp) => {
this.isFetchingCollectionMetadata = false; resp.request
}); .then((metadata) => {
this.collectionMetadata = JSON.parse(JSON.stringify(metadata));
this.isFetchingCollectionMetadata = false;
this.fetchMappingImporter({ collection: this.collectionId, sessionId: this.sessionId })
.then(res => {
if( res ) {
this.mappedCollection['mapping'] = res;
}
})
})
.catch((error) => {
this.$console.error(error);
this.isFetchingCollectionMetadata = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
})
.catch(() => this.isFetchingCollectionMetadata = false);
}, },
cancelBack(){ cancelBack(){
this.$router.go(-2); this.$router.go(-2);
@ -433,6 +461,11 @@ export default {
this.loadImporter(); this.loadImporter();
this.loadMetadata(); this.loadMetadata();
},
beforeDestroy() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
} }
} }
@ -490,6 +523,13 @@ export default {
position: relative; position: relative;
} }
.tainacan-form {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 247px;
}
.form-submit { .form-submit {
margin-top: 24px; margin-top: 24px;
} }

View File

@ -263,7 +263,7 @@ export default {
this.uploadedItems.splice(index, 1); this.uploadedItems.splice(index, 1);
item.errorMessage = error.data.message; item.errorMessage = error.data.message;
this.$toast.open({ this.$buefy.toast.open({
message: item.errorMessage + ": " + file.name, message: item.errorMessage + ": " + file.name,
type: 'is-danger', type: 'is-danger',
position: 'is-bottom', position: 'is-bottom',
@ -321,7 +321,7 @@ export default {
}); });
}, },
deleteOneItem(itemId, index) { deleteOneItem(itemId, index) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {

View File

@ -509,14 +509,16 @@
style="margin-left: calc(4.666667% + 12px)" style="margin-left: calc(4.666667% + 12px)"
type="button" type="button"
class="button is-secondary" class="button is-secondary"
@click.prevent="attachmentMediaFrame.openFrame($event)"> @click.prevent="attachmentMediaFrame.openFrame($event)"
:disabled="isLoadingAttachments">
{{ $i18n.get("label_edit_attachments") }} {{ $i18n.get("label_edit_attachments") }}
</button> </button>
<attachments-list <attachments-list
v-if="item != undefined && item.id != undefined" v-if="item != undefined && item.id != undefined"
:item="item" :item="item"
:is-editable="true" :is-editable="true"
:is-loading.sync="isLoadingAttachments"
@isLoadingAttachments="(isLoading) => isLoadingAttachments = isLoading"
@onDeleteAttachment="deleteAttachment($event)"/> @onDeleteAttachment="deleteAttachment($event)"/>
</div> </div>
</b-tab-item> </b-tab-item>
@ -753,6 +755,8 @@ export default {
collectionAllowComments: '', collectionAllowComments: '',
entityName: 'item', entityName: 'item',
activeTab: 0, activeTab: 0,
isLoadingAttachments: false,
collectionNameSearchCancel: undefined
} }
}, },
computed: { computed: {
@ -819,6 +823,7 @@ export default {
'cleanMetadata', 'cleanMetadata',
'sendAttachments', 'sendAttachments',
'fetchAttachments', 'fetchAttachments',
'deletePermanentlyAttachment',
'updateThumbnail', 'updateThumbnail',
'cleanLastUpdated', 'cleanLastUpdated',
'setLastUpdated', 'setLastUpdated',
@ -850,9 +855,18 @@ export default {
let previousStatus = this.form.status; let previousStatus = this.form.status;
this.form.status = status; this.form.status = status;
let data = {id: this.itemId, status: this.form.status, comment_status: this.form.comment_status}; this.form.comment_status = this.form.comment_status == 'open' ? 'open' : 'closed';
let data = { id: this.itemId, status: this.form.status, comment_status: this.form.comment_status };
this.fillExtraFormData(data); this.fillExtraFormData(data);
this.updateItem(data).then(updatedItem => {
let promise = null;
if (status == 'trash')
promise = this.deleteItem({ itemId: this.itemId, isPermanently: false });
else
promise = this.updateItem(data);
promise.then(updatedItem => {
this.item = updatedItem; this.item = updatedItem;
@ -860,7 +874,7 @@ export default {
this.updateExtraFormData(this.item); this.updateExtraFormData(this.item);
// Fill this.form data with current data. // Fill this.form data with current data.
this.form.status = this.item.status; this.form.status = status == 'trash' ? status : this.item.status;
this.form.document = this.item.document; this.form.document = this.item.document;
this.form.document_type = this.item.document_type; this.form.document_type = this.item.document_type;
this.form.comment_status = this.item.comment_status; this.form.comment_status = this.item.comment_status;
@ -883,13 +897,15 @@ export default {
} }
}) })
.catch((errors) => { .catch((errors) => {
for (let error of errors.errors) { if (errors.errors) {
for (let metadatum of Object.keys(error)){ for (let error of errors.errors) {
eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]}); for (let metadatum of Object.keys(error)){
eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]});
}
} }
this.formErrorMessage = errors.error_message;
} }
this.formErrorMessage = errors.error_message;
this.form.status = previousStatus; this.form.status = previousStatus;
this.item.status = previousStatus; this.item.status = previousStatus;
@ -910,6 +926,7 @@ export default {
]); ]);
// Creates draft Item // Creates draft Item
this.form.comment_status = this.form.comment_status == 'open' ? 'open' : 'closed';
let data = {collection_id: this.form.collectionId, status: 'auto-draft', comment_status: this.form.comment_status}; let data = {collection_id: this.form.collectionId, status: 'auto-draft', comment_status: this.form.comment_status};
this.fillExtraFormData(data); this.fillExtraFormData(data);
this.sendItem(data).then(res => { this.sendItem(data).then(res => {
@ -927,8 +944,12 @@ export default {
this.form.document_type = this.item.document_type; this.form.document_type = this.item.document_type;
this.form.comment_status = this.item.comment_status; this.form.comment_status = this.item.comment_status;
// Loads metadata and attachments
this.loadMetadata(); this.loadMetadata();
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId }); this.isLoadingAttachments = true;
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId })
.then(() => this.isLoadingAttachments = false)
.catch(() => this.isLoadingAttachments = false);
}) })
.catch(error => this.$console.error(error)); .catch(error => this.$console.error(error));
@ -1007,7 +1028,7 @@ export default {
.catch((errors) => { .catch((errors) => {
for (let error of errors.errors) { for (let error of errors.errors) {
for (let metadatum of Object.keys(error)){ for (let metadatum of Object.keys(error)){
eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]}); eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]});
} }
} }
this.formErrorMessage = errors.error_message; this.formErrorMessage = errors.error_message;
@ -1030,12 +1051,15 @@ export default {
document_type: this.form.document_type document_type: this.form.document_type
}) })
.then(() => { .then(() => {
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document }); this.isLoadingAttachments = true;
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document })
.then(() => this.isLoadingAttachments = false)
.catch(() => this.isLoadingAttachments = false);
}) })
.catch((errors) => { .catch((errors) => {
for (let error of errors.errors) { for (let error of errors.errors) {
for (let metadatum of Object.keys(error)){ for (let metadatum of Object.keys(error)){
eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]}); eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]});
} }
} }
this.formErrorMessage = errors.error_message; this.formErrorMessage = errors.error_message;
@ -1051,7 +1075,7 @@ export default {
}); });
}, },
deleteAttachment(attachment) { deleteAttachment(attachment) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1059,9 +1083,13 @@ export default {
title: this.$i18n.get('label_warning'), title: this.$i18n.get('label_warning'),
message: this.$i18n.get('info_warning_attachment_delete'), message: this.$i18n.get('info_warning_attachment_delete'),
onConfirm: () => { onConfirm: () => {
this.removeAttachmentFromItem(attachment.id) this.deletePermanentlyAttachment(attachment.id)
.then(() => { .then(() => {
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document }); this.isLoadingAttachments = true;
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document })
.then(() => this.isLoadingAttachments = false)
.catch(() => this.isLoadingAttachments = false);
}) })
.catch((error) => { .catch((error) => {
this.$console.error(error); this.$console.error(error);
@ -1097,7 +1125,7 @@ export default {
.catch((errors) => { .catch((errors) => {
for (let error of errors.errors) { for (let error of errors.errors) {
for (let metadatum of Object.keys(error)){ for (let metadatum of Object.keys(error)){
eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]}); eventBus.errors.push({ metadatum_id: metadatum, errors: error[metadatum]});
} }
} }
this.formErrorMessage = errors.error_message; this.formErrorMessage = errors.error_message;
@ -1132,7 +1160,10 @@ export default {
relatedPostId: this.itemId, relatedPostId: this.itemId,
onSave: () => { onSave: () => {
// Fetch current existing attachments // Fetch current existing attachments
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document }); this.isLoadingAttachments = true;
this.fetchAttachments({ page: 1, attachmentsPerPage: 24, itemId: this.itemId, documentId: this.item.document })
.then(() => this.isLoadingAttachments = false)
.catch(() => this.isLoadingAttachments = false);
} }
} }
); );
@ -1149,7 +1180,7 @@ export default {
this.metadataCollapses.splice(index, 1, event); this.metadataCollapses.splice(index, 1, event);
}, },
onDeletePermanently() { onDeletePermanently() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1287,9 +1318,21 @@ export default {
// Obtains collection name // Obtains collection name
if (!this.isRepositoryLevel) { if (!this.isRepositoryLevel) {
this.fetchCollectionName(this.collectionId).then((collectionName) => {
this.collectionName = collectionName; // Cancels previous collection name Request
}); if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(this.collectionId)
.then((resp) => {
resp.request
.then((collectionName) => {
this.collectionName = collectionName;
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
// Obtains if collection allow items comments // Obtains if collection allow items comments
@ -1312,10 +1355,14 @@ export default {
beforeDestroy () { beforeDestroy () {
eventBus.$off('isUpdatingValue'); eventBus.$off('isUpdatingValue');
eventBus.$off('hasErrorsOnForm'); eventBus.$off('hasErrorsOnForm');
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
}, },
beforeRouteLeave ( to, from, next ) { beforeRouteLeave ( to, from, next ) {
if (this.item.status == 'auto-draft') { if (this.item.status == 'auto-draft') {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1410,8 +1457,13 @@ export default {
padding-left: 0; padding-left: 0;
padding-right: $page-side-padding; padding-right: $page-side-padding;
.columns .column { .columns {
padding: 1rem $page-side-padding 0 24px; flex-wrap: wrap;
justify-content: space-between;
.column {
padding: 1rem 12px 0 12px;
}
} }
.field { .field {

View File

@ -298,7 +298,7 @@ export default {
this.isPublishingItems = false; this.isPublishingItems = false;
this.isExecutingBulkEdit = false; this.isExecutingBulkEdit = false;
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -313,7 +313,7 @@ export default {
} else if (status == 'trash') { } else if (status == 'trash') {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {

View File

@ -264,7 +264,7 @@
formNotSaved = true; formNotSaved = true;
if (formNotSaved) { if (formNotSaved) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -277,7 +277,7 @@
} }
}); });
} else if (this.isEditingTerm) { } else if (this.isEditingTerm) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -495,7 +495,7 @@
} }
} }
</script> </script>
<style> <style scoped>
.tab-content { .tab-content {
overflow: visible !important; overflow: visible !important;
} }

View File

@ -485,7 +485,8 @@
margin-right: auto; margin-right: auto;
width: 100%; width: 100%;
top: 35%; top: 35%;
font-size: 1.25rem; padding: 0 8px;
font-size: 95%;
font-weight: bold; font-weight: bold;
z-index: 99; z-index: 99;
text-align: center; text-align: center;

View File

@ -168,7 +168,7 @@
this.notApprove(activity.id); this.notApprove(activity.id);
}, },
openActivityDetailsModal(activity) { openActivityDetailsModal(activity) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: ActivityDetailsModal, component: ActivityDetailsModal,
props: { props: {

View File

@ -1,6 +1,11 @@
<template> <template>
<div> <div>
<div class="table-container"> <div
style="position: relative;"
class="table-container">
<b-loading
is-full-page="false"
:active.sync="isLoading" />
<div <div
v-if="attachments.length > 0" v-if="attachments.length > 0"
class="table-wrapper"> class="table-wrapper">
@ -99,14 +104,14 @@
}, },
data() { data() {
return { return {
isLoading: false,
attachmentsPage: 1, attachmentsPage: 1,
attachmentsPerPage: 24 attachmentsPerPage: 24
} }
}, },
props: { props: {
item: Object, item: Object,
isEditable: Boolean isLoading: Boolean,
isEditable: Boolean,
}, },
computed: { computed: {
attachments() { attachments() {
@ -148,6 +153,7 @@
}, },
loadAttachments() { loadAttachments() {
this.isLoading = true; this.isLoading = true;
this.$emit('isLoadingAttachments', true);
this.fetchAttachments({ this.fetchAttachments({
page: this.attachmentsPage, page: this.attachmentsPage,
@ -157,10 +163,12 @@
}) })
.then((response) => { .then((response) => {
this.isLoading = false; this.isLoading = false;
this.$emit('isLoadingAttachments', false);
this.totalAttachments = response.total; this.totalAttachments = response.total;
}) })
.catch((error) => { .catch((error) => {
this.isLoading = false; this.isLoading = false;
this.$emit('isLoadingAttachments', false);
this.$console.error(error); this.$console.error(error);
}) })
}, },
@ -178,10 +186,11 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.uploaded-files { .uploaded-files {
display: flex; display: block;
flex-flow: wrap; text-align: center;
.file-item-container { .file-item-container {
display: inline-block;
margin: 15px; margin: 15px;
position: relative; position: relative;

View File

@ -83,7 +83,7 @@ export default {
// Checks if user is deleting a term with unsaved info. // Checks if user is deleting a term with unsaved info.
if (this.term.id == 'new') { if (this.term.id == 'new') {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -100,7 +100,7 @@ export default {
}, },
removeTerm() { removeTerm() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {

View File

@ -220,9 +220,9 @@
<a <a
:href="collection.url" :href="collection.url"
target="_blank" target="_blank"
:aria-label="$i18n.get('label_view_collection')"> :aria-label="$i18n.get('label_view_collection_on_website')">
<b-tooltip <b-tooltip
:label="$i18n.get('label_view_collection')" :label="$i18n.get('label_view_collection_on_website')"
position="is-bottom"> position="is-bottom">
<span class="icon"> <span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>

View File

@ -356,7 +356,7 @@ export default {
return Number(total_items['publish']) + Number(total_items['private']); return Number(total_items['publish']) + Number(total_items['private']);
}, },
deleteOneCollection(collectionId) { deleteOneCollection(collectionId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -366,7 +366,7 @@ export default {
onConfirm: () => { onConfirm: () => {
this.deleteCollection({ collectionId: collectionId, isPermanently: this.isOnTrash }) this.deleteCollection({ collectionId: collectionId, isPermanently: this.isOnTrash })
.then(() => { .then(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_collection_deleted'), // message: this.$i18n.get('info_collection_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -378,7 +378,7 @@ export default {
this.selectedCollections.splice(i, 1); this.selectedCollections.splice(i, 1);
} }
}).catch(() => { }).catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_collection'), // message: this.$i18n.get('info_error_deleting_collection'),
// position: 'is-bottom', // position: 'is-bottom',
@ -393,7 +393,7 @@ export default {
this.clearContextMenu(); this.clearContextMenu();
}, },
deleteSelectedCollections() { deleteSelectedCollections() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -407,7 +407,7 @@ export default {
this.deleteCollection({ collectionId: this.collections[i].id, isPermanently: this.isOnTrash }) this.deleteCollection({ collectionId: this.collections[i].id, isPermanently: this.isOnTrash })
.then(() => { .then(() => {
// this.loadCollections(); // this.loadCollections();
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_collection_deleted'), // message: this.$i18n.get('info_collection_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -415,7 +415,7 @@ export default {
// queue: false // queue: false
// }) // })
}).catch(() => { }).catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_collection'), // message: this.$i18n.get('info_error_deleting_collection'),
// position: 'is-bottom', // position: 'is-bottom',

View File

@ -334,7 +334,10 @@ export default {
availableMetadata: [], availableMetadata: [],
filterTypes: [], filterTypes: [],
currentFilterTypePreview: undefined, currentFilterTypePreview: undefined,
columnsTopY: 0 columnsTopY: 0,
filtersSearchCancel: undefined,
metadataSearchCancel: undefined,
collectionNameSearchCancel: undefined
} }
}, },
computed: { computed: {
@ -357,7 +360,7 @@ export default {
hasUnsavedForms = true; hasUnsavedForms = true;
} }
if ((this.openedFilterId != '' && this.openedFilterId != undefined) || hasUnsavedForms ) { if ((this.openedFilterId != '' && this.openedFilterId != undefined) || hasUnsavedForms ) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -609,7 +612,7 @@ export default {
return 190; return 190;
} }
}, },
mounted() { mounted() {
if (!this.isRepositoryLevel) if (!this.isRepositoryLevel)
this.$root.$emit('onCollectionBreadCrumbUpdate', [{ path: '', label: this.$i18n.get('filter') }]); this.$root.$emit('onCollectionBreadCrumbUpdate', [{ path: '', label: this.$i18n.get('filter') }]);
@ -624,7 +627,6 @@ export default {
else else
this.collectionId = this.$route.params.collectionId; this.collectionId = this.$route.params.collectionId;
this.isLoadingMetadatumTypes = true;
this.isLoadingFilters = true; this.isLoadingFilters = true;
this.isLoadingFilterTypes = true; this.isLoadingFilterTypes = true;
@ -637,35 +639,94 @@ export default {
this.isLoadingFilterTypes = false; this.isLoadingFilterTypes = false;
}); });
this.fetchFilters({collectionId: this.collectionId, isRepositoryLevel: this.isRepositoryLevel, isContextEdit: true, includeDisabled: true }) // Cancels previous Request
.then(() => { if (this.filtersSearchCancel != undefined)
this.isLoadingFilters = false; this.filtersSearchCancel.cancel('Filters search Canceled.');
// Needs to be done after activeFilterList exists to compare and remove chosen metadata.
this.fetchMetadata({collectionId: this.collectionId, isRepositoryLevel: this.isRepositoryLevel, isContextEdit: true }) this.fetchFilters({
.then(() => { collectionId: this.collectionId,
this.isLoadingMetadatumTypes = false; isRepositoryLevel: this.isRepositoryLevel,
this.updateListOfMetadata(); isContextEdit: !this.isOnTheme,
}) includeDisabled: true,
.catch(() => { }).then((resp) => {
this.isLoadingMetadatumTypes = false; resp.request
}); .then(() => {
})
.catch(() => { this.isLoadingMetadatumTypes = true;
this.isLoadingFilters = false;
}); // Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
// Needs to be done after activeFilterList exists to compare and remove chosen metadata.
this.fetchMetadata({
collectionId: this.collectionId,
isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: true
}).then((resp) => {
resp.request
.then(() => {
this.isLoadingMetadatumTypes = false;
this.updateListOfMetadata();
})
.catch(() => {
this.isLoadingMetadatumTypes = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
})
.catch(() => this.isLoadingMetadatumTypes = false);
})
.catch(() => this.isLoadingFilters = false);
// Search Request Token for cancelling
this.filtersSearchCancel = resp.source;
})
.catch(() => this.isLoadingFilters = false);
// On repository level we also fetch collection filters
if (this.isRepositoryLevel) {
this.fetchRepositoryCollectionFilters()
.catch(() => this.isLoadingFilters = false);
}
// Obtains collection name // Obtains collection name
if (!this.isRepositoryLevel) { if (!this.isRepositoryLevel) {
this.fetchCollectionName(this.collectionId).then((collectionName) => {
this.collectionName = collectionName; // Cancels previous collection name Request
}); if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(this.collectionId)
.then((resp) => {
resp.request
.then((collectionName) => {
this.collectionName = collectionName;
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
// Sets modal callback function // Sets modal callback function
this.$refs.filterTypeModal.onCancel = () => { this.$refs.filterTypeModal.onCancel = () => {
this.onCancelFilterTypeSelection(); this.onCancelFilterTypeSelection();
} }
},
beforeDestroy() {
// Cancels previous filters Request
if (this.filtersSearchCancel != undefined)
this.filtersSearchCancel.cancel('Metadata search Canceled.');
// Cancels previous metadata Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
} }
} }
</script> </script>

View File

@ -259,7 +259,7 @@
class="b-checkbox checkbox is-small"> class="b-checkbox checkbox is-small">
<input <input
type="checkbox" type="checkbox"
:value="getSelectedItemChecked(item.id)" :checked="getSelectedItemChecked(item.id)"
@input="setSelectedItemChecked(item.id)"> @input="setSelectedItemChecked(item.id)">
<span class="check" /> <span class="check" />
<span class="control-label" /> <span class="control-label" />
@ -531,7 +531,7 @@
class="b-checkbox checkbox is-small"> class="b-checkbox checkbox is-small">
<input <input
type="checkbox" type="checkbox"
:value="getSelectedItemChecked(item.id)" :checked="getSelectedItemChecked(item.id)"
@input="setSelectedItemChecked(item.id)"> @input="setSelectedItemChecked(item.id)">
<span class="check" /> <span class="check" />
<span class="control-label" /> <span class="control-label" />
@ -804,7 +804,7 @@
column.metadatum !== 'row_author' && column.metadatum !== 'row_author' &&
column.metadatum !== 'row_title' && column.metadatum !== 'row_title' &&
column.metadatum !== 'row_description'" column.metadatum !== 'row_description'"
v-html="renderMetadata(item.metadata, column) != '' ? renderMetadata(item.metadata, column, column.metadata_type_object.component) : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/> v-html="renderMetadata(item.metadata, column) != '' ? renderMetadata(item.metadata, column) : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/>
<span v-if="column.metadatum == 'row_thumbnail'"> <span v-if="column.metadatum == 'row_thumbnail'">
<img <img
@ -948,7 +948,9 @@ export default {
return this.getSelectedItems(); return this.getSelectedItems();
}, },
selectedItems () { selectedItems () {
this.$eventBusSearch.setSelectedItemsForIframe(this.getSelectedItems()); if (this.$route.query.iframemode)
this.$eventBusSearch.setSelectedItemsForIframe(this.getSelectedItems());
return this.getSelectedItems(); return this.getSelectedItems();
}, },
isSelectingItems () { isSelectingItems () {
@ -1017,7 +1019,7 @@ export default {
return this.selectedItems.find(item => item == itemId) != undefined; return this.selectedItems.find(item => item == itemId) != undefined;
}, },
openBulkEditionModal(){ openBulkEditionModal(){
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: BulkEditionModal, component: BulkEditionModal,
props: { props: {
@ -1053,7 +1055,7 @@ export default {
}, },
makeCopiesOfOneItem(itemId) { makeCopiesOfOneItem(itemId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: ItemCopyDialog, component: ItemCopyDialog,
canCancel: false, canCancel: false,
@ -1072,7 +1074,7 @@ export default {
this.clearContextMenu(); this.clearContextMenu();
}, },
untrashOneItem(itemId) { untrashOneItem(itemId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1101,7 +1103,7 @@ export default {
}); });
}, },
deleteOneItem(itemId) { deleteOneItem(itemId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1124,7 +1126,7 @@ export default {
this.clearContextMenu(); this.clearContextMenu();
}, },
untrashSelectedItems(){ untrashSelectedItems(){
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1153,7 +1155,7 @@ export default {
}); });
}, },
deleteSelectedItems() { deleteSelectedItems() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1213,11 +1215,11 @@ export default {
if ($event.ctrlKey || $event.shiftKey) { if ($event.ctrlKey || $event.shiftKey) {
this.setSelectedItemChecked(item.id); this.setSelectedItemChecked(item.id);
} else { } else {
if (!this.$route.query.iframemode && this.$route.query.iframemode) { if (this.$route.query.iframemode && !this.$route.query.readmode) {
this.setSelectedItemChecked(item.id) this.setSelectedItemChecked(item.id)
} else if (!this.$route.query.iframemode && !this.$route.query.readmode) { } else if (!this.$route.query.iframemode && !this.$route.query.readmode) {
if(this.isOnTrash){ if(this.isOnTrash){
this.$toast.open({ this.$buefy.toast.open({
duration: 3000, duration: 3000,
message: this.$i18n.get('info_warning_remove_from_trash_first'), message: this.$i18n.get('info_warning_remove_from_trash_first'),
position: 'is-bottom', position: 'is-bottom',
@ -1246,17 +1248,14 @@ export default {
goToItemEditPage(item) { goToItemEditPage(item) {
this.$router.push(this.$routerHelper.getItemEditPath(item.collection_id, item.id)); this.$router.push(this.$routerHelper.getItemEditPath(item.collection_id, item.id));
}, },
renderMetadata(itemMetadata, column, component) { renderMetadata(itemMetadata, column) {
let metadata = (itemMetadata != undefined && itemMetadata[column.slug] != undefined) ? itemMetadata[column.slug] : false; let metadata = (itemMetadata != undefined && itemMetadata[column.slug] != undefined) ? itemMetadata[column.slug] : false;
if (!metadata || itemMetadata == undefined) { if (!metadata || itemMetadata == undefined) {
return ''; return '';
} else { } else {
if ((component != undefined && component == 'tainacan-textarea') || this.$route.query.iframemode) return this.viewMode == 'table' ? ('<span class="sr-only">' + column.name + ': </span>' + metadata.value_as_html) : metadata.value_as_html;
return this.viewMode == 'table' ? ('<span class="sr-only">' + column.name + ': </span>' + metadata.value_as_string) : metadata.value_as_string;
else
return this.viewMode == 'table' ? ('<span class="sr-only">' + column.name + ': </span>' + metadata.value_as_html) : metadata.value_as_html;
} }
}, },
getLimitedDescription(description) { getLimitedDescription(description) {

View File

@ -461,7 +461,9 @@ export default {
new_metadata_label: '', new_metadata_label: '',
new_metadata_uri: '', new_metadata_uri: '',
new_metadata_slug: '', new_metadata_slug: '',
columnsTopY: 0 columnsTopY: 0,
metadataSearchCancel: undefined,
collectionNameSearchCancel: undefined
} }
}, },
components: { components: {
@ -514,7 +516,7 @@ export default {
hasUnsavedForms = true; hasUnsavedForms = true;
} }
if ((this.openedMetadatumId != '' && this.openedMetadatumId != undefined) || hasUnsavedForms ) { if ((this.openedMetadatumId != '' && this.openedMetadatumId != undefined) || hasUnsavedForms ) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -606,7 +608,7 @@ export default {
}); });
}, },
removeMetadatum(removedMetadatum) { removeMetadatum(removedMetadatum) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -618,8 +620,11 @@ export default {
.then(() => { .then(() => {
if (!this.isRepositoryLevel) if (!this.isRepositoryLevel)
this.updateMetadataOrder(); this.updateMetadataOrder();
else
this.$root.$emit('metadatumUpdated', this.isRepositoryLevel);
}) })
.catch(() => { .catch(() => {
this.$console.log("Error deleting metadatum.")
}); });
}, },
} }
@ -846,26 +851,43 @@ export default {
return true; return true;
}, },
refreshMetadata() { refreshMetadata() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.isRepositoryLevel = this.$route.name == 'MetadataPage' ? true : false; this.isRepositoryLevel = this.$route.name == 'MetadataPage' ? true : false;
if (this.isRepositoryLevel) if (this.isRepositoryLevel)
this.collectionId = 'default'; this.collectionId = 'default';
else else
this.collectionId = this.$route.params.collectionId; this.collectionId = this.$route.params.collectionId;
this.fetchMetadata({collectionId: this.collectionId, isRepositoryLevel: this.isRepositoryLevel, isContextEdit: true, includeDisabled: true}) this.fetchMetadata({
.then(() => { collectionId: this.collectionId,
this.isLoadingMetadata = false; isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: true,
// Checks URL as router watcher would not wait for list to load includeDisabled: true
if (this.$route.query.edit != undefined) { }).then((resp) => {
let existingMetadataIndex = this.activeMetadatumList.findIndex((metadatum) => metadatum.id == this.$route.query.edit); resp.request
if (existingMetadataIndex >= 0) .then(() => {
this.editMetadatum(this.activeMetadatumList[existingMetadataIndex]); this.isLoadingMetadata = false;
}
// Checks URL as router watcher would not wait for list to load
if (this.$route.query.edit != undefined) {
let existingMetadataIndex = this.activeMetadatumList.findIndex((metadatum) => metadatum.id == this.$route.query.edit);
if (existingMetadataIndex >= 0)
this.editMetadatum(this.activeMetadatumList[existingMetadataIndex]);
}
})
.catch(() => {
this.isLoadingMetadata = false;
});
// Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
}) })
.catch(() => { .catch(() => this.isLoadingMetadata = false);
this.isLoadingMetadata = false;
});
}, },
getPreviewTemplateContent(metadatum) { getPreviewTemplateContent(metadatum) {
return `<div class="metadata-type-preview tainacan-form"> return `<div class="metadata-type-preview tainacan-form">
@ -913,12 +935,35 @@ export default {
this.isLoadingMetadatumMappers = false; this.isLoadingMetadatumMappers = false;
}); });
// Obtains collection name // Obtains collection name
if (!this.isRepositoryLevel) { if (!this.isRepositoryLevel) {
this.fetchCollectionName(this.collectionId).then((collectionName) => {
this.collectionName = collectionName; // Cancels previous collection name Request
}); if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(this.collectionId)
.then((resp) => {
resp.request
.then((collectionName) => {
this.collectionName = collectionName;
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
},
beforeDestroy() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
} }
} }
</script> </script>

View File

@ -357,7 +357,7 @@
this.selected.splice(i, 1, !this.allOnPageSelected); this.selected.splice(i, 1, !this.allOnPageSelected);
}, },
deleteOneProcess(processId) { deleteOneProcess(processId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -367,7 +367,7 @@
onConfirm: () => { onConfirm: () => {
this.deleteProcess({ processId: processId }) this.deleteProcess({ processId: processId })
.then(() => { .then(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'), // message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -380,7 +380,7 @@
} }
}) })
.catch(() => { .catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'), // message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom', // position: 'is-bottom',
@ -393,7 +393,7 @@
}); });
}, },
deleteSelected() { deleteSelected() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -407,7 +407,7 @@
this.deleteTaxonomy({ processId: this.processes[i].id }) this.deleteTaxonomy({ processId: this.processes[i].id })
.then(() => { .then(() => {
// this.load(); // this.load();
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'), // message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -415,7 +415,7 @@
// queue: false // queue: false
// }) // })
}).catch(() => { }).catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'), // message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom', // position: 'is-bottom',
@ -441,7 +441,7 @@
}, },
pauseProcess(index) { pauseProcess(index) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {

View File

@ -210,7 +210,7 @@ export default {
// Checks if user is deleting a term with unsaved info. // Checks if user is deleting a term with unsaved info.
if (this.term.id == 'new') { if (this.term.id == 'new') {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -227,7 +227,7 @@ export default {
}, },
removeTerm() { removeTerm() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {

View File

@ -235,7 +235,7 @@
this.selected.splice(i, 1, !this.allOnPageSelected); this.selected.splice(i, 1, !this.allOnPageSelected);
}, },
deleteOneTaxonomy(taxonomyId) { deleteOneTaxonomy(taxonomyId) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -245,7 +245,7 @@
onConfirm: () => { onConfirm: () => {
this.deleteTaxonomy({ taxonomyId: taxonomyId, isPermanently: this.isOnTrash }) this.deleteTaxonomy({ taxonomyId: taxonomyId, isPermanently: this.isOnTrash })
.then(() => { .then(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'), // message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -258,7 +258,7 @@
} }
}) })
.catch(() => { .catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'), // message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom', // position: 'is-bottom',
@ -271,7 +271,7 @@
}); });
}, },
deleteSelected() { deleteSelected() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -285,7 +285,7 @@
this.deleteTaxonomy({ taxonomyId: this.taxonomies[i].id, isPermanently: this.isOnTrash }) this.deleteTaxonomy({ taxonomyId: this.taxonomies[i].id, isPermanently: this.isOnTrash })
.then(() => { .then(() => {
// this.load(); // this.load();
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'), // message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom', // position: 'is-bottom',
@ -293,7 +293,7 @@
// queue: false // queue: false
// }) // })
}).catch(() => { }).catch(() => {
// this.$toast.open({ // this.$buefy.toast.open({
// duration: 3000, // duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'), // message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom', // position: 'is-bottom',

View File

@ -218,19 +218,19 @@ export default {
.separator { .separator {
height: 2px; height: 2px;
background-color: transparent; background-color: transparent;
width: 100%; width: 100%;
margin: 24px 0; margin: 24px 0;
} }
li { li {
a { a {
color: white; color: white;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
padding: 9px 15px; padding: 9px 15px;
line-height: 1.5em; line-height: 1.5em;
border-radius: 0px; border-radius: 0px;
-webkit-transition: padding 0.2s linear; /* Safari */ -webkit-transition: padding 0.2s linear, background-color 0.3s ease; /* Safari */
transition: padding 0.2s linear; transition: padding 0.2s linear, background-color 0.3s ease;
.icon { .icon {
height: auto; height: auto;

View File

@ -211,12 +211,18 @@
.level-left { .level-left {
margin-left: -12px; margin-left: -12px;
.home-area {
.home-area {
font-size: 24px; font-size: 24px;
width: 50px; width: 50px;
height: $header-height; height: $header-height;
background-color: $gray1; background-color: $gray1;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
transition: background-color 0.2s ease;
&:hover {
background-color: $gray2;
}
} }
.logo-area { .logo-area {
height: $header-height; height: $header-height;

View File

@ -34,7 +34,7 @@
show: 500, show: 500,
hide: 300, hide: 300,
}, },
content: $i18n.get('label_view_collection'), content: $i18n.get('label_view_collection_on_website'),
autoHide: false, autoHide: false,
placement: 'bottom-end', placement: 'bottom-end',
classes: ['header-tooltips'] classes: ['header-tooltips']
@ -48,7 +48,7 @@
<span class="icon"> <span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span> </span>
<!-- {{ $i18n.get('label_view_collection') }} --> <!-- {{ $i18n.get('label_view_collection_on_website') }} -->
</a> </a>
</li> </li>
<li <li
@ -71,7 +71,7 @@
<span class="icon"> <span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span> </span>
<!-- {{ $i18n.get('label_view_collection') }} --> <!-- {{ $i18n.get('label_view_collection_on_website') }} -->
</a> </a>
</li> </li>
</ul> </ul>
@ -123,7 +123,7 @@ export default {
]), ]),
openAvailableExportersModal(){ openAvailableExportersModal(){
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: AvailableExportersModal, component: AvailableExportersModal,
hasModalCard: true, hasModalCard: true,

View File

@ -91,6 +91,7 @@
border-bottom: 1px solid $gray2; border-bottom: 1px solid $gray2;
padding: 15px 8.3333333%; padding: 15px 8.3333333%;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s ease;
&:first-child { &:first-child {
margin-top: 15px; margin-top: 15px;

View File

@ -94,6 +94,7 @@ export default {
border-bottom: 1px solid $gray2; border-bottom: 1px solid $gray2;
padding: 15px 8.3333333%; padding: 15px 8.3333333%;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s ease;
&:first-child { &:first-child {
margin-top: 15px; margin-top: 15px;

View File

@ -271,7 +271,7 @@
<script> <script>
import qs from 'qs'; import qs from 'qs';
import { tainacan as axios } from '../../../js/axios/axios'; import { tainacan as axios, isCancel } from '../../../js/axios/axios';
import { filter_type_mixin } from '../../../classes/filter-types/filter-types-mixin'; import { filter_type_mixin } from '../../../classes/filter-types/filter-types-mixin';
export default { export default {
@ -461,7 +461,10 @@
} }
}) })
.catch(error => { .catch(error => {
this.$console.log(error); if (isCancel(error))
this.$console.log('Request canceled: ' + error.message);
else
this.$console.error( error );
}) })
// Search Request Token for cancelling // Search Request Token for cancelling
@ -694,6 +697,11 @@
this.$emit('appliedCheckBoxModal'); this.$emit('appliedCheckBoxModal');
} }
},
beforeDestroy() {
// Cancels previous Request
if (this.getOptionsValuesCancel != undefined)
this.getOptionsValuesCancel.cancel('Get options request canceled.');
} }
} }
</script> </script>

View File

@ -195,7 +195,6 @@
:value="getExposerFullURL(pagedLink, exposerMapper)"> :value="getExposerFullURL(pagedLink, exposerMapper)">
</div> </div>
<a <a
:download="(collectionId != undefined ? collectionName : $i18n.get('repository')) + ' ' + $i18n.get('items') + ' ' + $i18n.get('label_page') + ' ' + pagedLink"
v-tooltip="{ v-tooltip="{
delay: { delay: {
show: 500, show: 500,
@ -204,7 +203,8 @@
content: $i18n.get('label_open_externally'), content: $i18n.get('label_open_externally'),
autoHide: false, autoHide: false,
placement: 'bottom' placement: 'bottom'
}" }"
target="_blank"
:href="getExposerFullURL(pagedLink, exposerMapper)"> :href="getExposerFullURL(pagedLink, exposerMapper)">
<span class="icon"> <span class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-openurl"/> <i class="tainacan-icon tainacan-icon-18px tainacan-icon-openurl"/>
@ -378,6 +378,9 @@ export default {
if (pagedLink && (this.itemId == undefined || this.itemId == null)) if (pagedLink && (this.itemId == undefined || this.itemId == null))
params.paged = pagedLink; params.paged = pagedLink;
if (tainacan_plugin.nonce)
params._wpnonce = tainacan_plugin.nonce;
return this.exposerBaseURL + '&' + qs.stringify(params); return this.exposerBaseURL + '&' + qs.stringify(params);
}, },
getItemPageLabel(pagedLink) { getItemPageLabel(pagedLink) {
@ -403,7 +406,7 @@ export default {
let msg = successful ? 'successful' : 'unsuccessful'; let msg = successful ? 'successful' : 'unsuccessful';
this.$console.log('Fallback: Copying text command was ' + msg); this.$console.log('Fallback: Copying text command was ' + msg);
if (msg == 'sucessful') { if (msg == 'sucessful') {
this.$toast.open({ this.$buefy.toast.open({
duration: 3000, duration: 3000,
message: this.$i18n.get('info_url_copied'), message: this.$i18n.get('info_url_copied'),
position: 'is-bottom', position: 'is-bottom',
@ -427,7 +430,7 @@ export default {
navigator.clipboard.writeText(text) navigator.clipboard.writeText(text)
.then(() => { .then(() => {
this.$console.log('Async: Copying to clipboard was successful!'); this.$console.log('Async: Copying to clipboard was successful!');
this.$toast.open({ this.$buefy.toast.open({
duration: 3000, duration: 3000,
message: this.$i18n.get('info_url_copied'), message: this.$i18n.get('info_url_copied'),
position: 'is-bottom', position: 'is-bottom',
@ -498,7 +501,7 @@ export default {
p { p {
font-size: 0.875rem; font-size: 0.875rem;
color: $gray5; color: $gray5;
padding: 0rem 1rem; padding: 0rem 1.25rem;
margin-top: 0.75rem; margin-top: 0.75rem;
margin-bottom: 0; margin-bottom: 0;
} }
@ -514,6 +517,7 @@ export default {
cursor: pointer; cursor: pointer;
max-width: 50%; max-width: 50%;
flex-grow: 1; flex-grow: 1;
transition: border 0.3s ease;
h4 { h4 {
font-size: 1rem; font-size: 1rem;
@ -526,6 +530,10 @@ export default {
padding: 0rem 0.5rem; padding: 0rem 0.5rem;
margin-bottom: 0; margin-bottom: 0;
} }
&:hover {
border: 1px solid $gray3;
}
} }
} }
} }

View File

@ -39,7 +39,7 @@
min="1" min="1"
:value="copyCount" :value="copyCount"
step="1" step="1"
@input.native="copyCount = $event.target.value"/> @input="copyCount = $event"/>
</b-field> </b-field>
</div> </div>
</section> </section>

View File

@ -204,7 +204,8 @@
data() { data() {
return { return {
taxonomyFiltersCollectionNames: {}, taxonomyFiltersCollectionNames: {},
repositoryCollectionNames: {} repositoryCollectionNames: {},
collectionNameSearchCancel: undefined
} }
}, },
props: { props: {
@ -218,30 +219,56 @@
watch: { watch: {
taxonomyFilters() { taxonomyFilters() {
if (this.taxonomyFilters != undefined) { if (this.taxonomyFilters != undefined) {
this.$set(this.taxonomyFiltersCollectionNames, 'repository-filters', this.$i18n.get('repository')); this.$set(this.taxonomyFiltersCollectionNames, 'repository-filters', this.$i18n.get('repository'));
for (let taxonomyFilter of Object.keys(this.taxonomyFilters)) { for (let taxonomyFilter of Object.keys(this.taxonomyFilters)) {
if (taxonomyFilter != 'repository-filters') { if (taxonomyFilter != 'repository-filters') {
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(taxonomyFilter) this.fetchCollectionName(taxonomyFilter)
.then((collectionName) => { .then((resp) => {
this.$nextTick(() => { resp.request
this.$set(this.taxonomyFiltersCollectionNames, taxonomyFilter, collectionName); .then((collectionName) => {
}); this.$nextTick(() => {
}); this.$set(this.taxonomyFiltersCollectionNames, taxonomyFilter, collectionName);
});
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
} }
} }
}, },
repositoryCollectionFilters() { repositoryCollectionFilters() {
if (this.repositoryCollectionFilters != undefined) { if (this.repositoryCollectionFilters != undefined) {
this.$set(this.repositoryCollectionNames, 'repository-filters', this.$i18n.get('repository')); this.$set(this.repositoryCollectionNames, 'repository-filters', this.$i18n.get('repository'));
for (let repositoryCollectionFilter of Object.keys(this.repositoryCollectionFilters)) { for (let repositoryCollectionFilter of Object.keys(this.repositoryCollectionFilters)) {
if (repositoryCollectionFilter != 'repository-filters') { if (repositoryCollectionFilter != 'repository-filters') {
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(repositoryCollectionFilter) this.fetchCollectionName(repositoryCollectionFilter)
.then((collectionName) => { .then((resp) => {
this.$nextTick(() => { resp.request
this.$set(this.repositoryCollectionNames, '' + repositoryCollectionFilter, collectionName); .then((collectionName) => {
}); this.$nextTick(() => {
}); this.$set(this.repositoryCollectionNames, '' + repositoryCollectionFilter, collectionName);
});
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
} }
} }
@ -266,6 +293,11 @@
}, },
components: { components: {
CollectionsFilter CollectionsFilter
},
beforeDestroy() {
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
} }
} }
</script> </script>

View File

@ -35,6 +35,7 @@ import FilterTaxonomyCheckbox from '../../classes/filter-types/taxonomy/Checkbox
import FilterTaxonomyTaginput from '../../classes/filter-types/taxonomy/Taginput.vue'; import FilterTaxonomyTaginput from '../../classes/filter-types/taxonomy/Taginput.vue';
import FormNumeric from '../../classes/filter-types/numeric/FormNumeric.vue'; import FormNumeric from '../../classes/filter-types/numeric/FormNumeric.vue';
// import FormDate from '../../classes/filter-types/date/FormDate.vue';
import TainacanFormItem from '../../classes/metadata-types/tainacan-form-item.vue'; import TainacanFormItem from '../../classes/metadata-types/tainacan-form-item.vue';
import TainacanFiltersList from '../../classes/filter-types/tainacan-filter-item.vue'; import TainacanFiltersList from '../../classes/filter-types/tainacan-filter-item.vue';
@ -50,7 +51,9 @@ import termsListBus from './terms-list-bus.js';
import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, UserCapabilitiesPlugin, StatusHelperPlugin } from './utilities'; import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, UserCapabilitiesPlugin, StatusHelperPlugin } from './utilities';
// Configure and Register Plugins // Configure and Register Plugins
Vue.use(Buefy); Vue.use(Buefy, {
defaultTooltipAnimated: true
});
Vue.use(VTooltip); Vue.use(VTooltip);
Vue.use(VueMasonry); Vue.use(VueMasonry);
Vue.use(I18NPlugin); Vue.use(I18NPlugin);
@ -88,6 +91,7 @@ Vue.component('tainacan-filter-taxonomy-checkbox', FilterTaxonomyCheckbox);
Vue.component('tainacan-filter-taxonomy-taginput', FilterTaxonomyTaginput); Vue.component('tainacan-filter-taxonomy-taginput', FilterTaxonomyTaginput);
/* Filter Metadata Option forms */ /* Filter Metadata Option forms */
Vue.component('tainacan-filter-form-numeric', FormNumeric); Vue.component('tainacan-filter-form-numeric', FormNumeric);
// Vue.component('tainacan-filter-form-date', FormDate);
/* Others */ /* Others */
Vue.component('help-button', HelpButton); Vue.component('help-button', HelpButton);

View File

@ -32,7 +32,9 @@ import eventBusSearch from '../../js/event-bus-search';
import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, StatusHelperPlugin } from './utilities'; import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, StatusHelperPlugin } from './utilities';
// Configure and Register Plugins // Configure and Register Plugins
Vue.use(Buefy); Vue.use(Buefy, {
defaultTooltipAnimated: true
});
Vue.use(VTooltip); Vue.use(VTooltip);
Vue.use(VueMasonry); Vue.use(VueMasonry);
Vue.use(I18NPlugin); Vue.use(I18NPlugin);

View File

@ -14,7 +14,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
Vue.prototype.$console = { Vue.prototype.$console = {
log(something) { log(something) {
if (options.visual) { if (options.visual) {
Vue.prototype.$snackbar.open({ Vue.prototype.$buefy.snackbar.open({
message: something, message: something,
type: 'is-secondary', type: 'is-secondary',
position: 'is-bottom-right', position: 'is-bottom-right',
@ -27,7 +27,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
}, },
info(someInfo) { info(someInfo) {
if (options.visual) { if (options.visual) {
Vue.prototype.$snackbar.open({ Vue.prototype.$buefy.snackbar.open({
message: someInfo, message: someInfo,
type: 'is-primary', type: 'is-primary',
position: 'is-bottom-right', position: 'is-bottom-right',
@ -40,7 +40,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
}, },
error(someError) { error(someError) {
if (options.visual) { if (options.visual) {
Vue.prototype.$snackbar.open({ Vue.prototype.$buefy.snackbar.open({
message: someError, message: someError,
type: 'is-danger', type: 'is-danger',
position: 'is-bottom-right', position: 'is-bottom-right',

View File

@ -316,6 +316,7 @@ export default {
color: $turquoise5; color: $turquoise5;
float: right; float: right;
width: calc(100% - 20px); width: calc(100% - 20px);
transition: background-color 0.3s ease;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: calc(50% - 20px); width: calc(50% - 20px);
@ -354,6 +355,7 @@ export default {
min-width: 13%; min-width: 13%;
flex-basis: 13%; flex-basis: 13%;
max-width: 15%; max-width: 15%;
transition: background-color 0.3s ease;
@media screen and (max-width: 580px) { @media screen and (max-width: 580px) {
max-width: calc(100% - 52px); max-width: calc(100% - 52px);

View File

@ -70,6 +70,11 @@
padding: 15px; padding: 15px;
margin: 20px; margin: 20px;
cursor: pointer; cursor: pointer;
transition: border 0.3s ease;
&:hover {
border: 1px solid $gray3;
}
} }
} }

View File

@ -73,6 +73,11 @@ export default {
max-width: 20%; max-width: 20%;
flex-grow: 1; flex-grow: 1;
flex-basis: 20%; flex-basis: 20%;
transition: border 0.3s ease;
&:hover {
border: 1px solid $gray3;
}
} }
} }

View File

@ -418,7 +418,7 @@ export default {
return last > this.totalCollections ? this.totalCollections : last; return last > this.totalCollections ? this.totalCollections : last;
}, },
onOpenImportersModal() { onOpenImportersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: AvailableImportersModal, component: AvailableImportersModal,
hasModalCard: true hasModalCard: true

View File

@ -565,25 +565,25 @@
:value="viewModeOption" :value="viewModeOption"
v-if="registeredViewModes[viewModeOption] != undefined && registeredViewModes[viewModeOption].full_screen == true "> v-if="registeredViewModes[viewModeOption] != undefined && registeredViewModes[viewModeOption].full_screen == true ">
<span <span
class="gray-icon" class="gray-icon view-mode-icon"
v-html="registeredViewModes[viewModeOption].icon"/> v-html="registeredViewModes[viewModeOption].icon"/>
<span class="is-hidden-touch">{{ registeredViewModes[viewModeOption].label }}</span> <span class="is-hidden-touch">{{ registeredViewModes[viewModeOption].label }}</span>
</button> </button>
</div> </div>
<!-- Exposers or alternative links modal button --> <!-- Exposers or alternative links modal button -->
<div <div
v-if="!$route.query.iframemode" v-if="!$route.query.iframemode"
class="search-control-item"> class="search-control-item">
<button <button
class="button is-white" class="button is-white"
:aria-label="$i18n.get('label_urls')" :aria-label="$i18n.get('label_view_as')"
:disabled="totalItems == undefined || totalItems <= 0" :disabled="totalItems == undefined || totalItems <= 0"
@click="openExposersModal()"> @click="openExposersModal()">
<span class="gray-icon"> <span class="gray-icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
</span> </span>
<span class="is-hidden-touch">{{ $i18n.get('label_urls') }}</span> <span class="is-hidden-touch">{{ $i18n.get('label_view_as') }}</span>
</button> </button>
</div> </div>
@ -915,7 +915,10 @@
isFilterModalActive: false, isFilterModalActive: false,
collection: undefined, collection: undefined,
hasAnOpenModal: false, hasAnOpenModal: false,
hasAnOpenAlert: true hasAnOpenAlert: true,
repositoryFiltersSearchCancel: undefined,
filtersSearchCancel: undefined,
metadataSearchCancel: undefined
} }
}, },
props: { props: {
@ -1087,7 +1090,7 @@
} }
}, },
onOpenImportersModal() { onOpenImportersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: AvailableImportersModal, component: AvailableImportersModal,
hasModalCard: true, hasModalCard: true,
@ -1098,7 +1101,7 @@
}); });
}, },
openExposersModal() { openExposersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: ExposersModal, component: ExposersModal,
hasModalCard: true, hasModalCard: true,
@ -1109,7 +1112,7 @@
}) })
}, },
onOpenCollectionsModal() { onOpenCollectionsModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CollectionsModal, component: CollectionsModal,
hasModalCard: true hasModalCard: true
@ -1189,26 +1192,47 @@
}, },
prepareFilters() { prepareFilters() {
this.isLoadingFilters = true; // Cancels previous Request
if (this.filtersSearchCancel != undefined)
this.filtersSearchCancel.cancel('Filters search Canceled.');
this.isLoadingFilters = true;
this.fetchFilters({ this.fetchFilters({
collectionId: this.collectionId, collectionId: this.collectionId,
isRepositoryLevel: this.isRepositoryLevel, isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: !this.isOnTheme, isContextEdit: !this.isOnTheme,
includeDisabled: 'no', includeDisabled: false,
}) })
.then(() => this.isLoadingFilters = false) .then((resp) => {
resp.request
.then(() => this.isLoadingFilters = false)
.catch(() => this.isLoadingFilters = false);
// Search Request Token for cancelling
this.filtersSearchCancel = resp.source;
})
.catch(() => this.isLoadingFilters = false); .catch(() => this.isLoadingFilters = false);
// On repository level we also fetch collection filters // On repository level we also fetch collection filters
if (this.isRepositoryLevel) { if (this.isRepositoryLevel) {
// Cancels previous Request
if (this.repositoryFiltersSearchCancel != undefined)
this.repositoryFiltersSearchCancel.cancel('Repository Collection Filters search Canceled.');
this.fetchRepositoryCollectionFilters() this.fetchRepositoryCollectionFilters()
.catch(() => this.isLoadingFilters = false); .then((source) => {
this.repositoryFiltersSearchCancel = source;
});
} }
}, },
prepareMetadata() { prepareMetadata() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.$eventBusSearch.cleanFetchOnly(); this.$eventBusSearch.cleanFetchOnly();
this.isLoadingMetadata = true; this.isLoadingMetadata = true;
@ -1219,212 +1243,219 @@
isRepositoryLevel: this.isRepositoryLevel, isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: false isContextEdit: false
}) })
.then(() => { .then((resp) => {
this.sortingMetadata = []; resp.request
.then(() => {
this.sortingMetadata = [];
// Decides if custom meta will be loaded with item. // Decides if custom meta will be loaded with item.
let shouldLoadMeta = true; let shouldLoadMeta = true;
if (this.isOnTheme) if (this.isOnTheme)
shouldLoadMeta = this.registeredViewModes[this.viewMode].dynamic_metadata; shouldLoadMeta = this.registeredViewModes[this.viewMode].dynamic_metadata;
else else
shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == undefined; shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == undefined;
if (shouldLoadMeta) { if (shouldLoadMeta) {
// Loads user prefs object as we'll need to check if there's something configured by user // Loads user prefs object as we'll need to check if there's something configured by user
let prefsFetchOnly = !this.isRepositoryLevel ? `fetch_only_${this.collectionId}` : 'fetch_only'; let prefsFetchOnly = !this.isRepositoryLevel ? `fetch_only_${this.collectionId}` : 'fetch_only';
let prefsFetchOnlyMeta = !this.isRepositoryLevel ? `fetch_only_meta_${this.collectionId}` : 'fetch_only_meta'; let prefsFetchOnlyMeta = !this.isRepositoryLevel ? `fetch_only_meta_${this.collectionId}` : 'fetch_only_meta';
let prefsFetchOnlyObject = this.$userPrefs.get(prefsFetchOnly) ? typeof this.$userPrefs.get(prefsFetchOnly) != 'string' ? this.$userPrefs.get(prefsFetchOnly) : this.$userPrefs.get(prefsFetchOnly).replace(/,null/g, '').split(',') : []; let prefsFetchOnlyObject = this.$userPrefs.get(prefsFetchOnly) ? typeof this.$userPrefs.get(prefsFetchOnly) != 'string' ? this.$userPrefs.get(prefsFetchOnly) : this.$userPrefs.get(prefsFetchOnly).replace(/,null/g, '').split(',') : [];
let prefsFetchOnlyMetaObject = this.$userPrefs.get(prefsFetchOnlyMeta) ? this.$userPrefs.get(prefsFetchOnlyMeta).split(',') : []; let prefsFetchOnlyMetaObject = this.$userPrefs.get(prefsFetchOnlyMeta) ? this.$userPrefs.get(prefsFetchOnlyMeta).split(',') : [];
let thumbnailMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[0] != null) : true;
metadata.push({
name: this.$i18n.get('label_thumbnail'),
metadatum: 'row_thumbnail',
metadata_type: undefined,
slug: 'thumbnail',
id: undefined,
display: thumbnailMetadatumDisplay
});
// Repository Level always shows core metadata
if (this.isRepositoryLevel) {
metadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
metadata.push({
name: this.$i18n.get('label_description'),
metadatum: 'row_description',
metadata_type_object: {core: true, related_mapped_prop: 'description'},
metadata_type: undefined,
slug: 'description',
id: undefined,
display: true
});
}
let fetchOnlyMetadatumIds = [];
for (let metadatum of this.metadata) {
if (metadatum.display !== 'never') {
let display;
// Deciding display based on collection settings
if (metadatum.display == 'no')
display = false;
else if (metadatum.display == 'yes')
display = true;
// Deciding display based on user prefs
if (prefsFetchOnlyMetaObject.length) {
let index = prefsFetchOnlyMetaObject.findIndex(metadatumId => metadatumId == metadatum.id);
display = index >= 0;
}
let thumbnailMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[0] != null) : true;
metadata.push({ metadata.push({
name: metadatum.name, name: this.$i18n.get('label_thumbnail'),
metadatum: metadatum.description, metadatum: 'row_thumbnail',
slug: metadatum.slug, metadata_type: undefined,
metadata_type: metadatum.metadata_type, slug: 'thumbnail',
metadata_type_object: metadatum.metadata_type_object, id: undefined,
metadata_type_options: metadatum.metadata_type_options, display: thumbnailMetadatumDisplay
id: metadatum.id,
display: display,
collection_id: metadatum.collection_id,
multiple: metadatum.multiple,
}); });
if (display) {
fetchOnlyMetadatumIds.push(metadatum.id); // Repository Level always shows core metadata
if (this.isRepositoryLevel) {
metadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
metadata.push({
name: this.$i18n.get('label_description'),
metadatum: 'row_description',
metadata_type_object: {core: true, related_mapped_prop: 'description'},
metadata_type: undefined,
slug: 'description',
id: undefined,
display: true
});
}
let fetchOnlyMetadatumIds = [];
for (let metadatum of this.metadata) {
if (metadatum.display !== 'never') {
let display;
// Deciding display based on collection settings
if (metadatum.display == 'no')
display = false;
else if (metadatum.display == 'yes')
display = true;
// Deciding display based on user prefs
if (prefsFetchOnlyMetaObject.length) {
let index = prefsFetchOnlyMetaObject.findIndex(metadatumId => metadatumId == metadatum.id);
display = index >= 0;
}
metadata.push({
name: metadatum.name,
metadatum: metadatum.description,
slug: metadatum.slug,
metadata_type: metadatum.metadata_type,
metadata_type_object: metadatum.metadata_type_object,
metadata_type_options: metadatum.metadata_type_options,
id: metadatum.id,
display: display,
collection_id: metadatum.collection_id,
multiple: metadatum.multiple,
});
if (display) {
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'
) {
this.sortingMetadata.push(metadatum);
}
}
}
let creationDateMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[1] != null) : true;
let authorNameMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[2] != null) : true;
// Creation date and author name should appear only on admin.
if (!this.isOnTheme) {
metadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
metadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
} }
if ( this.$eventBusSearch.addFetchOnly(
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' && (thumbnailMetadatumDisplay ? 'thumbnail' : null) +','+
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' && (creationDateMetadatumDisplay ? 'creation_date' : null) +','+
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship' (authorNameMetadatumDisplay ? 'author_name' : null) +','+
) { (this.isRepositoryLevel ? 'title' : null) +','+
this.sortingMetadata.push(metadatum); (this.isRepositoryLevel ? 'description' : null)
, false, fetchOnlyMetadatumIds.toString());
// Sorting metadata
if (this.isRepositoryLevel) {
this.sortingMetadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
}
this.sortingMetadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
if (authorNameMetadatumDisplay) {
this.sortingMetadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
} }
}
}
let creationDateMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[1] != null) : true; // Loads only basic attributes necessary to view modes that do not allow custom meta
let authorNameMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[2] != null) : true; } else {
// Creation date and author name should appear only on admin.
if (!this.isOnTheme) {
metadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
metadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
}
this.$eventBusSearch.addFetchOnly( this.$eventBusSearch.addFetchOnly('thumbnail,creation_date,author_name,title,description', true, '');
(thumbnailMetadatumDisplay ? 'thumbnail' : null) +','+
(creationDateMetadatumDisplay ? 'creation_date' : null) +','+
(authorNameMetadatumDisplay ? 'author_name' : null) +','+
(this.isRepositoryLevel ? 'title' : null) +','+
(this.isRepositoryLevel ? 'description' : null)
, false, fetchOnlyMetadatumIds.toString());
// Sorting metadata if (this.isRepositoryLevel) {
if (this.isRepositoryLevel) { this.sortingMetadata.push({
this.sortingMetadata.push({ name: this.$i18n.get('label_title'),
name: this.$i18n.get('label_title'), metadatum: 'row_title',
metadatum: 'row_title', metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type_object: {core: true, related_mapped_prop: 'title'}, metadata_type: undefined,
metadata_type: undefined, slug: 'title',
slug: 'title', id: undefined,
id: undefined, display: true
display: true });
}); }
}
this.sortingMetadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
if (authorNameMetadatumDisplay) {
this.sortingMetadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
}
// Loads only basic attributes necessary to view modes that do not allow custom meta for (let metadatum of this.metadata) {
} else { if (metadatum.display !== 'never' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
this.$eventBusSearch.addFetchOnly('thumbnail,creation_date,author_name,title,description', true, ''); metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship') {
this.sortingMetadata.push(metadatum);
}
}
if (this.isRepositoryLevel) { this.sortingMetadata.push({
this.sortingMetadata.push({ name: this.$i18n.get('label_creation_date'),
name: this.$i18n.get('label_title'), metadatum: 'row_creation',
metadatum: 'row_title', metadata_type: undefined,
metadata_type_object: {core: true, related_mapped_prop: 'title'}, slug: 'creation_date',
metadata_type: undefined, id: undefined,
slug: 'title', display: true
id: undefined, })
display: true
});
}
for (let metadatum of this.metadata) {
if (metadatum.display !== 'never' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship') {
this.sortingMetadata.push(metadatum);
} }
}
this.sortingMetadata.push({ this.isLoadingMetadata = false;
name: this.$i18n.get('label_creation_date'), this.displayedMetadata = metadata;
metadatum: 'row_creation', })
metadata_type: undefined, .catch(() => {
slug: 'creation_date', this.isLoadingMetadata = false;
id: undefined,
display: true
}) })
} // Search Request Token for cancelling
this.metadataSearchCancel = resp.source;
this.isLoadingMetadata = false;
this.displayedMetadata = metadata;
}) })
.catch(() => { .catch(() => this.isLoadingMetadata = false);
this.isLoadingMetadata = false;
});
}, },
updateCollectionInfo () { updateCollectionInfo () {
if (this.collectionId) { if (this.collectionId) {
@ -1445,7 +1476,7 @@
} }
}, },
openMetatadaSortingWarningDialog({ offerCheckbox }) { openMetatadaSortingWarningDialog({ offerCheckbox }) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1508,7 +1539,6 @@
/* This condition is to prevent an incorrect fetch by filter or metadata when we coming from items /* This condition is to prevent an incorrect fetch by filter or metadata when we coming from items
* at collection level to items page at repository level * at collection level to items page at repository level
*/ */
if (this.isOnTheme || this.collectionId == to.params.collectionId || to.query.fromBreadcrumb) { if (this.isOnTheme || this.collectionId == to.params.collectionId || to.query.fromBreadcrumb) {
this.prepareMetadata(); this.prepareMetadata();
this.prepareFilters(); this.prepareFilters();
@ -1524,7 +1554,7 @@
}); });
}, },
mounted() { mounted() {
this.prepareFilters(); this.prepareFilters();
this.prepareMetadata(); this.prepareMetadata();
this.localDisplayedMetadata = JSON.parse(JSON.stringify(this.displayedMetadata)); this.localDisplayedMetadata = JSON.parse(JSON.stringify(this.displayedMetadata));
@ -1579,11 +1609,23 @@
}, },
beforeDestroy() { beforeDestroy() {
this.removeEventListeners(); this.removeEventListeners();
// Cancels previous Request // Cancels previous Metadata Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
// Cancels previous Filters Request
if (this.filtersSearchCancel != undefined)
this.filtersSearchCancel.cancel('Filters search Canceled.');
// Cancels previous Items Request
if (this.$eventBusSearch.searchCancel != undefined) if (this.$eventBusSearch.searchCancel != undefined)
this.$eventBusSearch.searchCancel.cancel('Item search Canceled.'); this.$eventBusSearch.searchCancel.cancel('Item search Canceled.');
// Cancels previous Repository Filters Request
if (this.repositoryFiltersSearchCancel != undefined)
this.repositoryFiltersSearchCancel.cancel('Repository Collection Filters search Canceled.');
} }
} }
</script> </script>
@ -1864,8 +1906,9 @@
.view-mode-icon { .view-mode-icon {
margin-right: 3px !important; margin-right: 3px !important;
margin-top: 1px; margin-top: -4px;
margin-left: 6px !important; margin-left: 6px !important;
width: 1.25rem;
} }
.dropdown-menu { .dropdown-menu {

View File

@ -542,7 +542,7 @@
:value="viewModeOption" :value="viewModeOption"
v-if="registeredViewModes[viewModeOption] != undefined && registeredViewModes[viewModeOption].full_screen == true "> v-if="registeredViewModes[viewModeOption] != undefined && registeredViewModes[viewModeOption].full_screen == true ">
<span <span
class="gray-icon" class="gray-icon view-mode-icon"
v-html="registeredViewModes[viewModeOption].icon"/> v-html="registeredViewModes[viewModeOption].icon"/>
<span class="is-hidden-touch">{{ registeredViewModes[viewModeOption].label }}</span> <span class="is-hidden-touch">{{ registeredViewModes[viewModeOption].label }}</span>
</button> </button>
@ -554,13 +554,13 @@
class="search-control-item"> class="search-control-item">
<button <button
class="button is-white" class="button is-white"
:aria-label="$i18n.get('label_urls')" :aria-label="$i18n.get('label_view_as')"
:disabled="totalItems == undefined || totalItems <= 0" :disabled="totalItems == undefined || totalItems <= 0"
@click="openExposersModal()"> @click="openExposersModal()">
<span class="gray-icon"> <span class="gray-icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
</span> </span>
<span class="is-hidden-touch">{{ $i18n.get('label_urls') }}</span> <span class="is-hidden-touch">{{ $i18n.get('label_view_as') }}</span>
</button> </button>
</div> </div>
@ -890,7 +890,9 @@
isFilterModalActive: false, isFilterModalActive: false,
customFilters: [], customFilters: [],
hasAnOpenModal: false, hasAnOpenModal: false,
hasAnOpenAlert: true hasAnOpenAlert: true,
filtersSearchCancel: undefined,
metadataSearchCancel: undefined
} }
}, },
props: { props: {
@ -1038,7 +1040,7 @@
} }
}, },
onOpenImportersModal() { onOpenImportersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: AvailableImportersModal, component: AvailableImportersModal,
hasModalCard: true, hasModalCard: true,
@ -1049,7 +1051,7 @@
}); });
}, },
openExposersModal() { openExposersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: ExposersModal, component: ExposersModal,
hasModalCard: true, hasModalCard: true,
@ -1133,6 +1135,10 @@
}, },
prepareFilters() { prepareFilters() {
// Cancels previous Request
if (this.filtersSearchCancel != undefined)
this.filtersSearchCancel.cancel('Filters search Canceled.');
this.isLoadingFilters = true; this.isLoadingFilters = true;
// Normal filter loading, only collection ones // Normal filter loading, only collection ones
@ -1143,7 +1149,14 @@
isContextEdit: !this.isOnTheme, isContextEdit: !this.isOnTheme,
includeDisabled: 'no', includeDisabled: 'no',
}) })
.then(() => this.isLoadingFilters = false) .then((resp) => {
resp.request
.then(() => this.isLoadingFilters = false)
.catch(() => this.isLoadingFilters = false);
// Search Request Token for cancelling
this.filtersSearchCancel = resp.source;
})
.catch(() => this.isLoadingFilters = false); .catch(() => this.isLoadingFilters = false);
// Custom filter loading, get's from collections that have items with that taxonomy // Custom filter loading, get's from collections that have items with that taxonomy
@ -1155,6 +1168,10 @@
} }
}, },
prepareMetadata() { prepareMetadata() {
// Cancels previous Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
this.$eventBusSearch.cleanFetchOnly(); this.$eventBusSearch.cleanFetchOnly();
this.isLoadingMetadata = true; this.isLoadingMetadata = true;
@ -1165,213 +1182,218 @@
collectionId: this.collectionId, collectionId: this.collectionId,
isRepositoryLevel: this.isRepositoryLevel, isRepositoryLevel: this.isRepositoryLevel,
isContextEdit: false isContextEdit: false
}) }).then((resp) => {
.then(() => { resp.request
this.sortingMetadata = []; .then(() => {
this.sortingMetadata = [];
// Decides if custom meta will be loaded with item. // Decides if custom meta will be loaded with item.
let shouldLoadMeta = true; let shouldLoadMeta = true;
if (this.isOnTheme) if (this.isOnTheme)
shouldLoadMeta = this.registeredViewModes[this.viewMode].dynamic_metadata; shouldLoadMeta = this.registeredViewModes[this.viewMode].dynamic_metadata;
else else
shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == undefined; shouldLoadMeta = this.adminViewMode == 'table' || this.adminViewMode == 'records' || this.adminViewMode == undefined;
if (shouldLoadMeta) { if (shouldLoadMeta) {
// Loads user prefs object as we'll need to check if there's something configured by user // Loads user prefs object as we'll need to check if there's something configured by user
let prefsFetchOnly = !this.isRepositoryLevel ? `fetch_only_${this.collectionId}` : 'fetch_only'; let prefsFetchOnly = !this.isRepositoryLevel ? `fetch_only_${this.collectionId}` : 'fetch_only';
let prefsFetchOnlyMeta = !this.isRepositoryLevel ? `fetch_only_meta_${this.collectionId}` : 'fetch_only_meta'; let prefsFetchOnlyMeta = !this.isRepositoryLevel ? `fetch_only_meta_${this.collectionId}` : 'fetch_only_meta';
let prefsFetchOnlyObject = this.$userPrefs.get(prefsFetchOnly) ? typeof this.$userPrefs.get(prefsFetchOnly) != 'string' ? this.$userPrefs.get(prefsFetchOnly) : this.$userPrefs.get(prefsFetchOnly).replace(/,null/g, '').split(',') : []; let prefsFetchOnlyObject = this.$userPrefs.get(prefsFetchOnly) ? typeof this.$userPrefs.get(prefsFetchOnly) != 'string' ? this.$userPrefs.get(prefsFetchOnly) : this.$userPrefs.get(prefsFetchOnly).replace(/,null/g, '').split(',') : [];
let prefsFetchOnlyMetaObject = this.$userPrefs.get(prefsFetchOnlyMeta) ? this.$userPrefs.get(prefsFetchOnlyMeta).split(',') : []; let prefsFetchOnlyMetaObject = this.$userPrefs.get(prefsFetchOnlyMeta) ? this.$userPrefs.get(prefsFetchOnlyMeta).split(',') : [];
let thumbnailMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[0] != null) : true; let thumbnailMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[0] != null) : true;
metadata.push({
name: this.$i18n.get('label_thumbnail'),
metadatum: 'row_thumbnail',
metadata_type: undefined,
slug: 'thumbnail',
id: undefined,
display: thumbnailMetadatumDisplay
});
// Repository Level always shows core metadata
if (this.isRepositoryLevel) {
metadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
metadata.push({
name: this.$i18n.get('label_description'),
metadatum: 'row_description',
metadata_type_object: {core: true, related_mapped_prop: 'description'},
metadata_type: undefined,
slug: 'description',
id: undefined,
display: true
});
}
let fetchOnlyMetadatumIds = [];
for (let metadatum of this.metadata) {
if (metadatum.display !== 'never') {
let display;
// Deciding display based on collection settings
if (metadatum.display == 'no')
display = false;
else if (metadatum.display == 'yes')
display = true;
// Deciding display based on user prefs
if (prefsFetchOnlyMetaObject.length) {
let index = prefsFetchOnlyMetaObject.findIndex(metadatumId => metadatumId == metadatum.id);
display = index >= 0;
}
metadata.push({ metadata.push({
name: metadatum.name, name: this.$i18n.get('label_thumbnail'),
metadatum: metadatum.description, metadatum: 'row_thumbnail',
slug: metadatum.slug, metadata_type: undefined,
metadata_type: metadatum.metadata_type, slug: 'thumbnail',
metadata_type_object: metadatum.metadata_type_object, id: undefined,
metadata_type_options: metadatum.metadata_type_options, display: thumbnailMetadatumDisplay
id: metadatum.id,
display: display,
collection_id: metadatum.collection_id,
multiple: metadatum.multiple,
}); });
if (display) { // Repository Level always shows core metadata
fetchOnlyMetadatumIds.push(metadatum.id); if (this.isRepositoryLevel) {
metadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
metadata.push({
name: this.$i18n.get('label_description'),
metadatum: 'row_description',
metadata_type_object: {core: true, related_mapped_prop: 'description'},
metadata_type: undefined,
slug: 'description',
id: undefined,
display: true
});
} }
if ( let fetchOnlyMetadatumIds = [];
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' && for (let metadatum of this.metadata) {
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship' if (metadatum.display !== 'never') {
) {
this.sortingMetadata.push(metadatum); let display;
// Deciding display based on collection settings
if (metadatum.display == 'no')
display = false;
else if (metadatum.display == 'yes')
display = true;
// Deciding display based on user prefs
if (prefsFetchOnlyMetaObject.length) {
let index = prefsFetchOnlyMetaObject.findIndex(metadatumId => metadatumId == metadatum.id);
display = index >= 0;
}
metadata.push({
name: metadatum.name,
metadatum: metadatum.description,
slug: metadatum.slug,
metadata_type: metadatum.metadata_type,
metadata_type_object: metadatum.metadata_type_object,
metadata_type_options: metadatum.metadata_type_options,
id: metadatum.id,
display: display,
collection_id: metadatum.collection_id,
multiple: metadatum.multiple,
});
if (display) {
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'
) {
this.sortingMetadata.push(metadatum);
}
}
} }
} let creationDateMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[1] != null) : true;
let authorNameMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[2] != null) : true;
// Creation date and author name should appear only on admin.
if (!this.isOnTheme) {
metadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
metadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
}
} this.$eventBusSearch.addFetchOnly(
(thumbnailMetadatumDisplay ? 'thumbnail' : null) +','+
(creationDateMetadatumDisplay ? 'creation_date' : null) +','+
(authorNameMetadatumDisplay ? 'author_name' : null) +','+
(this.isRepositoryLevel ? 'title' : null) +','+
(this.isRepositoryLevel ? 'description' : null)
, false, fetchOnlyMetadatumIds.toString());
let creationDateMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[1] != null) : true; // Sorting metadata
let authorNameMetadatumDisplay = prefsFetchOnlyObject ? (prefsFetchOnlyObject[2] != null) : true; if (this.isRepositoryLevel) {
this.sortingMetadata.push({
// Creation date and author name should appear only on admin. name: this.$i18n.get('label_title'),
if (!this.isOnTheme) { metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata.push({ metadata_type: undefined,
name: this.$i18n.get('label_creation_date'), slug: 'title',
metadatum: 'row_creation', id: undefined,
metadata_type: undefined, display: true
slug: 'creation_date', });
id: undefined, }
display: creationDateMetadatumDisplay this.sortingMetadata.push({
}); name: this.$i18n.get('label_creation_date'),
metadata.push({ metadatum: 'row_creation',
name: this.$i18n.get('label_created_by'), metadata_type: undefined,
metadatum: 'row_author', slug: 'creation_date',
metadata_type: undefined, id: undefined,
slug: 'author_name', display: creationDateMetadatumDisplay
id: undefined, });
display: authorNameMetadatumDisplay if (authorNameMetadatumDisplay) {
}); this.sortingMetadata.push({
} name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
this.$eventBusSearch.addFetchOnly( metadata_type: undefined,
(thumbnailMetadatumDisplay ? 'thumbnail' : null) +','+ slug: 'author_name',
(creationDateMetadatumDisplay ? 'creation_date' : null) +','+ id: undefined,
(authorNameMetadatumDisplay ? 'author_name' : null) +','+ display: authorNameMetadatumDisplay
(this.isRepositoryLevel ? 'title' : null) +','+ });
(this.isRepositoryLevel ? 'description' : null) }
, false, fetchOnlyMetadatumIds.toString()); // Loads only basic attributes necessary to view modes that do not allow custom meta
} else {
// Sorting metadata
if (this.isRepositoryLevel) {
this.sortingMetadata.push({
name: this.$i18n.get('label_title'),
metadatum: 'row_title',
metadata_type_object: {core: true, related_mapped_prop: 'title'},
metadata_type: undefined,
slug: 'title',
id: undefined,
display: true
});
}
this.sortingMetadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: creationDateMetadatumDisplay
});
if (authorNameMetadatumDisplay) {
this.sortingMetadata.push({
name: this.$i18n.get('label_created_by'),
metadatum: 'row_author',
metadata_type: undefined,
slug: 'author_name',
id: undefined,
display: authorNameMetadatumDisplay
});
}
// Loads only basic attributes necessary to view modes that do not allow custom meta
} else {
this.$eventBusSearch.addFetchOnly('thumbnail,creation_date,author_name,title,description', true, '');
if (this.isRepositoryLevel) { this.$eventBusSearch.addFetchOnly('thumbnail,creation_date,author_name,title,description', true, '');
this.sortingMetadata.push({
name: this.$i18n.get('label_title'), if (this.isRepositoryLevel) {
metadatum: 'row_title', this.sortingMetadata.push({
metadata_type_object: {core: true, related_mapped_prop: 'title'}, name: this.$i18n.get('label_title'),
metadata_type: undefined, metadatum: 'row_title',
slug: 'title', metadata_type_object: {core: true, related_mapped_prop: 'title'},
id: undefined, metadata_type: undefined,
display: true slug: 'title',
}); id: undefined,
} display: true
});
for (let metadatum of this.metadata) { }
if (metadatum.display !== 'never' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' && for (let metadatum of this.metadata) {
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' && if (metadatum.display !== 'never' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship') { metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Core_Description' &&
this.sortingMetadata.push(metadatum); metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Taxonomy' &&
metadatum.metadata_type != 'Tainacan\\Metadata_Types\\Relationship') {
this.sortingMetadata.push(metadatum);
}
}
this.sortingMetadata.push({
name: this.$i18n.get('label_creation_date'),
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: true
})
} }
}
this.sortingMetadata.push({ this.isLoadingMetadata = false;
name: this.$i18n.get('label_creation_date'), this.displayedMetadata = metadata;
metadatum: 'row_creation',
metadata_type: undefined,
slug: 'creation_date',
id: undefined,
display: true
}) })
.catch(() => {
} this.isLoadingMetadata = false;
})
this.isLoadingMetadata = false; // Search Request Token for cancelling
this.displayedMetadata = metadata; this.metadataSearchCancel = resp.source;
}) })
.catch(() => { .catch(() => this.isLoadingMetadata = false);
this.isLoadingMetadata = false;
});
}, },
showItemsHiddingDueSortingDialog() { showItemsHiddingDueSortingDialog() {
@ -1384,7 +1406,7 @@
} }
}, },
openMetatadaSortingWarningDialog({ offerCheckbox }) { openMetatadaSortingWarningDialog({ offerCheckbox }) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CustomDialog, component: CustomDialog,
props: { props: {
@ -1521,8 +1543,16 @@
}, },
beforeDestroy() { beforeDestroy() {
this.removeEventListeners(); this.removeEventListeners();
// Cancels previous Request // Cancels previous Metadata Request
if (this.metadataSearchCancel != undefined)
this.metadataSearchCancel.cancel('Metadata search Canceled.');
// Cancels previous Filters Request
if (this.filtersSearchCancel != undefined)
this.filtersSearchCancel.cancel('Filters search Canceled.');
// Cancels previous Items Request
if (this.$eventBusSearch.searchCancel != undefined) if (this.$eventBusSearch.searchCancel != undefined)
this.$eventBusSearch.searchCancel.cancel('Item search Canceled.'); this.$eventBusSearch.searchCancel.cancel('Item search Canceled.');
@ -1797,8 +1827,9 @@
.view-mode-icon { .view-mode-icon {
margin-right: 3px !important; margin-right: 3px !important;
margin-top: 1px; margin-top: -4px;
margin-left: 6px !important; margin-left: 6px !important;
width: 1.25rem;
} }
.dropdown-menu { .dropdown-menu {

View File

@ -253,7 +253,9 @@
<span>{{ $i18n.get('activities') }}</span> <span>{{ $i18n.get('activities') }}</span>
</template> </template>
<activities-page /> <activities-page
:is-loading.sync="isLoadingAttachments"
@isLoadingAttachments="(isLoading) => isLoadingAttachments = isLoading"/>
</b-tab-item> </b-tab-item>
</b-tabs> </b-tabs>
</div> </div>
@ -281,13 +283,13 @@
</router-link> </router-link>
<button <button
class="button sequence-button" class="button sequence-button"
:aria-label="$i18n.get('label_urls')" :aria-label="$i18n.get('label_view_as')"
:disabled="isLoading" :disabled="isLoading"
@click="openExposersModal()"> @click="openExposersModal()">
<span class="icon is-large"> <span class="icon is-large">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/> <i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
</span> </span>
<span class="is-hidden-touch">{{ $i18n.get('label_urls') }}</span> <span class="is-hidden-touch">{{ $i18n.get('label_view_as') }}</span>
</button> </button>
<a <a
target="_blank" target="_blank"
@ -334,6 +336,8 @@
urls_open: false, urls_open: false,
collectionAllowComments: '', collectionAllowComments: '',
activeTab: 0, activeTab: 0,
isLoadingAttachments: false,
collectionNameSearchCancel: undefined
} }
}, },
computed: { computed: {
@ -371,7 +375,7 @@
}); });
}, },
openExposersModal() { openExposersModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: ExposersModal, component: ExposersModal,
hasModalCard: true, hasModalCard: true,
@ -408,15 +412,32 @@
// Obtains collection name // Obtains collection name
if (!this.isRepositoryLevel) { if (!this.isRepositoryLevel) {
this.fetchCollectionName(this.collectionId).then((collectionName) => {
this.collectionName = collectionName; // Cancels previous collection name Request
}); if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
this.fetchCollectionName(this.collectionId)
.then((resp) => {
resp.request
.then((collectionName) => {
this.collectionName = collectionName;
});
// Search Request Token for cancelling
this.collectionNameSearchCancel = resp.source;
})
} }
// Obtains collection Comment Status // Obtains collection Comment Status
this.fetchCollectionAllowComments(this.collectionId).then((collectionAllowComments) => { this.fetchCollectionAllowComments(this.collectionId).then((collectionAllowComments) => {
this.collectionAllowComments = collectionAllowComments; this.collectionAllowComments = collectionAllowComments;
}); });
},
beforeDestroy() {
// Cancels previous collection name Request
if (this.collectionNameSearchCancel != undefined)
this.collectionNameSearchCancel.cancel('Collection name search Canceled.');
} }
} }
</script> </script>
@ -498,10 +519,14 @@
padding-left: 0; padding-left: 0;
padding-right: $page-side-padding; padding-right: $page-side-padding;
.columns .column { .columns {
padding: 1rem $page-side-padding 0 24px; flex-wrap: wrap;
} justify-content: space-between;
.column {
padding: 1rem 12px 0 12px;
}
}
.field { .field {
padding: 10px 0 14px 0px; padding: 10px 0 14px 0px;
margin-left: -3px; margin-left: -3px;
@ -536,16 +561,7 @@
margin-right: 18px; margin-right: 18px;
} }
} }
} }
@media screen and (min-width: 1367px){
column-count: 2;
column-gap: $page-side-padding;
.field {
break-inside: avoid;
}
}
} }

View File

@ -91,6 +91,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: nowrap; flex-wrap: nowrap;
transition: background-color 0.3s ease;
li { li {
text-align: center; text-align: center;
@ -100,6 +101,7 @@
padding: 0.5em 0.5em; padding: 0.5em 0.5em;
border-radius: 0; border-radius: 0;
transition: none; transition: none;
transition: background-color 0.3s ease;
} }
} }
} }

View File

@ -41,6 +41,7 @@
padding: 0.375rem 1rem; padding: 0.375rem 1rem;
font-size: 0.8125rem; font-size: 0.8125rem;
color: $tainacan-input-color !important; color: $tainacan-input-color !important;
transition: background-color 0.3s ease;
label { margin-bottom: 0; } label { margin-bottom: 0; }
&.control { font-size: 0.8125rem !important; } &.control { font-size: 0.8125rem !important; }

View File

@ -1,7 +1,7 @@
.pagination-area { .pagination-area {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: baseline;
font-size: 0.85em !important; font-size: 0.85em !important;
font-weight: normal !important; font-weight: normal !important;
border-top: 1px solid $gray3; border-top: 1px solid $gray3;
@ -9,6 +9,7 @@
padding-bottom: 0; padding-bottom: 0;
margin-left: $page-side-padding; margin-left: $page-side-padding;
margin-right: $page-side-padding; margin-right: $page-side-padding;
margin-bottom: 12px;
padding-left: 0.75rem; padding-left: 0.75rem;
padding-right: 0.75rem; padding-right: 0.75rem;
color: $gray4; color: $gray4;
@ -33,7 +34,7 @@
.items-per-page { .items-per-page {
flex-grow: 1; flex-grow: 1;
margin-top: 0.35em; margin-top: 0.5rem;
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
flex-grow: 2; flex-grow: 2;
@ -41,29 +42,39 @@
.field { .field {
display: inline-flex; display: inline-flex;
align-items: baseline; align-items: center;
} }
} }
.field-label { .field-label {
flex-grow: 5; flex-grow: 5;
margin-right: 0.5em; margin-right: 0.5em;
padding-top: 0.3rem;
.label { .label {
font-size: 0.85rem !important; font-size: 0.85rem !important;
font-weight: normal !important; font-weight: normal !important;
margin-bottom: 0;
color: $gray4; color: $gray4;
} }
} }
select { .select {
font-size: 0.85rem; select {
border: none !important; font-size: 0.85rem;
} border: none !important;
}
}
} }
.pagination { .pagination {
// flex-grow: 1; // flex-grow: 1;
&.is-small {
top: -3px;
position: relative;
border: none;
}
ul { ul {
margin-bottom: 0px; margin-bottom: 0px;
padding: 0px; padding: 0px;
@ -76,10 +87,14 @@
a[disabled="disabled"] { a[disabled="disabled"] {
color: $gray4; color: $gray4;
} }
.pagination-list {
flex-wrap: nowrap;
}
.pagination-link, .pagination-previous, .pagination-next { .pagination-link, .pagination-previous, .pagination-next {
background-color: transparent; background-color: transparent;
color: $secondary; color: $secondary;
border: none; border: none;
align-items: inherit;
} }
.pagination-link:active { .pagination-link:active {
box-shadow: none; box-shadow: none;
@ -114,6 +129,7 @@
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
&.is-small { top: 0px; }
.pagination-list { order: 2; } .pagination-list { order: 2; }
.pagination-next { order: 3; } .pagination-next { order: 3; }
} }

View File

@ -1,5 +1,10 @@
.select { .select {
padding-top: 0px !important; padding-top: 0px !important;
&,
&:not(.is-multiple) {
height: 30px;
}
select { select {
border: none; border: none;
border-radius: 1px !important; border-radius: 1px !important;
@ -31,6 +36,7 @@
color: $secondary !important; color: $secondary !important;
display: flex !important; display: flex !important;
align-items: initial; align-items: initial;
margin-top: -10px !important;
} }
&.is-loading.is-small::after { &.is-loading.is-small::after {
font-size: 0.875rem; font-size: 0.875rem;

View File

@ -66,6 +66,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
transition: background-color 0.15s ease;
} }
.b-checkbox.checkbox .control-label { .b-checkbox.checkbox .control-label {
display: none; display: none;
@ -161,11 +162,13 @@
tr { tr {
cursor: pointer; cursor: pointer;
background-color: transparent; background-color: transparent;
transition: background-color 0.15s ease;
&.selected-row { &.selected-row {
background-color: $turquoise1; background-color: $turquoise1;
.checkbox-cell .checkbox, .actions-cell .actions-container { .checkbox-cell .checkbox,
background-color: $turquoise2; .actions-cell .actions-container {
transition: background-color 0.15s ease;
} }
} }
td { td {
@ -193,7 +196,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
max-height: 1.25rem; max-height: 1.125rem;
} }
a:hover { a:hover {
text-decoration: none !important; text-decoration: none !important;
@ -224,6 +227,7 @@
float: right; float: right;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
transition: background-color 0.15s ease;
} }
a { a {

View File

@ -30,6 +30,7 @@
max-height: 210px; max-height: 210px;
cursor: pointer; cursor: pointer;
text-decoration: none !important; text-decoration: none !important;
transition: background-color 0.2s ease;
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
max-width: 100%; max-width: 100%;
@ -63,18 +64,28 @@
.actions-area { .actions-area {
position: relative; position: relative;
float: right; float: right;
top: -7px; top: -25px;
padding-right: 12px; padding-right: 12px;
//width: 80px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
transition: visibility 0.2s, opacity 0.2s; transition: visibility 0.2s ease, opacity 0.3s ease, top 0.2s ease;
a {
opacity: 0;
margin-left: 12px;
transition: opacity 0.3s ease;
}
} }
&:hover .actions-area { &:hover .actions-area {
visibility: visible; visibility: visible;
opacity: 1.0; opacity: 1.0;
top: -7px;
a {
opacity: 1;
}
} }
.card-line { .card-line {
@ -108,14 +119,16 @@
} }
.metadata-title { .metadata-title {
flex-shrink: 0; flex-shrink: 0;
padding: 0.6rem 4.75rem 0.5rem 2.75rem; padding: 0.6rem 5rem 0.5rem 2.75rem;
margin-bottom: -25px; margin-bottom: -26px;
min-height: 40px; min-height: 40px;
font-size: 0.875rem !important; font-size: 0.875rem !important;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
color: black !important; color: black !important;
transition: background-color 0.3s ease;
p { p {
color: black !important; color: black !important;
font-size: 0.875rem !important; font-size: 0.875rem !important;

View File

@ -20,6 +20,7 @@
flex-basis: 0; flex-basis: 0;
margin: 15px; margin: 15px;
text-align: center; text-align: center;
transition: background-color 0.2s ease;
&:hover { &:hover {
background-color: $gray2; background-color: $gray2;
@ -34,24 +35,33 @@
position: relative; position: relative;
float: right; float: right;
width: 100%; width: 100%;
height: 30px; height: 0px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
visibility: hidden; visibility: hidden;
overflow: hidden;
opacity: 0; opacity: 0;
padding: 3px 8px; padding: 3px 8px;
transition: visibility 0.2s, opacity 0.2s; margin-top: 0px;
margin-top: -29px;
background-color: $gray2; background-color: $gray2;
transition: visibility 0.2s ease, opacity 0.2s ease, height 0.2s ease, margin-top 0.2s ease;
a { a {
margin-left: 12px; margin-left: 12px;
opacity: 0;
transition: opacity 0.3s ease-in;
} }
} }
&:hover .actions-area { &:hover .actions-area {
visibility: visible; visibility: visible;
opacity: 1.0; opacity: 1.0;
height: 32px;
margin-top: -30px;
background-color: $gray2 !important; background-color: $gray2 !important;
a {
opacity: 1;
}
} }
.grid-item-thumbnail { .grid-item-thumbnail {
@ -90,13 +100,13 @@
min-height: 30px; min-height: 30px;
cursor: pointer; cursor: pointer;
p{ p {
font-size: 0.875rem; font-size: 0.875rem;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
color: #454647; color: black;
} }
} }

View File

@ -20,7 +20,7 @@
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
transition: background-color 0.3s; transition: background-color 0.2s ease;
&:hover { &:hover {
background-color: $gray2; background-color: $gray2;
@ -35,22 +35,34 @@
position: relative; position: relative;
float: right; float: right;
width: 100%; width: 100%;
height: 0px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
visibility: hidden; visibility: hidden;
overflow: hidden;
opacity: 0; opacity: 0;
padding: 2px 8px; padding: 2px 8px;
transition: visibility 0.2s, opacity 0.2s; transition: visibility 0.2s, opacity 0.2s;
margin-top: -29px; margin-top: 0px;
background-color: $gray2; background-color: $gray2;
transition: visibility 0.2s ease, opacity 0.2s ease, height 0.2s ease, margin-top 0.2s ease;
a { a {
margin-left: 12px; margin-left: 12px;
opacity: 0;
transition: opacity 0.3s ease-in;
} }
} }
&:hover .actions-area { &:hover .actions-area {
visibility: visible; visibility: visible;
opacity: 1.0; opacity: 1.0;
height: 32px;
margin-top: -30px;
background-color: $gray2 !important;
a {
opacity: 1;
}
} }
&.selected-grid-item { &.selected-grid-item {
.actions-area { .actions-area {

View File

@ -30,6 +30,7 @@
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
display: block; display: block;
transition: background-color 0.2s ease;
&:hover { &:hover {
background-color: $gray1 !important; background-color: $gray1 !important;
@ -43,22 +44,29 @@
.actions-area { .actions-area {
position: relative; position: relative;
float: right; float: right;
top: -7px; top: -25px;
padding-right: 12px; padding-right: 12px;
//width: 80px; //width: 80px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
transition: visibility 0.2s, opacity 0.2s; transition: visibility 0.2s, opacity 0.3s ease, top 0.2s ease;
a { a {
margin-left: 12px; margin-left: 12px;
opacity: 0;
transition: opacity 0.3s ease;
} }
} }
&:hover .actions-area { &:hover .actions-area {
visibility: visible; visibility: visible;
opacity: 1.0; opacity: 1.0;
top: -7px;
a {
opacity: 1;
}
} }
.record-line { .record-line {
@ -93,6 +101,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
color: black; color: black;
transition: background-color 0.3s ease;
p { p {
line-height: 1.7; line-height: 1.7;
@ -113,6 +122,7 @@
.media { .media {
width: 100%; width: 100%;
display: flex; display: flex;
transition: background-color 0.2s ease;
.list-metadata { .list-metadata {
padding: 25px; padding: 25px;

View File

@ -323,7 +323,7 @@ return apply_filters( 'tainacan-admin-i18n', [
'label_max_options_to_show' => __( 'Max options to show', 'tainacan' ), 'label_max_options_to_show' => __( 'Max options to show', 'tainacan' ),
'label_unamed_process' => __( 'Unamed process', 'tainacan' ), 'label_unamed_process' => __( 'Unamed process', 'tainacan' ),
'label_semantic_uri' => __( 'Semantic Uri', 'tainacan' ), 'label_semantic_uri' => __( 'Semantic Uri', 'tainacan' ),
'label_view_collection' => __( 'View collection', 'tainacan' ), 'label_view_collection_on_website' => __( 'View collection on website', 'tainacan' ),
'label_view_more' => __( 'View more', 'tainacan' ), 'label_view_more' => __( 'View more', 'tainacan' ),
'label_log_file' => __( 'Log file', 'tainacan' ), 'label_log_file' => __( 'Log file', 'tainacan' ),
'label_error_log_file' => __( 'Error Log file', 'tainacan' ), 'label_error_log_file' => __( 'Error Log file', 'tainacan' ),
@ -430,6 +430,10 @@ return apply_filters( 'tainacan-admin-i18n', [
'label_expose_only_displayed_metadata' => __( 'Expose only displayed metadata', 'tainacan' ), 'label_expose_only_displayed_metadata' => __( 'Expose only displayed metadata', 'tainacan' ),
'label_allowed' => __( 'Allowed', 'tainacan' ), 'label_allowed' => __( 'Allowed', 'tainacan' ),
'label_not_allowed' => __( 'Not allowed', 'tainacan' ), 'label_not_allowed' => __( 'Not allowed', 'tainacan' ),
'label_view_as' => __( 'View as...', 'tainacan' ),
'label_day' => __( 'Day', 'tainacan' ),
'label_month' => __( 'Month', 'tainacan' ),
'label_year' => __( 'Year', 'tainacan' ),
// Instructions. More complex sentences to guide user and placeholders // Instructions. More complex sentences to guide user and placeholders
'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ), 'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),
@ -475,6 +479,8 @@ return apply_filters( 'tainacan-admin-i18n', [
'instruction_drag_and_drop_filter_sort' => __( 'Drag and drop to change filter order', 'tainacan' ), 'instruction_drag_and_drop_filter_sort' => __( 'Drag and drop to change filter order', 'tainacan' ),
'instruction_drag_and_drop_metadatum_sort' => __( 'Drag and drop to change metadatum order', 'tainacan' ), 'instruction_drag_and_drop_metadatum_sort' => __( 'Drag and drop to change metadatum order', 'tainacan' ),
'instruction_select_a_date' => __( 'Select a date', 'tainacan' ), 'instruction_select_a_date' => __( 'Select a date', 'tainacan' ),
'instruction_select_a_month' => __( 'Select a month', 'tainacan' ),
'instruction_type_value_year' => __( 'Type year value', 'tainacan' ),
'instruction_select_the_amount_of_copies' => __( 'Select the amount of copies of the item that you want to create', 'tainacan'), 'instruction_select_the_amount_of_copies' => __( 'Select the amount of copies of the item that you want to create', 'tainacan'),
// Info. Other feedback to user. // Info. Other feedback to user.
@ -497,8 +503,8 @@ return apply_filters( 'tainacan-admin-i18n', [
'info_taxonomies_tab_trash' => __( 'Taxonomies that were sent to trash.', 'tainacan' ), 'info_taxonomies_tab_trash' => __( 'Taxonomies that were sent to trash.', 'tainacan' ),
'info_error_invalid_date' => __( 'Invalid date', 'tainacan' ), 'info_error_invalid_date' => __( 'Invalid date', 'tainacan' ),
'info_search_results' => __( 'Search Results', 'tainacan' ), 'info_search_results' => __( 'Advanced Search Results', 'tainacan' ),
'info_search_criteria' => __( 'Search Criteria', 'tainacan' ), 'info_search_criteria' => __( 'Advanced Search Criteria', 'tainacan' ),
'info_name_is_required' => __( 'Name is required.', 'tainacan' ), 'info_name_is_required' => __( 'Name is required.', 'tainacan' ),
'info_no_collection_created' => __( 'No collection was created in this repository.', 'tainacan' ), 'info_no_collection_created' => __( 'No collection was created in this repository.', 'tainacan' ),
@ -589,6 +595,9 @@ return apply_filters( 'tainacan-admin-i18n', [
'info_choose_your_metadata' => __( 'Choose your metadata.', 'tainacan' ), 'info_choose_your_metadata' => __( 'Choose your metadata.', 'tainacan' ),
'info_target_collection_helper' => __( 'The collection where imported item will be added.', 'tainacan' ), 'info_target_collection_helper' => __( 'The collection where imported item will be added.', 'tainacan' ),
'info_source_file_upload' => __( 'The file containing the data to be imported.', 'tainacan' ), 'info_source_file_upload' => __( 'The file containing the data to be imported.', 'tainacan' ),
'info_no_metadata_source_file' => __( 'No metadata was found from the source file.', 'tainacan' ),
'info_no_special_fields_available' => __( 'No special field was found.', 'tainacan' ),
'info_special_fields_mapped_default' => __( 'Mapped to default field on collection.', 'tainacan' ),
'info_metadata_mapping_helper' => __( 'Map each file metadata with the corresponding one in selected collection.', 'tainacan' ), 'info_metadata_mapping_helper' => __( 'Map each file metadata with the corresponding one in selected collection.', 'tainacan' ),
'info_upload_a_source_to_see_metadata' => __( 'Upload a source file to load metadata.', 'tainacan' ), 'info_upload_a_source_to_see_metadata' => __( 'Upload a source file to load metadata.', 'tainacan' ),
'info_select_collection_to_list_metadata' => __( 'Select a target collection to list metadata.', 'tainacan' ), 'info_select_collection_to_list_metadata' => __( 'Select a target collection to list metadata.', 'tainacan' ),
@ -671,6 +680,20 @@ return apply_filters( 'tainacan-admin-i18n', [
'tainacan-filter-taxonomy-checkbox' => __( 'Taxonomy Check Box', 'tainacan' ), 'tainacan-filter-taxonomy-checkbox' => __( 'Taxonomy Check Box', 'tainacan' ),
'tainacan-filter-taxonomy-selectbox' => __( 'Taxonomy Select Box', 'tainacan' ), 'tainacan-filter-taxonomy-selectbox' => __( 'Taxonomy Select Box', 'tainacan' ),
// Datepicker months
'datepicker_month_january' => __( 'January', 'tainacan' ),
'datepicker_month_february' => __( 'February', 'tainacan' ),
'datepicker_month_march' => __( 'March', 'tainacan' ),
'datepicker_month_april' => __( 'April', 'tainacan' ),
'datepicker_month_may' => __( 'May', 'tainacan' ),
'datepicker_month_june' => __( 'June', 'tainacan' ),
'datepicker_month_july' => __( 'July', 'tainacan' ),
'datepicker_month_august' => __( 'August', 'tainacan' ),
'datepicker_month_september' => __( 'September', 'tainacan' ),
'datepicker_month_october' => __( 'October', 'tainacan' ),
'datepicker_month_november' => __( 'November', 'tainacan' ),
'datepicker_month_december' => __( 'December', 'tainacan' ),
// Datepicker week days // Datepicker week days
/* translators: This refers to the short label that will appear on datepickers for Sunday */ /* translators: This refers to the short label that will appear on datepickers for Sunday */
'datepicker_short_sunday' => __( 'Su', 'tainacan' ), 'datepicker_short_sunday' => __( 'Su', 'tainacan' ),
@ -686,5 +709,6 @@ return apply_filters( 'tainacan-admin-i18n', [
'datepicker_short_friday' => __( 'F', 'tainacan' ), 'datepicker_short_friday' => __( 'F', 'tainacan' ),
/* translators: This refers to the short label that will appear on datepickers for Saturday */ /* translators: This refers to the short label that will appear on datepickers for Saturday */
'datepicker_short_saturday' => __( 'Sa', 'tainacan' ) 'datepicker_short_saturday' => __( 'Sa', 'tainacan' )
] ); ] );
?> ?>

View File

@ -182,8 +182,9 @@ export default {
} }
.view-mode-icon { .view-mode-icon {
margin-right: 0px !important; margin-right: 0px !important;
margin-top: 1px; margin-top: -4px;
margin-left: 4px; margin-left: 4px;
width: 1.25rem;
&.icon i::before, .gray-icon i::before { &.icon i::before, .gray-icon i::before {
font-size: 1.1875px !important; font-size: 1.1875px !important;

View File

@ -400,7 +400,7 @@ class REST_Filters_Controller extends REST_Controller {
*/ */
public function get_items_permissions_check( $request ) { public function get_items_permissions_check( $request ) {
if(!isset($request['collection_id'])) { if(!isset($request['collection_id'])) {
if ( 'edit' === $request['context'] && ! $this->filter_repository->can_read( new Entities\Filter() ) ) { if ( 'edit' === $request['context'] && ! $this->filter_repository->can_edit( new Entities\Filter() ) ) {
return false; return false;
} }

View File

@ -248,7 +248,8 @@ class REST_Importers_Controller extends REST_Controller {
$response = [ $response = [
'source_metadata' => false, 'source_metadata' => false,
'source_total_items' => false 'source_total_items' => false,
'source_special_fields' => false
]; ];
if ( method_exists($importer, 'get_source_metadata') ) { if ( method_exists($importer, 'get_source_metadata') ) {
@ -259,6 +260,10 @@ class REST_Importers_Controller extends REST_Controller {
$response['source_total_items'] = $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();
}
return new \WP_REST_Response( $response, 200 ); return new \WP_REST_Response( $response, 200 );
} }

View File

@ -378,11 +378,26 @@ class REST_Metadata_Controller extends REST_Controller {
* @throws \Exception * @throws \Exception
*/ */
public function get_items_permissions_check( $request ) { public function get_items_permissions_check( $request ) {
if ( 'edit' === $request['context'] && ! $this->metadatum_repository->can_edit(new Entities\Metadatum()) ) {
return false; if(!isset($request['collection_id'])) {
if ( 'edit' === $request['context'] && ! $this->metadatum_repository->can_edit( new Entities\Metadatum() ) ) {
return false;
}
return true;
} }
return true; $collection = $this->collection_repository->fetch($request['collection_id']);
if($collection instanceof Entities\Collection){
if ( 'edit' === $request['context'] && ! $collection->can_read() ) {
return false;
}
return true;
}
return false;
} }
/** /**

View File

@ -0,0 +1,424 @@
[data-align='full'] .block-control {
width: calc(100% + 14px); }
.block-control {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px;
position: relative;
top: -14px;
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
position: relative;
fill: #555758; }
.components-placeholder__fieldset p {
font-size: 0.875rem !important;
margin-top: -2px;
fill: #555758; }
.components-placeholder__fieldset p svg {
margin-right: 1rem;
top: 4px;
position: relative;
fill: #555758; }
.wp-block-tainacan-modal {
width: 50%; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal {
width: 75%; } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-modal {
width: 100%; } }
.wp-block-tainacan-modal.dynamic-modal {
width: 90%;
height: 90%;
width: 80vw;
height: 80vh; }
.wp-block-tainacan-modal.dynamic-modal iframe {
width: calc(100% + 32px);
height: calc(100% - 128px);
margin-left: -16px; }
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, 250px);
grid-gap: 0px;
justify-content: space-evenly;
list-style-type: none;
margin: 12px;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
display: flex;
justify-content: flex-start; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
width: 24px;
height: 24px;
margin-right: 10px; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
max-width: 85%; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
max-width: 80%; } }
.wp-block-tainacan-modal .modal-loadmore-section {
display: flex;
align-items: baseline;
justify-content: center; }
.wp-block-tainacan-modal .modal-loadmore-section p {
color: #555758;
margin-right: 12px;
margin-top: 2px; }
.wp-block-tainacan-modal .modal-footer-area {
border-top: 1px solid #e2e4e7;
display: flex;
align-items: baseline;
justify-content: space-between;
padding: 16px 16px 0 16px;
margin: 0 -16px; }
.wp-block-tainacan-modal .modal-footer-area p {
padding: 0 12px;
color: #454647; }
.components-panel__body .collection-carousel-view-modes {
display: flex;
margin: 12px 0 24px 0; }
.components-panel__body .collection-carousel-view-modes button {
background: transparent;
border: 1px solid #cbcbcb;
border-radius: 5px;
padding: 2px;
margin: 0;
width: calc(50% - 6px);
flex-shrink: 0;
cursor: pointer;
transition: border ease 0.5s, opacity ease 0.5; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-grid {
margin-right: 6px; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-grid div {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: 50% 50%;
grid-column-gap: 2px;
grid-row-gap: 2px;
width: 60px;
height: 40px;
margin: 4px auto 8px auto; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-grid div > div:first-of-type {
grid-column-start: 1;
grid-column-end: span 2;
grid-row-start: 1;
grid-row-end: span 2;
width: 41px;
height: 42px; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-grid div > div {
width: 20px;
height: 20px;
background: #555758;
transition: background-color ease 0.5s; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-thumbnail {
margin-left: 6px; }
.components-panel__body .collection-carousel-view-modes button.collection-carousel-view-mode-thumbnail div {
display: block;
height: 40px;
width: 40px;
background: #555758;
margin: 4px auto 8px auto;
transition: background-color ease 0.5s; }
.components-panel__body .collection-carousel-view-modes button label {
font-size: 0.75rem;
color: #555758; }
.components-panel__body .collection-carousel-view-modes button.is-active {
border: 2px solid #298596; }
.components-panel__body .collection-carousel-view-modes button.is-active.collection-carousel-view-mode-thumbnail div, .components-panel__body .collection-carousel-view-modes button.is-active.collection-carousel-view-mode-grid div > div {
background-color: #298596; }
.components-panel__body .collection-carousel-view-modes button:hover {
opacity: 0.9;
border-width: 2px; }
.components-panel__body .collection-carousel-view-modes button:hover button {
background: #f2f2f2; }
.wp-block-tainacan-carousel-collections-list {
margin: 2rem 0px; }
.wp-block-tainacan-carousel-collections-list .spinner-container {
min-height: 56px;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
color: #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-carousel-collections-list .skeleton {
border-radius: 2px;
background: #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-carousel-collections-list .tainacan-carousel {
position: relative;
width: calc(100% + 40px);
left: -20px; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container {
margin: 0 50px; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a > span,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a:hover > span {
color: black;
font-weight: bold;
text-decoration: none;
padding: 8px 16px;
display: block;
line-height: 1.2rem; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a > img {
width: 100%;
height: auto; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a:hover {
text-decoration: none; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid a {
width: 100%;
display: block; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: 50% 50%;
width: 100%; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid img:first-of-type {
grid-column-start: 1;
grid-column-end: span 2;
grid-row-start: 1;
grid-row-end: span 2; }
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid img {
width: 100%;
height: auto;
padding: 2px;
margin-bottom: 0px; }
.wp-block-tainacan-carousel-collections-list .preview-warning {
width: 100%;
font-size: 0.875rem;
font-style: italic;
color: #898d8f;
text-align: center;
margin: 4px auto; }
.wp-block-tainacan-carousel-collections-list .swiper-button-prev, .wp-block-tainacan-carousel-collections-list .swiper-button-next {
top: calc(50% - 42px);
bottom: initial;
background: none;
border: none;
width: 42px;
height: 42px;
padding: 0;
margin: 0 -4px; }
.wp-block-tainacan-carousel-collections-list .swiper-button-prev svg, .wp-block-tainacan-carousel-collections-list .swiper-button-next svg {
fill: #298596; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel {
position: relative; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container .skeleton,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel .skeleton {
min-height: 150px;
max-height: 150px; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container.has-arrows-none .swiper-button-prev, .wp-block-tainacan-carousel-collections-list .collections-list-edit-container.has-arrows-none .swiper-button-next,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel.has-arrows-none .swiper-button-prev,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel.has-arrows-none .swiper-button-next {
display: none; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container.has-arrows-left .swiper-button-next,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel.has-arrows-left .swiper-button-next {
left: 10px;
right: auto;
top: calc(50% + 12px) !important; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container.has-arrows-right .swiper-button-prev,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel.has-arrows-right .swiper-button-prev {
right: 10px;
left: auto; }
.wp-block-tainacan-carousel-collections-list .collections-list-edit-container.has-arrows-right .swiper-button-next,
.wp-block-tainacan-carousel-collections-list .tainacan-carousel.has-arrows-right .swiper-button-next {
top: calc(50% + 12px) !important; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit {
display: flex;
align-items: flex-start;
overflow-x: scroll;
list-style: none;
margin: 0 36px; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item {
position: relative;
display: block;
margin: 16px 32px 16px 0px;
width: calc(16.666% - 32px);
min-width: calc(16.666% - 32px); }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid {
margin: 16px;
width: calc(25% - 16px);
min-width: calc(25% - 16px); }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item a {
color: #454647;
font-weight: bold;
line-height: normal; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item img {
height: auto;
padding: 0px;
margin-bottom: 0.5rem; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover a {
color: #454647;
text-decoration: none; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item button {
position: absolute !important;
background-color: rgba(255, 255, 255, 0.75);
color: #454647;
padding: 2px;
margin-left: 5px;
min-width: 14px;
visibility: hidden;
position: relative;
opacity: 0;
right: -14px;
top: 0px;
justify-content: center;
z-index: 999; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover button {
visibility: visible;
background-color: white !important;
opacity: 1;
right: -8px;
top: -8px;
border: 1px solid #cbcbcb;
border-radius: 12px;
transition: opacity linear 0.15s, right linear 0.15s; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item:hover button:hover {
background-color: white !important;
border: 1px solid #cbcbcb !important; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item .collection-items-grid {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: 50% 50%; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item .collection-items-grid img:first-of-type {
grid-column-start: 1;
grid-column-end: span 2;
grid-row-start: 1;
grid-row-end: span 2; }
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item .collection-items-grid img {
padding: 2px;
margin-bottom: 0px; }
@media only screen and (max-width: 1686px) {
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item {
width: calc(20% - 32px);
min-width: calc(20% - 32px); } }
@media only screen and (max-width: 1452px) {
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item {
width: calc(25% - 32px);
min-width: calc(25% - 32px); } }
@media only screen and (max-width: 1118px) {
.wp-block-tainacan-carousel-collections-list ul.collections-edit li.collection-list-item {
width: calc(33.333% - 32px);
min-width: calc(33.333% - 32px); } }
@media only screen and (max-width: 854px) {
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item {
width: calc(50% - 32px);
min-width: calc(50% - 32px); } }
@media only screen and (max-width: 584px) {
.wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item {
width: calc(100% - 32px);
min-width: calc(100% - 32px); } }
/*# sourceMappingURL=tainacan-gutenberg-block-carousel-collections-list.css.map */

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -258,8 +273,8 @@
background-color: transparent; } } background-color: transparent; } }
.wp-block-tainacan-carousel-items-list .tainacan-carousel { .wp-block-tainacan-carousel-items-list .tainacan-carousel {
position: relative; position: relative;
width: calc(100% + 50px); width: calc(100% + 40px);
left: -50px; } left: -20px; }
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container { .wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container {
margin: 0 50px; } margin: 0 50px; }
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a > span, .wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a > span,
@ -270,6 +285,9 @@
padding: 8px 16px; padding: 8px 16px;
display: block; display: block;
line-height: 1.2rem; } line-height: 1.2rem; }
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a > img {
width: 100%;
height: auto; }
.wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a:hover { .wp-block-tainacan-carousel-items-list .tainacan-carousel .swiper-container a:hover {
text-decoration: none; } text-decoration: none; }
.wp-block-tainacan-carousel-items-list .preview-warning { .wp-block-tainacan-carousel-items-list .preview-warning {
@ -280,8 +298,8 @@
text-align: center; text-align: center;
margin: 4px auto; } margin: 4px auto; }
.wp-block-tainacan-carousel-items-list .swiper-button-prev, .wp-block-tainacan-carousel-items-list .swiper-button-next { .wp-block-tainacan-carousel-items-list .swiper-button-prev, .wp-block-tainacan-carousel-items-list .swiper-button-next {
top: initial; top: calc(50% - 42px);
bottom: calc(50% + 10px); bottom: initial;
background: none; background: none;
border: none; border: none;
width: 42px; width: 42px;
@ -305,14 +323,14 @@
.wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-left .swiper-button-next { .wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-left .swiper-button-next {
left: 10px; left: 10px;
right: auto; right: auto;
bottom: calc(50% + 36px); } top: calc(50% + 12px) !important; }
.wp-block-tainacan-carousel-items-list .items-list-edit-container.has-arrows-right .swiper-button-prev, .wp-block-tainacan-carousel-items-list .items-list-edit-container.has-arrows-right .swiper-button-prev,
.wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-right .swiper-button-prev { .wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-right .swiper-button-prev {
right: 10px; right: 10px;
left: auto; } left: auto; }
.wp-block-tainacan-carousel-items-list .items-list-edit-container.has-arrows-right .swiper-button-next, .wp-block-tainacan-carousel-items-list .items-list-edit-container.has-arrows-right .swiper-button-next,
.wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-right .swiper-button-next { .wp-block-tainacan-carousel-items-list .tainacan-carousel.has-arrows-right .swiper-button-next {
bottom: calc(50% + 36px); } top: calc(50% + 12px) !important; }
.wp-block-tainacan-carousel-items-list ul.items-list-edit { .wp-block-tainacan-carousel-items-list ul.items-list-edit {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@ -323,8 +341,8 @@
position: relative; position: relative;
display: block; display: block;
margin: 16px; margin: 16px;
width: calc(14.286% - 32px); width: calc(14.285% - 32px);
min-width: calc(14.286% - 32px); } min-width: calc(14.285% - 32px); }
.wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item a { .wp-block-tainacan-carousel-items-list ul.items-list-edit li.item-list-item a {
color: #454647; color: #454647;
font-weight: bold; font-weight: bold;

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -237,23 +252,26 @@
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list {
padding: 0; padding: 0;
display: block; display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none; } list-style-type: none; }
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
position: relative; position: relative;
display: inline-block;
margin: 12px 12px 24px 12px; margin: 12px 12px 24px 12px;
margin-bottom: 12px; margin-bottom: 12px;
min-height: 54px; min-height: 54px;
min-width: 22%; min-width: calc(20% - 24px);
width: 22%; } width: calc(20% - 24px); }
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a {
color: #454647; color: #454647;
height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 54px; } word-break: break-all;
word-break: break-word; }
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item img, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item img,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item img { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item img {
height: auto; height: auto;
@ -268,20 +286,25 @@
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item:hover a { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item:hover a {
color: #454647; color: #454647;
text-decoration: none; } text-decoration: none; }
@media only screen and (max-width: 1600px) { @media only screen and (max-width: 1600px) {
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
min-width: 30%; min-width: calc(25% - 24px);
width: 30%; } } width: calc(25% - 24px); } }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
min-width: 45%; min-width: calc(33.333% - 24px);
width: 45%; } } width: calc(33.333% - 24px); } }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item, .wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item { .wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
min-width: 100%; min-width: calc(50% - 24px);
width: 100%; } } width: calc(50% - 24px); } }
@media only screen and (max-width: 498px) {
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
min-width: calc(100% - 24px);
width: calc(100% - 24px); } }
/*# sourceMappingURL=tainacan-gutenberg-block-collections-list.css.map */ /*# sourceMappingURL=tainacan-gutenberg-block-collections-list.css.map */

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -412,23 +427,26 @@
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list, .wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list { .wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list {
padding: 0; padding: 0;
display: block; display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none; } list-style-type: none; }
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item, .wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item { .wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
position: relative; position: relative;
display: inline-block;
margin: 12px 12px 24px 12px; margin: 12px 12px 24px 12px;
margin-bottom: 12px; margin-bottom: 12px;
min-height: 54px; min-height: 54px;
min-width: 22%; min-width: calc(20% - 24px);
width: 22%; } width: calc(20% - 24px); }
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a, .wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a { .wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
color: #454647; color: #454647;
height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 54px; } word-break: break-all;
word-break: break-word; }
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item img, .wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item img,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item img { .wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
height: auto; height: auto;
@ -443,5 +461,25 @@
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a { .wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
color: #454647; color: #454647;
text-decoration: none; } text-decoration: none; }
@media only screen and (max-width: 1600px) {
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(25% - 24px);
width: calc(25% - 24px); } }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(33.333% - 24px);
width: calc(33.333% - 24px); } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(50% - 24px);
width: calc(50% - 24px); } }
@media only screen and (max-width: 498px) {
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(100% - 24px);
width: calc(100% - 24px); } }
/*# sourceMappingURL=tainacan-gutenberg-block-dynamic-items-list.css.map */ /*# sourceMappingURL=tainacan-gutenberg-block-dynamic-items-list.css.map */

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -398,22 +413,26 @@
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list {
padding: 0; padding: 0;
display: block; display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none; } list-style-type: none; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item {
position: relative; position: relative;
display: inline-block; margin: 12px 12px 24px 12px;
margin: 12px; margin-bottom: 12px;
min-height: 24px; min-height: 54px;
min-width: 22%; min-width: calc(20% - 24px);
width: 22%; } width: calc(20% - 24px); }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item a, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item a,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item a { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item a {
color: #454647; color: #454647;
height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 54px; } word-break: break-all;
word-break: break-word; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item img, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item img,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item img { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item img {
height: auto; height: auto;
@ -432,11 +451,32 @@
display: none; } display: none; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item span.facet-item-count, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item span.facet-item-count,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item span.facet-item-count { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item span.facet-item-count {
color: #cbcbcb; } color: #cbcbcb;
word-break: break-all; }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item:hover a, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item:hover a,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item:hover a { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item:hover a {
color: #454647; color: #454647;
text-decoration: none; } text-decoration: none; }
@media only screen and (max-width: 1600px) {
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item {
min-width: calc(25% - 24px);
width: calc(25% - 24px); } }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item {
min-width: calc(33.333% - 24px);
width: calc(33.333% - 24px); } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item {
min-width: calc(50% - 24px);
width: calc(50% - 24px); } }
@media only screen and (max-width: 498px) {
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-list li.facet-list-item,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-list li.facet-list-item {
min-width: calc(100% - 24px);
width: calc(100% - 24px); } }
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud, .wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud { .wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud {
padding: 0; padding: 0;

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -181,6 +196,10 @@
color: #454647; color: #454647;
font-weight: bold; font-weight: bold;
line-height: normal; } line-height: normal; }
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a span,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a span {
line-height: normal;
display: block; }
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img, .wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
height: auto; height: auto;
@ -237,23 +256,26 @@
.wp-block-tainacan-items-list ul.items-list.items-layout-list, .wp-block-tainacan-items-list ul.items-list.items-layout-list,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-list {
padding: 0; padding: 0;
display: block; display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none; } list-style-type: none; }
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item, .wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
position: relative; position: relative;
display: inline-block;
margin: 12px 12px 24px 12px; margin: 12px 12px 24px 12px;
margin-bottom: 12px; margin-bottom: 12px;
min-height: 54px; min-height: 54px;
min-width: 22%; min-width: calc(20% - 24px);
width: 22%; } width: calc(20% - 24px); }
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a, .wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
color: #454647; color: #454647;
height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 54px; } word-break: break-all;
word-break: break-word; }
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item img, .wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item img,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item img { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
height: auto; height: auto;
@ -268,5 +290,25 @@
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a { .wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
color: #454647; color: #454647;
text-decoration: none; } text-decoration: none; }
@media only screen and (max-width: 1600px) {
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(25% - 24px);
width: calc(25% - 24px); } }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(33.333% - 24px);
width: calc(33.333% - 24px); } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(50% - 24px);
width: calc(50% - 24px); } }
@media only screen and (max-width: 498px) {
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
min-width: calc(100% - 24px);
width: calc(100% - 24px); } }
/*# sourceMappingURL=tainacan-gutenberg-block-items-list.css.map */ /*# sourceMappingURL=tainacan-gutenberg-block-items-list.css.map */

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,414 @@
[data-align='full'] .block-control {
width: calc(100% + 14px); }
.block-control {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px;
position: relative;
top: -14px;
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
font-size: 0.875rem !important;
margin: 12px 1.5rem 16px 0;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75rem;
position: relative;
fill: #555758; }
.components-placeholder__fieldset p {
font-size: 0.875rem !important;
margin-top: -2px;
fill: #555758; }
.components-placeholder__fieldset p svg {
margin-right: 1rem;
top: 4px;
position: relative;
fill: #555758; }
.wp-block-tainacan-modal {
width: 50%; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal {
width: 75%; } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-modal {
width: 100%; } }
.wp-block-tainacan-modal.dynamic-modal {
width: 90%;
height: 90%;
width: 80vw;
height: 80vh; }
.wp-block-tainacan-modal.dynamic-modal iframe {
width: calc(100% + 32px);
height: calc(100% - 128px);
margin-left: -16px; }
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
height: 68px;
width: calc(100% + 32px);
margin-left: -16px !important;
padding: 1.2rem 1.2rem !important;
border-top: 1px solid #cbcbcb; }
.wp-block-tainacan-modal .spinner-container {
min-height: 56px;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area {
display: flex;
justify-content: center;
margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label {
font-weight: 500;
margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
padding: 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, 250px);
grid-gap: 0px;
justify-content: space-evenly;
list-style-type: none;
margin: 12px;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
display: flex;
justify-content: flex-start; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
width: 24px;
height: 24px;
margin-right: 10px; }
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
max-width: 85%; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
max-width: 80%; } }
.wp-block-tainacan-modal .modal-loadmore-section {
display: flex;
align-items: baseline;
justify-content: center; }
.wp-block-tainacan-modal .modal-loadmore-section p {
color: #555758;
margin-right: 12px;
margin-top: 2px; }
.wp-block-tainacan-modal .modal-footer-area {
border-top: 1px solid #e2e4e7;
display: flex;
align-items: baseline;
justify-content: space-between;
padding: 16px 16px 0 16px;
margin: 0 -16px; }
.wp-block-tainacan-modal .modal-footer-area p {
padding: 0 12px;
color: #454647; }
.edit-post-sidebar div.components-toolbar {
border: none;
justify-content: center; }
.wp-block-tainacan-search-bar {
margin: 2rem 0px; }
.wp-block-tainacan-search-bar .tainacan-search-container {
width: 100%; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block {
height: 32px;
max-width: 100%;
display: flex;
justify-content: center;
align-items: stretch;
margin: 0 auto;
border: 1px solid #dbdbdb;
transition: border-color ease 0.3s; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block.is-aligned-left {
margin-left: 0;
justify-content: flex-start; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block.is-aligned-right {
margin-right: 0;
justify-content: flex-end; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block:hover, .wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block:focus, .wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block:active {
border: 1px solid #545758; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input {
width: 100%;
min-width: 28px;
margin: 0;
border: none;
padding: 4px 0.75rem;
text-overflow: ellipsis; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block button {
height: auto;
display: flex;
align-items: center;
border: none;
box-shadow: none;
border-radius: 0;
background: white;
padding: 4px 1rem;
font-size: 1rem; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block button .icon {
height: 28px; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block button .icon svg {
fill: #298596; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block {
margin-left: 0px;
margin-right: 0px;
max-width: 100% !important; }
.wp-block-tainacan-search-bar .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input {
width: 100% !important; } }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-search-bar .search-bar-collection-header-container {
flex-wrap: wrap !important; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title {
text-align: center !important; } }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block {
width: 100%;
display: flex;
flex-direction: row-reverse;
border: none; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block.is-aligned-left {
margin-left: 0;
justify-content: flex-end; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block.is-aligned-right {
margin-right: 0;
justify-content: flex-start; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block:focus, .wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block:active, .wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block:hover {
border: none; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block input#taincan-search-bar-block_input {
width: 35%;
border-radius: 0;
margin-left: -52px;
padding-left: 52px;
border: 1px solid transparent;
background: rgba(250, 250, 250, 0.2);
transition: border-color 0.4s ease, width 0.5s ease-in, background-color 0.3s ease, color 0.3s ease; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block input#taincan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block input#taincan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block input#taincan-search-bar-block_input:hover {
width: 100%;
border-color: #cbcbcb;
background: #fafafa;
box-shadow: none; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block button {
margin-right: 0.75rem;
padding: 0 0.35rem;
min-height: 28px;
z-index: 2;
border: none;
background: transparent;
cursor: pointer; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block button .icon svg {
fill: #cbcbcb;
transition: fill 0.4s ease; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block button:hover {
background: transparent; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block {
margin-left: 0px;
margin-right: 0px;
max-width: 100% !important; }
.wp-block-tainacan-search-bar.is-style-alternate #taincan-search-bar-block input#taincan-search-bar-block_input {
width: 100% !important; } }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:focus input,
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:focus input::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:active input,
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:active input::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:hover input,
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:hover input::placeholder {
color: #454647;
border-width: 0; }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:focus button .icon svg, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:active button .icon svg, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block:hover button .icon svg {
fill: #cbcbcb !important; }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input {
color: white; }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input::placeholder {
color: white; }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:hover, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:focus::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:active::placeholder, .wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:hover::placeholder {
color: #454647; }
.wp-block-tainacan-search-bar.is-style-alternate .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block button .icon svg {
fill: #dbdbdb !important; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block {
width: 100%;
height: 53px;
display: flex;
flex-direction: row;
border: none; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block:focus, .wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block:active, .wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block:hover {
border: none; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block:hover input#taincan-search-bar-block_input {
width: 100%;
padding-right: 52px;
padding-left: 24px;
border-width: 0; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block input#taincan-search-bar-block_input {
width: 0%;
min-width: 0%;
border-radius: 28px;
margin-right: -56px;
padding-right: 27px;
padding-left: 26px;
font-size: 1rem;
border-width: 0;
background: #f2f2f2;
transition: width 0.5s ease-in; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block input#taincan-search-bar-block_input:focus, .wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block input#taincan-search-bar-block_input:active, .wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block input#taincan-search-bar-block_input:hover {
width: 100%;
padding-right: 52px;
padding-left: 24px;
border-width: 0; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block button {
margin-left: 0.75rem;
padding: 0 0.35rem;
min-height: 28px;
z-index: 2;
border: none;
background: transparent;
cursor: pointer; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block button .icon svg {
fill: black;
transition: fill 0.4s ease; }
.wp-block-tainacan-search-bar.is-style-stylish #taincan-search-bar-block button:hover {
background: transparent; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container:not(.is-aligned-right):not(.is-aligned-left) .tainacan-search-container {
width: calc(100% - 4.1667% - 53px);
width: calc(100% - 4.1667vw - 53px);
bottom: calc(-50% + 38px);
position: absolute; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container:not(.is-aligned-right):not(.is-aligned-left) .search-bar-collection-header-title {
margin-bottom: 26px; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container.is-aligned-right .tainacan-search-container {
width: calc(100% - 4.1667% - 26px);
width: calc(100% - 4.1667vw - 26px);
top: calc(-50% + 26px);
right: calc(4.1667% + 26px);
right: calc(4.1667vw + 26px);
position: absolute; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container.is-aligned-left .tainacan-search-container {
width: calc(100% - 1rem - 26px);
top: calc(-50% + 26px);
left: calc(4.1667% + 26px);
left: calc(4.1667vw + 26px);
position: absolute; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input {
background: white;
border-width: 3px;
border-style: solid;
margin-right: -56px;
padding-right: 24px;
padding-left: 24px; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container .tainacan-search-container #taincan-search-bar-block input#taincan-search-bar-block_input:hover {
border-width: 3px !important; }
@media only screen and (max-width: 768px) {
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container .tainacan-search-container {
width: calc(100% - 4.1667% - 53px) !important;
width: calc(100% - 4.1667vw - 53px) !important;
bottom: calc(-50% + 38px) !important;
position: absolute !important; }
.wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container.is-aligned-right .search-bar-collection-header-title, .wp-block-tainacan-search-bar.is-style-stylish .search-bar-collection-header-container.is-aligned-left .search-bar-collection-header-title {
margin-bottom: 0px !important; } }
.wp-block-tainacan-search-bar .search-bar-collection-header-image {
width: 100%;
min-width: 160px;
min-height: 125px;
background-size: cover;
background-position: center;
background-color: #dbdbdb; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container {
width: 100%;
min-height: 125px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-grow: 2;
padding: 0.5rem 4.1667%;
padding: 0.5rem 4.1667vw;
text-align: center;
text-decoration: none !important; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container.is-aligned-left {
min-height: 100px;
text-align: left;
flex-direction: row-reverse;
flex-wrap: nowrap;
justify-content: space-between; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container.is-aligned-left .search-bar-collection-header-title {
text-align: right; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container.is-aligned-right {
min-height: 100px;
text-align: right;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container.is-aligned-right .search-bar-collection-header-title {
text-align: left; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title {
width: 100%;
color: white; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title h3 {
margin: 0 auto;
text-decoration: none;
font-size: 1.3rem;
line-height: 1.5rem;
text-overflow: ellipsis;
color: inherit; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title h3:hover {
text-decoration: none; }
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title span.label {
width: 100%;
display: block;
margin-top: -12px;
font-weight: normal;
font-size: 1rem; }
@media only screen and (max-width: 1024px) {
.wp-block-tainacan-search-bar .search-bar-collection-header-container .search-bar-collection-header-title {
margin-bottom: 1rem; } }
/*# sourceMappingURL=tainacan-gutenberg-block-search-bar.css.map */

File diff suppressed because one or more lines are too long

View File

@ -64,19 +64,33 @@
color: #555758; } color: #555758; }
.wp-block-tainacan-modal .spinner-container .components-spineer { .wp-block-tainacan-modal .spinner-container .components-spineer {
margin: 8px; } margin: 8px; }
.wp-block-tainacan-modal .components-modal__header .components-icon-button {
padding-right: 0; }
.wp-block-tainacan-modal hr {
margin: 5px 0.75rem; }
.wp-block-tainacan-modal .modal-search-area { .wp-block-tainacan-modal .modal-search-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 24px; } margin-bottom: 14px; }
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 60%; } width: 60%; }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-modal .modal-search-area .components-base-control { .wp-block-tainacan-modal .modal-search-area .components-base-control {
width: 95%; } } width: 95%; } }
.wp-block-tainacan-modal .modal-search-area .components-base-control label { .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) {
flex-shrink: 2; }
.wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field {
flex-wrap: wrap; }
.wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label {
font-weight: 500;
color: #454647;
font-size: 0.875rem;
text-align: center; } text-align: center; }
.wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input {
padding: 5px 8px;
height: 28px; }
.wp-block-tainacan-modal .modal-radio-area-label { .wp-block-tainacan-modal .modal-radio-area-label {
font-weight: bold; font-weight: 500;
margin-left: 1.75rem; } margin-left: 1.75rem; }
.wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-checkbox-list,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
@ -89,7 +103,8 @@
list-style-type: none; list-style-type: none;
margin: 12px; margin: 12px;
max-height: 50vh; max-height: 50vh;
overflow-y: auto; } overflow-y: auto;
overflow-x: hidden; }
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
overflow: hidden; } overflow: hidden; }
@ -222,23 +237,26 @@
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list {
padding: 0; padding: 0;
display: block; display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none; } list-style-type: none; }
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
position: relative; position: relative;
display: inline-block;
margin: 12px 12px 24px 12px; margin: 12px 12px 24px 12px;
margin-bottom: 12px; margin-bottom: 12px;
min-height: 54px; min-height: 54px;
min-width: 22%; min-width: calc(20% - 24px);
width: 22%; } width: calc(20% - 24px); }
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a {
color: #454647; color: #454647;
height: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 54px; } word-break: break-all;
word-break: break-word; }
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item img, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item img,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item img { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item img {
height: auto; height: auto;
@ -253,20 +271,25 @@
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item:hover a { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item:hover a {
color: #454647; color: #454647;
text-decoration: none; } text-decoration: none; }
@media only screen and (max-width: 1600px) { @media only screen and (max-width: 1600px) {
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
min-width: 30%; min-width: calc(25% - 24px);
width: 30%; } } width: calc(25% - 24px); } }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
min-width: 45%; min-width: calc(33.333% - 24px);
width: 45%; } } width: calc(33.333% - 24px); } }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item, .wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item { .wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
min-width: 100%; min-width: calc(50% - 24px);
width: 100%; } } width: calc(50% - 24px); } }
@media only screen and (max-width: 498px) {
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
min-width: calc(100% - 24px);
width: calc(100% - 24px); } }
/*# sourceMappingURL=tainacan-gutenberg-block-terms-list.css.map */ /*# sourceMappingURL=tainacan-gutenberg-block-terms-list.css.map */

View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAEA,kCAAmC;EAC/B,KAAK,EAAE,iBAAiB;;AAE5B,cAAe;EACX,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,KAAK;EACX,KAAK,EAAE,iBAAiB;EACxB,UAAU,EAAE,OAAO;EAEnB,gBAAE;IACE,SAAS,EAAE,mBAAmB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,OAAO;IAEb,oBAAI;MACA,GAAG,EAAE,GAAG;MACR,YAAY,EAAE,OAAO;MACrB,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,OAAO;;AAIzB,mCAAoC;EAChC,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE,IAAI;EAChB,IAAI,EAAE,OAAO;EAEb,uCAAI;IACA,YAAY,EAAE,IAAI;IAClB,GAAG,EAAE,GAAG;IACR,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,OAAO;;AAKrB,wBAAyB;EACrB,KAAK,EAAE,GAAG;EAEV,0CAA2C;IAH/C,wBAAyB;MAGyB,KAAK,EAAE,GAAG;EACxD,yCAA0C;IAJ9C,wBAAyB;MAIuB,KAAK,EAAE,IAAI;EAGvD,sCAAgB;IACZ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IAEZ,6CAAO;MACH,KAAK,EAAE,iBAAiB;MACxB,MAAM,EAAE,kBAAkB;MAC1B,WAAW,EAAE,KAAK;IAGtB,yDAAmB;MACf,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,iBAAiB;MACxB,WAAW,EAAE,gBAAgB;MAC7B,OAAO,EAAE,wBAAwB;MACjC,UAAU,EAAE,iBAAiB;EAKrC,2CAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,OAAO;IACd,+DAAoB;MAAE,MAAM,EAAE,GAAG;EAGrC,2CAAmB;IACf,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,aAAa,EAAE,IAAI;IAEnB,oEAAyB;MACrB,KAAK,EAAE,GAAG;MAEV,0CAA2C;QAH/C,oEAAyB;UAGyB,KAAK,EAAE,GAAG;MAExD,0EAAM;QACF,UAAU,EAAE,MAAM;EAK9B,gDAAwB;IACpB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,OAAO;EAGxB;4EACkD;IAC9C,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,IAAI;IACb,qBAAqB,EAAE,wBAAwB;IAC/C,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,YAAY;IAC7B,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAEhB;uGAAyB;MACrB,QAAQ,EAAE,MAAM;IAGpB;;;gHACkC;MAC9B,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,UAAU;MAE3B;;;sHAAI;QACA,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,IAAI;MAEtB;;;wHAAM;QACF,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,GAAG;QAEd,yCAA0C;UAP9C;;;4HAAM;YAO0C,SAAS,EAAE,GAAG;EAItE,gDAAwB;IACpB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,MAAM;IAEvB,kDAAE;MACE,KAAK,EAAE,OAAO;MACd,YAAY,EAAE,IAAI;MAClB,UAAU,EAAE,GAAG;EAGvB,2CAAmB;IACf,UAAU,EAAE,iBAAiB;IAC7B,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,OAAO;IAEf,6CAAE;MACE,OAAO,EAAE,MAAM;MACf,KAAK,EAAE,OAAO;;ACjK1B,6BAA8B;EAC1B,MAAM,EAAE,QAAQ;EAGhB,iDAAoB;IAChB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;EAIZ;oEACqC;IACjC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,IAAI;IACb,qBAAqB,EAAE,wBAAwB;IAC/C,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,YAAY;IAC7B,eAAe,EAAE,IAAI;IAErB;wFAAkB;MACd,QAAQ,EAAE,QAAQ;MAClB,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,mBAAmB;MAC3B,aAAa,EAAE,IAAI;MACnB,KAAK,EAAE,KAAK;MAEZ;4FAAE;QACE,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,MAAM;MAGvB;8FAAI;QACA,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;MAGzB;mHAAyB;QACrB,OAAO,EAAE,IAAI;MAGjB;kGAAU;QACN,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,IAAI;EAIjC,kEAAqC;IACjC,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,UAAU;IAEvB,yEAAO;MACH,QAAQ,EAAE,mBAAmB;MAC7B,gBAAgB,EAAE,yBAAyB;MAC3C,KAAK,EAAE,OAAO;MACd,OAAO,EAAE,GAAG;MACZ,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,MAAM;MAClB,QAAQ,EAAE,QAAQ;MAClB,OAAO,EAAE,CAAC;MACV,KAAK,EAAE,KAAK;MACZ,GAAG,EAAE,GAAG;MACR,eAAe,EAAE,MAAM;MACvB,OAAO,EAAE,GAAG;IAGhB,+EAAe;MACX,UAAU,EAAE,OAAO;MACnB,gBAAgB,EAAE,gBAAiC;MACnD,OAAO,EAAE,CAAC;MACV,KAAK,EAAE,IAAI;MACX,GAAG,EAAE,IAAI;MACT,MAAM,EAAE,iBAAiB;MACzB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,wCAAwC;IAExD,qFAAqB;MACjB,gBAAgB,EAAE,gBAAiC;MACnD,MAAM,EAAE,4BAA4B;EAG5C,yCAA0C;IAEtC;sEACqC;MACjC,qBAAqB,EAAE,uBAAuB;MAE9C;0FAAkB;QACd,KAAK,EAAE,IAAI;QACX;gGAAI;UAAE,KAAK,EAAE,IAAI;EAM7B;oEACqC;IACjC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,IAAI;IAErB;wFAAkB;MACd,QAAQ,EAAE,QAAQ;MAClB,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,mBAAmB;MAC3B,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,SAAS,EAAE,GAAG;MACd,KAAK,EAAE,GAAG;MAEV;4FAAE;QACE,KAAK,EAAE,OAAO;QAId,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,IAAI;MAGhB;8FAAI;QACA,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,GAAG;QACZ,YAAY,EAAE,IAAI;MAGtB;mHAAyB;QACrB,OAAO,EAAE,IAAI;MAGjB;kGAAU;QACN,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,IAAI;EAKjC,0CAA2C;IACvC;wFACwD;MACpD,SAAS,EAAE,GAAG;MACd,KAAK,EAAE,GAAG;EAIlB,0CAA2C;IACvC;wFACwD;MACpD,SAAS,EAAE,GAAG;MACd,KAAK,EAAE,GAAG;EAIlB,yCAA0C;IACtC;wFACuD;MACnD,SAAS,EAAE,IAAI;MACf,KAAK,EAAE,IAAI", "mappings": "AAEA,kCAAmC;EAC/B,KAAK,EAAE,iBAAiB;;AAE5B,cAAe;EACX,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,KAAK;EACX,KAAK,EAAE,iBAAiB;EACxB,UAAU,EAAE,OAAO;EAEnB,gBAAE;IACE,SAAS,EAAE,mBAAmB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,OAAO;IAEb,oBAAI;MACA,GAAG,EAAE,GAAG;MACR,YAAY,EAAE,OAAO;MACrB,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,OAAO;;AAIzB,mCAAoC;EAChC,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE,IAAI;EAChB,IAAI,EAAE,OAAO;EAEb,uCAAI;IACA,YAAY,EAAE,IAAI;IAClB,GAAG,EAAE,GAAG;IACR,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,OAAO;;AAKrB,wBAAyB;EACrB,KAAK,EAAE,GAAG;EAEV,0CAA2C;IAH/C,wBAAyB;MAGyB,KAAK,EAAE,GAAG;EACxD,yCAA0C;IAJ9C,wBAAyB;MAIuB,KAAK,EAAE,IAAI;EAGvD,sCAAgB;IACZ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IAEZ,6CAAO;MACH,KAAK,EAAE,iBAAiB;MACxB,MAAM,EAAE,kBAAkB;MAC1B,WAAW,EAAE,KAAK;IAGtB,yDAAmB;MACf,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,iBAAiB;MACxB,WAAW,EAAE,gBAAgB;MAC7B,OAAO,EAAE,wBAAwB;MACjC,UAAU,EAAE,iBAAiB;EAKrC,2CAAmB;IACf,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,OAAO;IACd,+DAAoB;MAAE,MAAM,EAAE,GAAG;EAGrC,0EAAkD;IAC9C,aAAa,EAAE,CAAC;EAGpB,2BAAG;IACC,MAAM,EAAE,WAAW;EAGvB,2CAAmB;IACf,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,MAAM;IACvB,aAAa,EAAE,IAAI;IAEnB,oEAAyB;MACrB,KAAK,EAAE,GAAG;MAEV,0CAA2C;QAH/C,oEAAyB;UAGyB,KAAK,EAAE,GAAG;MACxD,iFAAe;QACX,WAAW,EAAE,CAAC;MAElB,oGAAgC;QAC5B,SAAS,EAAE,IAAI;MAEnB,yGAAqC;QACjC,WAAW,EAAE,GAAG;QAChB,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;MAEtB,yGAAqC;QACjC,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,IAAI;EAKxB,gDAAwB;IACpB,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,OAAO;EAGxB;4EACkD;IAC9C,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,IAAI;IACb,qBAAqB,EAAE,wBAAwB;IAC/C,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,YAAY;IAC7B,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,MAAM;IAElB;uGAAyB;MACrB,QAAQ,EAAE,MAAM;IAGpB;;;gHACkC;MAC9B,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,UAAU;MAE3B;;;sHAAI;QACA,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,IAAI;MAEtB;;;wHAAM;QACF,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,GAAG;QAEd,yCAA0C;UAP9C;;;4HAAM;YAO0C,SAAS,EAAE,GAAG;EAItE,gDAAwB;IACpB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,MAAM;IAEvB,kDAAE;MACE,KAAK,EAAE,OAAO;MACd,YAAY,EAAE,IAAI;MAClB,UAAU,EAAE,GAAG;EAGvB,2CAAmB;IACf,UAAU,EAAE,iBAAiB;IAC7B,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,OAAO;IAEf,6CAAE;MACE,OAAO,EAAE,MAAM;MACf,KAAK,EAAE,OAAO;;ACtL1B,6BAA8B;EAC1B,MAAM,EAAE,QAAQ;EAGhB,iDAAoB;IAChB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;EAIZ;oEACqC;IACjC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,IAAI;IACb,qBAAqB,EAAE,wBAAwB;IAC/C,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,YAAY;IAC7B,eAAe,EAAE,IAAI;IAErB;wFAAkB;MACd,QAAQ,EAAE,QAAQ;MAClB,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,mBAAmB;MAC3B,aAAa,EAAE,IAAI;MACnB,KAAK,EAAE,KAAK;MAEZ;4FAAE;QACE,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,MAAM;MAGvB;8FAAI;QACA,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;MAGzB;mHAAyB;QACrB,OAAO,EAAE,IAAI;MAGjB;kGAAU;QACN,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,IAAI;EAIjC,kEAAqC;IACjC,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,UAAU;IAEvB,yEAAO;MACH,QAAQ,EAAE,mBAAmB;MAC7B,gBAAgB,EAAE,yBAAyB;MAC3C,KAAK,EAAE,OAAO;MACd,OAAO,EAAE,GAAG;MACZ,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,MAAM;MAClB,QAAQ,EAAE,QAAQ;MAClB,OAAO,EAAE,CAAC;MACV,KAAK,EAAE,KAAK;MACZ,GAAG,EAAE,GAAG;MACR,eAAe,EAAE,MAAM;MACvB,OAAO,EAAE,GAAG;IAGhB,+EAAe;MACX,UAAU,EAAE,OAAO;MACnB,gBAAgB,EAAE,gBAAiC;MACnD,OAAO,EAAE,CAAC;MACV,KAAK,EAAE,IAAI;MACX,GAAG,EAAE,IAAI;MACT,MAAM,EAAE,iBAAiB;MACzB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,wCAAwC;IAExD,qFAAqB;MACjB,gBAAgB,EAAE,gBAAiC;MACnD,MAAM,EAAE,4BAA4B;EAG5C,yCAA0C;IAEtC;sEACqC;MACjC,qBAAqB,EAAE,uBAAuB;MAE9C;0FAAkB;QACd,KAAK,EAAE,IAAI;QACX;gGAAI;UAAE,KAAK,EAAE,IAAI;EAM7B;oEACqC;IACjC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,MAAM;IACnB,eAAe,EAAE,IAAI;IAErB;wFAAkB;MACd,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,mBAAmB;MAC3B,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,SAAS,EAAE,gBAAgB;MAC3B,KAAK,EAAE,gBAAgB;MAEvB;4FAAE;QACE,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,UAAU;MAG1B;8FAAI;QACA,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,GAAG;QACZ,YAAY,EAAE,IAAI;MAGtB;mHAAyB;QACrB,OAAO,EAAE,IAAI;MAGjB;kGAAU;QACN,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,IAAI;MAGzB,0CAA2C;QAlC/C;4FAAkB;UAmCV,SAAS,EAAE,gBAAgB;UAC3B,KAAK,EAAE,gBAAgB;MAG3B,0CAA2C;QAvC/C;4FAAkB;UAwCV,SAAS,EAAE,oBAAoB;UAC/B,KAAK,EAAE,oBAAoB;MAG/B,yCAA0C;QA5C9C;4FAAkB;UA6CV,SAAS,EAAE,gBAAgB;UAC3B,KAAK,EAAE,gBAAgB;MAG3B,yCAA0C;QAjD9C;4FAAkB;UAkDV,SAAS,EAAE,iBAAiB;UAC5B,KAAK,EAAE,iBAAiB",
"sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss"], "sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss"],
"names": [], "names": [],
"file": "tainacan-gutenberg-block-terms-list.css" "file": "tainacan-gutenberg-block-terms-list.css"

View File

@ -139,9 +139,12 @@ class Media {
$file_type = wp_check_filetype( $file_name, null ); $file_type = wp_check_filetype( $file_name, null );
$attachment_title = sanitize_file_name( pathinfo( $file_name, PATHINFO_FILENAME ) ); $attachment_title = sanitize_file_name( pathinfo( $file_name, PATHINFO_FILENAME ) );
$wp_upload_dir = wp_upload_dir(); $wp_upload_dir = wp_upload_dir();
$guid = \str_replace($wp_upload_dir['basedir'], '', $file_path);
$guid = $wp_upload_dir['baseurl'] . $guid;
$post_info = array( $post_info = array(
'guid' => $wp_upload_dir['url'] . '/' . $file_name, 'guid' => $guid,
'post_mime_type' => $file_type['type'], 'post_mime_type' => $file_type['type'],
'post_title' => $attachment_title, 'post_title' => $attachment_title,
'post_content' => '', 'post_content' => '',

View File

@ -121,7 +121,7 @@
promise.request.catch( error => { promise.request.catch( error => {
if (isCancel(error)) if (isCancel(error))
this.$console.log('Request canceled: ', error.message); this.$console.log('Request canceled: ' + error.message);
else else
this.$console.error( error ); this.$console.error( error );
}); });

View File

@ -137,14 +137,15 @@
.then(() => { .then(() => {
this.selectedValues(); this.selectedValues();
}) })
.catch( error => { .catch( (error) => {
if (isCancel(error)) if (isCancel(error)) {
this.$console.log('Request canceled: ', error.message); this.$console.log('Request canceled: ' + error.message);
else }else
this.$console.error( error ); this.$console.error( error );
}); });
} }
// Search Request Token for cancelling
this.getOptionsValuesCancel = promise.source;
}, },
onSelect() { onSelect() {
this.$emit('input', { this.$emit('input', {
@ -187,7 +188,7 @@
} }
}, },
openCheckboxModal() { openCheckboxModal() {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CheckboxRadioModal, component: CheckboxRadioModal,
props: { props: {

View File

@ -166,7 +166,7 @@
error_message(){ error_message(){
if ( !this.isTouched ) return false; if ( !this.isTouched ) return false;
this.$toast.open({ this.$buefy.toast.open({
duration: 3000, duration: 3000,
message: this.$i18n.get('info_error_first_value_greater'), message: this.$i18n.get('info_error_first_value_greater'),
position: 'is-bottom', position: 'is-bottom',

View File

@ -58,7 +58,14 @@
&#8804;&nbsp; {{ $i18n.get('before_or_on_day') }} &#8804;&nbsp; {{ $i18n.get('before_or_on_day') }}
</b-dropdown-item> </b-dropdown-item>
</b-dropdown> </b-dropdown>
<!-- <b-numberinput
v-if="options.type == 'year'"
:placeholder="$i18n.get('instruction_type_value_year')"
:aria-labelledby="labelId"
size="is-small"
step="1"
@input="emitOnlyYear($event)"
v-model="yearsOnlyValue"/> -->
<b-datepicker <b-datepicker
position="is-bottom-left" position="is-bottom-left"
:aria-labelledby="labelId" :aria-labelledby="labelId"
@ -77,8 +84,27 @@
$i18n.get('datepicker_short_wednesday'), $i18n.get('datepicker_short_wednesday'),
$i18n.get('datepicker_short_thursday'), $i18n.get('datepicker_short_thursday'),
$i18n.get('datepicker_short_friday'), $i18n.get('datepicker_short_friday'),
$i18n.get('datepicker_short_saturday'), $i18n.get('datepicker_short_saturday')
]"
:month-names="[
$i18n.get('datepicker_month_january'),
$i18n.get('datepicker_month_february'),
$i18n.get('datepicker_month_march'),
$i18n.get('datepicker_month_april'),
$i18n.get('datepicker_month_may'),
$i18n.get('datepicker_month_june'),
$i18n.get('datepicker_month_july'),
$i18n.get('datepicker_month_august'),
$i18n.get('datepicker_month_september'),
$i18n.get('datepicker_month_october'),
$i18n.get('datepicker_month_november'),
$i18n.get('datepicker_month_december')
]"/> ]"/>
<!-- OPTIONS FOR TYPE
v-else
:type="options.type == 'month' ? 'month' : null"
:placeholder="options.type == 'month' ? $i18n.get('instruction_select_a_date') : $i18n.get('instruction_select_a_month')"
-->
</div> </div>
</template> </template>
@ -92,7 +118,7 @@
created() { created() {
this.collection = ( this.collection_id ) ? this.collection_id : this.filter.collection_id; this.collection = ( this.collection_id ) ? this.collection_id : this.filter.collection_id;
this.metadatum = ( this.metadatum_id ) ? this.metadatum_id : (typeof this.filter.metadatum.metadatum_id == 'object' ? this.filter.metadatum.metadatum_id.metadatum_id : this.filter.metadatum.metadatum_id); this.metadatum = ( this.metadatum_id ) ? this.metadatum_id : (typeof this.filter.metadatum.metadatum_id == 'object' ? this.filter.metadatum.metadatum_id.metadatum_id : this.filter.metadatum.metadatum_id);
// this.options = this.filter.filter_type_options; this.options = this.filter.filter_type_options;
let in_route = '/collection/' + this.collection + '/metadata/' + this.metadatum; let in_route = '/collection/' + this.collection + '/metadata/' + this.metadatum;
@ -137,6 +163,9 @@
isRepositoryLevel: Boolean, isRepositoryLevel: Boolean,
}, },
computed: { computed: {
yearsOnlyValue() {
return this.value && typeof this.value.getUTCFullYear === 'function' ? this.value.getUTCFullYear() : null
},
comparatorSymbol() { comparatorSymbol() {
switch(this.comparator) { switch(this.comparator) {
case '=': return '&#61;'; case '=': return '&#61;';
@ -159,16 +188,20 @@
if ( index >= 0){ if ( index >= 0){
let metadata = this.query.metaquery[ index ]; let metadata = this.query.metaquery[ index ];
if ( metadata.value && metadata.value.length > 0)
this.value = Array.isArray(metadata.value) ? new Date(metadata.value[0]) : new Date(metadata.value);
if ( metadata.compare) if ( metadata.compare)
this.comparator = metadata.compare; this.comparator = metadata.compare;
if ( metadata.value && metadata.value.length > 0) {
let textValue = Array.isArray(metadata.value) ? metadata.value[0] : metadata.value;
while (textValue.split('-')[0].length < 4)
textValue = '0' + textValue;
this.value = new Date(textValue);
if (this.value != undefined) {
this.$eventBusSearch.$emit( 'sendValuesToTags', { this.$eventBusSearch.$emit( 'sendValuesToTags', {
filterId: this.filter.id, filterId: this.filter.id,
value: this.comparator + ' ' + this.parseDateToNavigatorLanguage(Array.isArray(metadata.value) ? metadata.value[0] : metadata.value) value: this.comparator + ' ' + moment(this.value, moment.ISO_8601).format(this.dateFormat)
}); });
} }
@ -202,16 +235,27 @@
dateParser(dateString) { dateParser(dateString) {
return moment(dateString, this.dateFormat).toDate(); return moment(dateString, this.dateFormat).toDate();
}, },
emitOnlyYear(year) {
this.value = new Date(year,0,1);
this.value.setUTCDate(1);
this.value.setUTCMonth(0);
this.value.setFullYear(year);
this.emit();
},
// emit the operation for listeners // emit the operation for listeners
emit() { emit() {
if ( this.value == undefined || this.value == null || this.value === '') if ( this.value == undefined || this.value == null || this.value === '')
this.value = new Date(); this.value = new Date();
let valueQuery = this.value.getUTCFullYear() + '-' + let valueQuery = (this.value.getUTCFullYear()) + '-' +
('00' + (this.value.getUTCMonth() + 1)).slice(-2) + '-' + ('00' + (this.value.getUTCMonth() + 1)).slice(-2) + '-' +
('00' + this.value.getUTCDate()).slice(-2); ('00' + this.value.getUTCDate()).slice(-2);
while (valueQuery.split('-')[0].length < 4)
valueQuery = '0' + valueQuery;
this.$emit('input', { this.$emit('input', {
filter: 'date', filter: 'date',
type: 'DATE', type: 'DATE',
@ -220,10 +264,9 @@
collection_id: ( this.collection_id ) ? this.collection_id : this.filter.collection_id, collection_id: ( this.collection_id ) ? this.collection_id : this.filter.collection_id,
value: valueQuery value: valueQuery
}); });
this.$eventBusSearch.$emit( 'sendValuesToTags', { this.$eventBusSearch.$emit( 'sendValuesToTags', {
filterId: this.filter.id, filterId: this.filter.id,
value: this.comparator + ' ' + this.parseDateToNavigatorLanguage(valueQuery) value: this.comparator + ' ' + moment(this.value, moment.ISO_8601).format(this.dateFormat)
}); });
}, },

View File

@ -0,0 +1,47 @@
<template>
<div>
<b-field :addons="false">
<label class="label is-inline">
{{ $i18n.getHelperTitle('tainacan-filter-date', 'type') }}<span>&nbsp;*&nbsp;</span>
<help-button
:title="$i18n.getHelperTitle('tainacan-filter-date', 'type')"
:message="$i18n.getHelperMessage('tainacan-filter-date', 'type')"/>
</label>
<b-select
name="type_options"
v-model="type"
@input="onUpdateType">
<option value="day">{{ $i18n.get('label_day') }}</option>
<option value="month">{{ $i18n.get('label_month') }}</option>
<option value="year">{{ $i18n.get('label_year') }}</option>
</b-select>
</b-field>
</div>
</template>
<script>
export default {
props: {
filter: {
type: Object
},
value: [String, Number, Array],
id: '',
disabled: false,
},
data() {
return {
type: [String]
}
},
methods: {
onUpdateType(type) {
this.$emit('input', { type: type });
},
},
created() {
this.type = this.type && this.value.type ? this.value.type : 'day';
}
}
</script>

View File

@ -12,7 +12,11 @@ class Date extends Filter_Type {
function __construct(){ function __construct(){
$this->set_supported_types(['date']); $this->set_supported_types(['date']);
$this->set_component('tainacan-filter-date'); $this->set_component('tainacan-filter-date');
// $this->set_form_component('tainacan-filter-form-date');
$this->set_use_max_options(false); $this->set_use_max_options(false);
// $this->set_default_options([
// 'type' => 'day'
// ]);
$this->set_preview_template(' $this->set_preview_template('
<div> <div>
<div> <div>
@ -56,16 +60,29 @@ class Date extends Filter_Type {
'); ');
} }
// /**
// * @inheritdoc
// */
// public function get_form_labels(){
// return [
// 'type' => [
// 'title' => __( 'Type', 'tainacan' ),
// 'description' => __( 'The type of the date picker, may be for day, month or year.', 'tainacan' ),
// ]
// ];
// }
/** /**
* @param $filter * @param $filter
* @return string * @return string
* @internal param $metadatum * @internal param $metadatum
*/ */
public function render( $filter ){ public function render( $filter ){
return '<tainacan-filter-date return '<tainacan-filter-date
name="'.$filter->get_name().'" name="'.$filter->get_name().'"
collection_id="'.$filter->get_collection_id().'" collection_id="'.$filter->get_collection_id().'"
metadatum_id="'.$filter->get_metadatum_id().'"></tainacan-filter-date>'; metadatum_id="'.$filter->get_metadatum_id().'"></tainacan-filter-date>';
// type="' . $this->get_option('type') . '"
} }
} }

View File

@ -112,7 +112,7 @@
}) })
.catch( error => { .catch( error => {
if (isCancel(error)) if (isCancel(error))
this.$console.log('Request canceled: ', error.message); this.$console.log('Request canceled: ' + error.message);
else else
this.$console.error( error ); this.$console.error( error );
}); });

View File

@ -12,6 +12,7 @@
field="label" field="label"
attached attached
@typing="search" @typing="search"
:aria-close-label="$i18n.get('remove_value')"
:aria-labelledby="labelId" :aria-labelledby="labelId"
:placeholder="(type == 'Tainacan\\Metadata_Types\\Relationship') ? $i18n.get('info_type_to_search_items') : $i18n.get('info_type_to_add_metadata')"> :placeholder="(type == 'Tainacan\\Metadata_Types\\Relationship') ? $i18n.get('info_type_to_search_items') : $i18n.get('info_type_to_add_metadata')">
<template slot-scope="props"> <template slot-scope="props">
@ -136,7 +137,7 @@
promise.request promise.request
.catch( error => { .catch( error => {
if (isCancel(error)) if (isCancel(error))
this.$console.log('Request canceled: ', error.message); this.$console.log('Request canceled: ' + error.message);
else else
this.$console.error( error ); this.$console.error( error );
}); });

View File

@ -171,6 +171,19 @@
color: white !important; color: white !important;
background-color: $turquoise5 !important; background-color: $turquoise5 !important;
} }
.datepicker-months {
width: auto;
.datepicker-cell {
height: 2rem;
width: 50%;
padding: 0.3rem 0.25rem !important;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
}
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {

View File

@ -47,7 +47,7 @@
<script> <script>
import qs from 'qs'; import qs from 'qs';
import { tainacan as axios } from '../../../js/axios/axios'; import { tainacan as axios, CancelToken, isCancel } from '../../../js/axios/axios';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
import CheckboxRadioModal from '../../../admin/components/other/checkbox-radio-modal.vue'; import CheckboxRadioModal from '../../../admin/components/other/checkbox-radio-modal.vue';
@ -82,6 +82,7 @@
selected: [], selected: [],
taxonomy: '', taxonomy: '',
taxonomy_id: Number, taxonomy_id: Number,
getOptionsValuesCancel: undefined,
isUsingElasticSearch: tainacan_plugin.wp_elasticpress == "1" ? true : false isUsingElasticSearch: tainacan_plugin.wp_elasticpress == "1" ? true : false
} }
}, },
@ -117,6 +118,12 @@
]), ]),
loadOptions(skipSelected) { loadOptions(skipSelected) {
if (!this.isUsingElasticSearch) { if (!this.isUsingElasticSearch) {
let promise = null;
const source = CancelToken.source();
// Cancels previous Request
if (this.getOptionsValuesCancel != undefined)
this.getOptionsValuesCancel.cancel('Facet search Canceled.');
this.isLoading = true; this.isLoading = true;
let query_items = { 'current_query': this.query }; let query_items = { 'current_query': this.query };
@ -130,15 +137,36 @@
this.options = []; this.options = [];
axios.get(route) promise = new Object({
.then( res => { request:
new Promise((resolve, reject) => {
axios.get(route, { cancelToken: source.token})
.then( res => {
resolve(res)
})
.catch(error => {
reject(error)
});
}),
source: source
});
promise.request
.then((res) => {
this.prepareOptionsForTaxonomy(res.data.values ? res.data.values : res.data, skipSelected); this.prepareOptionsForTaxonomy(res.data.values ? res.data.values : res.data, skipSelected);
this.isLoading = false; this.isLoading = false;
}) })
.catch(error => { .catch( error => {
this.$console.log(error); if (isCancel(error)) {
this.isLoading = false; this.$console.log('Request canceled: ' + error.message);
} else {
this.$console.log('Error on facets request: ', error);
this.isLoading = false;
}
}); });
// Search Request Token for cancelling
this.getOptionsValuesCancel = promise.source;
} else { } else {
for (const facet in this.facetsFromItemSearch) { for (const facet in this.facetsFromItemSearch) {
@ -238,7 +266,7 @@
}); });
}, },
openCheckboxModal(parent) { openCheckboxModal(parent) {
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CheckboxRadioModal, component: CheckboxRadioModal,
props: { props: {
@ -333,6 +361,10 @@
beforeDestroy() { beforeDestroy() {
this.$eventBusSearch.$off('removeFromFilterTag', this.cleanSearchFromTags); this.$eventBusSearch.$off('removeFromFilterTag', this.cleanSearchFromTags);
// Cancels previous Request
if (this.getOptionsValuesCancel != undefined)
this.getOptionsValuesCancel.cancel('Facet search Canceled.');
if (this.isUsingElasticSearch) if (this.isUsingElasticSearch)
this.$eventBusSearch.$off('isLoadingItems', this.updatesIsLoading); this.$eventBusSearch.$off('isLoadingItems', this.updatesIsLoading);
} }

View File

@ -11,6 +11,7 @@
:remove-on-keys="[]" :remove-on-keys="[]"
field="label" field="label"
attached attached
:aria-close-label="$i18n.get('remove_value')"
:aria-labelledby="labelId" :aria-labelledby="labelId"
:class="{'has-selected': selected != undefined && selected != []}" :class="{'has-selected': selected != undefined && selected != []}"
@typing="search" @typing="search"

View File

@ -167,7 +167,7 @@
this.$console.log(error); this.$console.log(error);
}); });
}, },
fetchMetadataFromCollection( value ){ fetchMetadataFromCollection(value) {
this.loadingMetadata = true; this.loadingMetadata = true;
this.hasMetadata = false; this.hasMetadata = false;
@ -190,7 +190,7 @@
} else { } else {
this.metadata = []; this.metadata = [];
this.hasMetadata = false; this.hasMetadata = false;
this.$toast.open({ this.$buefy.toast.open({
duration: 4000, duration: 4000,
message: this.$i18n.get('info_warning_no_metadata_found'), message: this.$i18n.get('info_warning_no_metadata_found'),
position: 'is-bottom', position: 'is-bottom',

View File

@ -10,6 +10,7 @@
autocomplete autocomplete
attached attached
:loading="loading" :loading="loading"
:aria-close-label="$i18n.get('remove_value')"
:class="{'has-selected': selected != undefined && selected != []}" :class="{'has-selected': selected != undefined && selected != []}"
field="label" field="label"
@typing="search"/> @typing="search"/>

View File

@ -16,6 +16,7 @@
@input="emitValues()" @input="emitValues()"
@focus="clear()" @focus="clear()"
attached attached
:aria-close-label="$i18n.get('remove_value')"
:class="{'has-selected': options != undefined && options != []}" :class="{'has-selected': options != undefined && options != []}"
:placeholder="$i18n.get('new') + ', ...'"/> :placeholder="$i18n.get('new') + ', ...'"/>
</b-field> </b-field>

View File

@ -197,7 +197,7 @@
}, },
save(){ save(){
if( this.name.trim() === ''){ if( this.name.trim() === ''){
this.$toast.open({ this.$buefy.toast.open({
duration: 2000, duration: 2000,
message: this.$i18n.get('info_name_is_required'), message: this.$i18n.get('info_name_is_required'),
position: 'is-bottom', position: 'is-bottom',

View File

@ -112,7 +112,7 @@
}, },
methods: { methods: {
openCheckboxModal(){ openCheckboxModal(){
this.$modal.open({ this.$buefy.modal.open({
parent: this, parent: this,
component: CheckboxRadioModal, component: CheckboxRadioModal,
props: { props: {

View File

@ -13,6 +13,7 @@
field="label" field="label"
attached attached
ellipsis ellipsis
:aria-close-label="$i18n.get('remove_value')"
:placeholder="$i18n.get('instruction_type_existing_term')" :placeholder="$i18n.get('instruction_type_existing_term')"
:loading="isFetching" :loading="isFetching"
:class="{'has-selected': selected != undefined && selected != []}" :class="{'has-selected': selected != undefined && selected != []}"

View File

@ -235,7 +235,7 @@ class Taxonomy extends Metadata_Type {
} else { } else {
if ( $value instanceof \Tainacan\Entities\Term ) { if ( $value instanceof \Tainacan\Entities\Term ) {
$return .= $value->_toHtml(); $return .= $this->get_term_hierarchy_html($value);
} }
} }

View File

@ -34,7 +34,7 @@ class Collections extends Repository {
* {@inheritDoc} * {@inheritDoc}
* @see \Tainacan\Repositories\Repository::get_map() * @see \Tainacan\Repositories\Repository::get_map()
*/ */
public function get_map() { protected function _get_map() {
return apply_filters( 'tainacan-get-map-' . $this->get_name(), [ return apply_filters( 'tainacan-get-map-' . $this->get_name(), [
'name' => [ 'name' => [
'map' => 'post_title', 'map' => 'post_title',

View File

@ -27,7 +27,7 @@ class Filters extends Repository {
add_action( 'tainacan-deleted-tainacan-metadatum', array( &$this, 'hook_delete_when_metadata_deleted' ), 10, 2 ); add_action( 'tainacan-deleted-tainacan-metadatum', array( &$this, 'hook_delete_when_metadata_deleted' ), 10, 2 );
} }
public function get_map() { protected function _get_map() {
return apply_filters( 'tainacan-get-map-' . $this->get_name(), [ return apply_filters( 'tainacan-get-map-' . $this->get_name(), [
'name' => [ 'name' => [
'map' => 'post_title', 'map' => 'post_title',

View File

@ -413,7 +413,7 @@ class Item_Metadata extends Repository {
public function register_post_type() { public function register_post_type() {
} }
public function get_map() { protected function _get_map() {
return []; return [];
} }

View File

@ -30,7 +30,7 @@ class Items extends Repository {
add_filter( 'map_meta_cap', array( $this, 'map_meta_cap' ), 10, 4 ); add_filter( 'map_meta_cap', array( $this, 'map_meta_cap' ), 10, 4 );
} }
public function get_map() { protected function _get_map() {
return apply_filters( 'tainacan-get-map-' . $this->get_name(), [ return apply_filters( 'tainacan-get-map-' . $this->get_name(), [
'title' => [ 'title' => [
'map' => 'post_title', 'map' => 'post_title',

View File

@ -32,7 +32,7 @@ class Logs extends Repository {
add_action( 'add_attachment', array( $this, 'prepare_attachment_log_before_insert' ), 10 ); add_action( 'add_attachment', array( $this, 'prepare_attachment_log_before_insert' ), 10 );
} }
public function get_map() { protected function _get_map() {
return apply_filters( 'tainacan-get-map-' . $this->get_name(), [ return apply_filters( 'tainacan-get-map-' . $this->get_name(), [
'title' => [ 'title' => [
'map' => 'post_title', 'map' => 'post_title',

View File

@ -46,7 +46,7 @@ class Metadata extends Repository {
* {@inheritDoc} * {@inheritDoc}
* @see \Tainacan\Repositories\Repository::get_map() * @see \Tainacan\Repositories\Repository::get_map()
*/ */
public function get_map() { protected function _get_map() {
return apply_filters( 'tainacan-get-map-' . $this->get_name(), [ return apply_filters( 'tainacan-get-map-' . $this->get_name(), [
'name' => [ 'name' => [
'map' => 'post_title', 'map' => 'post_title',
@ -639,7 +639,7 @@ class Metadata extends Repository {
* @return array * @return array
*/ */
private function get_data_core_metadata( Entities\Collection $collection ) { private function get_data_core_metadata( Entities\Collection $collection ) {
return $data_core_metadata = [ return $data_core_metadata = [
'core_description' => [ 'core_description' => [
'name' => 'Description', 'name' => 'Description',

View File

@ -27,7 +27,9 @@ abstract class Repository {
* *
* @var Repositories\Logs * @var Repositories\Logs
*/ */
protected $logs_repository; protected $logs_repository;
private $map = [];
/** /**
* Disable creation of logs while inerting and updating entities * Disable creation of logs while inerting and updating entities
@ -49,8 +51,8 @@ abstract class Repository {
*/ */
protected function __construct() { protected function __construct() {
add_action( 'init', array( &$this, 'register_post_type' ) ); add_action( 'init', array( &$this, 'register_post_type' ) );
add_action( 'init', array( &$this, 'init_objects' ) ); add_action( 'init', array( &$this, 'init_objects' ) );
add_filter( 'tainacan-get-map-' . $this->get_name(), array( $this, 'get_default_properties' ) ); add_filter( 'tainacan-get-map-' . $this->get_name(), array( $this, 'get_default_properties' ) );
} }
@ -85,7 +87,15 @@ abstract class Repository {
* 'validation' => v::stringType(), * 'validation' => v::stringType(),
* ], * ],
*/ */
public abstract function get_map(); protected abstract function _get_map();
public function get_map() {
if (isset($this->map) && !empty($this->map)) {
return $this->map;
}
$this->map = $this->_get_map();
return $this->map;
}
/** /**
* Return repository name * Return repository name

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