Merge branch 'release/0.20.3'
This commit is contained in:
vnmedeiros
commit
9ee79dee50
1
build.sh
1
build.sh
|
|
@ -37,6 +37,7 @@ do
|
|||
case $i in
|
||||
--prod)
|
||||
is_prod_build=true
|
||||
rm -r ./src/assets/js/*
|
||||
;;
|
||||
esac
|
||||
done
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
58
package.json
58
package.json
|
|
@ -1,70 +1,70 @@
|
|||
{
|
||||
"name": "tainacan",
|
||||
"description": "Tainacan",
|
||||
"author": "Eduardo <eduardo.humberto1992@gmail.com>",
|
||||
"author": "Tainacan <tainacan.l3p@gmail.com>",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=development webpack --config webpack.dev.js --progress --mode development",
|
||||
"build-prod": "cross-env NODE_ENV=production webpack --config webpack.prod.js --progress --mode production"
|
||||
},
|
||||
"dependencies": {
|
||||
"apexcharts": "^3.37.1",
|
||||
"axios": "^1.1.3",
|
||||
"apexcharts": "^3.40.0",
|
||||
"axios": "^1.4.0",
|
||||
"blurhash": "^2.0.5",
|
||||
"buefy": "^0.9.22",
|
||||
"buefy": "^0.9.23",
|
||||
"bulma": "^0.9.4",
|
||||
"conditioner-core": "^2.3.3",
|
||||
"countup.js": "^2.5.0",
|
||||
"countup.js": "^2.6.2",
|
||||
"css-vars-ponyfill": "^2.4.8",
|
||||
"floating-vue": "^1.0.0-beta.19",
|
||||
"leaflet": "^1.9.3",
|
||||
"leaflet": "^1.9.4",
|
||||
"leaflet-active-area": "^1.2.1",
|
||||
"masonry-layout": "^4.2.2",
|
||||
"moment": "^2.29.4",
|
||||
"node-sass": "^7.0.3",
|
||||
"photoswipe": "^5.3.6",
|
||||
"qs": "^6.11.0",
|
||||
"photoswipe": "^5.3.7",
|
||||
"qs": "^6.11.2",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"swiper": "^8.4.5",
|
||||
"t": "^0.5.1",
|
||||
"vue": "^2.6.14",
|
||||
"vue-apexcharts": "^1.6.2",
|
||||
"vue-blurhash": "^0.1.4",
|
||||
"vue-countup-v2": "^4.0.0",
|
||||
"vue-router": "^3.5.4",
|
||||
"vue-router": "^3.6.5",
|
||||
"vue-the-mask": "^0.11.1",
|
||||
"vue2-leaflet": "^2.7.1",
|
||||
"vuedraggable": "^2.24.3",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.18.5",
|
||||
"@babel/preset-env": "^7.18.2",
|
||||
"@babel/preset-react": "^7.17.12",
|
||||
"@types/leaflet": "^1.9.0",
|
||||
"@babel/core": "^7.21.0",
|
||||
"@babel/preset-env": "^7.20.2",
|
||||
"@babel/preset-react": "^7.18.6",
|
||||
"@types/leaflet": "^1.9.1",
|
||||
"@types/masonry-layout": "^4.2.5",
|
||||
"acorn": "^8.7.1",
|
||||
"autoprefixer": "^10.4.7",
|
||||
"babel-loader": "^8.2.5",
|
||||
"acorn": "^8.8.2",
|
||||
"ajv": "^7.2.4",
|
||||
"autoprefixer": "^10.4.14",
|
||||
"babel-loader": "^9.1.2",
|
||||
"circular-dependency-plugin": "5.2.2",
|
||||
"cross-env": "^7.0.3",
|
||||
"css-loader": "^6.7.1",
|
||||
"eslint": "^8.18.0",
|
||||
"eslint-plugin-vue": "^9.1.1",
|
||||
"eslint-webpack-plugin": "^3.1.1",
|
||||
"css-loader": "^6.7.3",
|
||||
"eslint": "^8.35.0",
|
||||
"eslint-plugin-vue": "^9.9.0",
|
||||
"eslint-webpack-plugin": "^4.0.0",
|
||||
"file-loader": "^6.2.0",
|
||||
"moment-locales-webpack-plugin": "^1.2.0",
|
||||
"postcss-loader": "7.0.0",
|
||||
"sass-loader": "^13.0.0",
|
||||
"postcss-loader": "7.0.2",
|
||||
"sass-loader": "^13.2.0",
|
||||
"style-loader": "^3.3.1",
|
||||
"terser-webpack-plugin": "5.3.3",
|
||||
"vue-loader": "^15.9.8",
|
||||
"terser-webpack-plugin": "5.3.7",
|
||||
"vue-loader": "^15.10.1",
|
||||
"vue-template-compiler": "^2.6.14",
|
||||
"webpack": "^5.73.0",
|
||||
"webpack-bundle-analyzer": "^4.6.1",
|
||||
"webpack-cli": "^4.10.0",
|
||||
"webpack-dev-server": "^4.9.2",
|
||||
"webpack": "^5.76.0",
|
||||
"webpack-bundle-analyzer": "^4.8.0",
|
||||
"webpack-cli": "^5.0.1",
|
||||
"webpack-dev-server": "^4.11.1",
|
||||
"webpack-merge": "^5.8.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -224,7 +224,7 @@
|
|||
.tainacan-media-component__swiper-thumbs li.swiper-slide {
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
font-size: 0.875em;
|
||||
max-width: calc(var(--tainacan-media-thumbs-carousel-item-size, 136px) + 17px); }
|
||||
@media only screen and (max-width: 380px) {
|
||||
|
|
@ -255,14 +255,17 @@
|
|||
.tainacan-media-component__swiper-thumbs li.swiper-slide .swiper-slide-metadata__name {
|
||||
font-size: 1em;
|
||||
color: var(--tainacan-media-metadata-color, #454647);
|
||||
opacity: 0.75; }
|
||||
opacity: 0.75;
|
||||
word-break: break-word; }
|
||||
.tainacan-media-component__swiper-thumbs li.swiper-slide .swiper-slide-metadata__caption {
|
||||
font-size: 0.9375em;
|
||||
color: var(--tainacan-media-metadata-color, #454647); }
|
||||
color: var(--tainacan-media-metadata-color, #454647);
|
||||
word-break: break-word; }
|
||||
.tainacan-media-component__swiper-thumbs li.swiper-slide .swiper-slide-metadata__caption {
|
||||
font-size: 0.875em;
|
||||
color: var(---tainacan-media-metadata-color, #454647);
|
||||
opacity: 0.85; }
|
||||
opacity: 0.85;
|
||||
word-break: break-word; }
|
||||
.tainacan-media-component__swiper-thumbs li.swiper-slide .swiper-slide-metadata {
|
||||
text-align: center;
|
||||
display: block;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -93,6 +93,7 @@ class REST_Controller extends \WP_REST_Controller {
|
|||
'hierarchical' => 'hierarchical',
|
||||
'exclude' => 'post__not_in',
|
||||
'excludetree' => 'exclude_tree',
|
||||
'exclude_tree' => 'exclude_tree',
|
||||
'include' => 'include',
|
||||
'sentence' => 'sentence'
|
||||
];
|
||||
|
|
|
|||
|
|
@ -251,9 +251,9 @@ class REST_Collections_Controller extends REST_Controller {
|
|||
* @return mixed|string|void|\WP_Error|\WP_REST_Response
|
||||
*/
|
||||
public function prepare_item_for_response($item, $request){
|
||||
if(!empty($item)){
|
||||
if ( !empty($item) ) {
|
||||
|
||||
if(!isset($request['fetch_only'])) {
|
||||
if( !isset($request['fetch_only']) ) {
|
||||
|
||||
$item_arr = $item->_toArray();
|
||||
|
||||
|
|
@ -305,16 +305,16 @@ class REST_Collections_Controller extends REST_Controller {
|
|||
$item_arr['url'] = get_permalink( $item_arr['id'] );
|
||||
}
|
||||
|
||||
if(isset($request['fetch_preview_image_items']) && $request['fetch_preview_image_items'] != 0) {
|
||||
if ( isset($request['fetch_preview_image_items']) && $request['fetch_preview_image_items'] != 0 ) {
|
||||
$item_arr['preview_image_items'] = $this->get_preview_image_items($item, $request['fetch_preview_image_items']);
|
||||
}
|
||||
|
||||
$total_items = wp_count_posts( $item->get_db_identifier(), 'readable' );
|
||||
|
||||
if (isset($total_items->publish) ||
|
||||
isset($total_items->private) ||
|
||||
isset($total_items->trash) ||
|
||||
isset($total_items->draft)) {
|
||||
isset($total_items->private) ||
|
||||
isset($total_items->trash) ||
|
||||
isset($total_items->draft)) {
|
||||
|
||||
$item_arr['total_items']['trash'] = $total_items->trash;
|
||||
$item_arr['total_items']['publish'] = $total_items->publish;
|
||||
|
|
|
|||
|
|
@ -155,6 +155,7 @@ class REST_Facets_Controller extends REST_Controller {
|
|||
remove_filter( 'tainacan-item-to-array', $add_attt_item, 10);
|
||||
|
||||
return $val;
|
||||
|
||||
}, $all_values['values']);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -111,8 +111,8 @@ class REST_Taxonomies_Controller extends REST_Controller {
|
|||
* @return array|\WP_Error|\WP_REST_Response
|
||||
*/
|
||||
public function prepare_item_for_response( $item, $request ) {
|
||||
if(!empty($item)) {
|
||||
if(!isset($request['fetch_only'])) {
|
||||
if ( !empty($item) ) {
|
||||
if ( !isset($request['fetch_only']) ) {
|
||||
$item_arr = $item->_toArray();
|
||||
|
||||
if ( $request['context'] === 'edit' ) {
|
||||
|
|
@ -161,6 +161,24 @@ class REST_Taxonomies_Controller extends REST_Controller {
|
|||
$item_arr = $this->filter_object_by_attributes($item, $attributes_to_filter);
|
||||
}
|
||||
|
||||
$total_terms = wp_count_terms( array(
|
||||
'taxonomy' => $item->get_db_identifier(),
|
||||
'hide_empty' => false
|
||||
), 'readable' );
|
||||
$total_root_terms = wp_count_terms( array(
|
||||
'taxonomy' => $item->get_db_identifier(),
|
||||
'parent' => 0,
|
||||
'hide_empty' => false
|
||||
), 'readable' );
|
||||
$total_not_empty = wp_count_terms( array(
|
||||
'taxonomy' => $item->get_db_identifier(),
|
||||
'hide_empty' => true
|
||||
), 'readable' );
|
||||
|
||||
$item_arr['total_terms']['total'] = $total_terms;
|
||||
$item_arr['total_terms']['root'] = $total_root_terms;
|
||||
$item_arr['total_terms']['not_empty'] = $total_not_empty;
|
||||
|
||||
/**
|
||||
* Use this filter to add additional post_meta to the api response
|
||||
* Use the $request object to get the context of the request and other variables
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ use Tainacan\Repositories;
|
|||
class REST_Terms_Controller extends REST_Controller {
|
||||
private $term;
|
||||
private $terms_repository;
|
||||
private $taxonomy;
|
||||
private $items_repository;
|
||||
private $taxonomy_repository;
|
||||
|
||||
/**
|
||||
|
|
@ -27,12 +27,22 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
public function init_objects() {
|
||||
$this->term = new Entities\Term();
|
||||
$this->terms_repository = Repositories\Terms::get_instance();
|
||||
$this->taxonomy = new Entities\Taxonomy();
|
||||
$this->taxonomy_repository = Repositories\Taxonomies::get_instance();
|
||||
$this->items_repository = Repositories\Items::get_instance();
|
||||
}
|
||||
|
||||
|
||||
public function register_routes() {
|
||||
register_rest_route($this->namespace, '/taxonomy/(?P<taxonomy_id>[\d]+)/' . $this->rest_base . '/bulkinsert',
|
||||
array(
|
||||
array(
|
||||
'methods' => \WP_REST_Server::CREATABLE,
|
||||
'callback' => array($this, 'create_multiples_items'),
|
||||
'permission_callback' => array($this, 'create_item_permissions_check'),
|
||||
'args' => $this->get_endpoint_args_for_item_schema(\WP_REST_Server::CREATABLE)
|
||||
),
|
||||
'schema' => [$this, 'get_schema']
|
||||
)
|
||||
);
|
||||
register_rest_route($this->namespace, '/taxonomy/(?P<taxonomy_id>[\d]+)/' . $this->rest_base,
|
||||
array(
|
||||
array(
|
||||
|
|
@ -47,6 +57,12 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
'permission_callback' => array($this, 'get_items_permissions_check'),
|
||||
'args' => $this->get_wp_query_params()
|
||||
),
|
||||
array(
|
||||
'methods' => \WP_REST_Server::DELETABLE,
|
||||
'callback' => array($this, 'delete_items'),
|
||||
'permission_callback' => array($this, 'delete_items_permissions_check'),
|
||||
'args' => $this->get_wp_query_params()
|
||||
),
|
||||
'schema' => [$this, 'get_schema']
|
||||
)
|
||||
);
|
||||
|
|
@ -60,7 +76,11 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
'permanently' => [
|
||||
'description' => __('Delete term permanently.'),
|
||||
'default' => '1'
|
||||
]
|
||||
],
|
||||
'delete_child_terms' => [
|
||||
'description' => __('Delete all child terms.'),
|
||||
'default' => false
|
||||
],
|
||||
]
|
||||
),
|
||||
array(
|
||||
|
|
@ -78,6 +98,17 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
'schema' => [$this, 'get_schema']
|
||||
)
|
||||
);
|
||||
register_rest_route($this->namespace, '/taxonomy/(?P<taxonomy_id>[\d]+)/' . $this->rest_base . '/newparent/(?P<new_parent_id>[\d]+)',
|
||||
array(
|
||||
array(
|
||||
'methods' => \WP_REST_Server::EDITABLE,
|
||||
'callback' => array($this, 'update_parent_terms'),
|
||||
'permission_callback' => array($this, 'update_parent_terms_permissions_check'),
|
||||
'args' => $this->get_wp_query_params()
|
||||
),
|
||||
'schema' => [$this, 'get_schema']
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -96,6 +127,57 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
$this->term->set_taxonomy($taxonomy);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
* @return \WP_Error|\WP_REST_Response
|
||||
*/
|
||||
public function create_multiples_items( $request ) {
|
||||
$taxonomy_id = $request['taxonomy_id'];
|
||||
$body = json_decode($request->get_body(), true);
|
||||
|
||||
if( is_array($body) ){
|
||||
$taxonomy = $this->taxonomy_repository->fetch($taxonomy_id);
|
||||
$taxonomy_db_identifier = $taxonomy->get_db_identifier();
|
||||
$terms_errors = [];
|
||||
$to_insert_terms = [];
|
||||
$new_terms = [];
|
||||
|
||||
foreach($body as $item) {
|
||||
$term = new Entities\Term();
|
||||
$term->set_taxonomy($taxonomy_db_identifier);
|
||||
|
||||
foreach ($item as $attribute => $value){
|
||||
$term->set($attribute, $value);
|
||||
}
|
||||
|
||||
if ( !$term->validate() ) {
|
||||
$terms_errors[] = [
|
||||
'error_message' => 'One or more attributes are invalid.',
|
||||
'errors' => $term->get_errors(),
|
||||
'term_name' => $term->get_name()
|
||||
];
|
||||
} else {
|
||||
$to_insert_terms[] = $term;
|
||||
}
|
||||
}
|
||||
|
||||
if ( count($terms_errors) > 0 )
|
||||
return new \WP_REST_Response($terms_errors, 400);
|
||||
|
||||
foreach($to_insert_terms as $new_term) {
|
||||
$new = $this->terms_repository->insert($new_term);
|
||||
$new_terms[] = $this->prepare_item_for_response($new, $request);
|
||||
}
|
||||
|
||||
return new \WP_REST_Response($new_terms, 200);
|
||||
}
|
||||
return new \WP_REST_Response([
|
||||
'error_message' => 'The body couldn\'t be empty.',
|
||||
'body' => $body,
|
||||
], 400);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
|
|
@ -160,6 +242,52 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
* @return bool|\WP_Error
|
||||
*/
|
||||
public function delete_items_permissions_check( $request ) {
|
||||
$taxonomy = $this->taxonomy_repository->fetch($request['taxonomy_id']);
|
||||
|
||||
$args = $this->prepare_filters($request);
|
||||
|
||||
$terms = $this->terms_repository->fetch($args, $taxonomy);
|
||||
foreach ($terms as $term) {
|
||||
if (!$term instanceof Entities\Term || !$term->can_delete()) {
|
||||
return false ;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
* @return \WP_Error|\WP_REST_Response
|
||||
* @throws \Exception
|
||||
*/
|
||||
public function delete_items( $request ) {
|
||||
$taxonomy_id = $request['taxonomy_id'];
|
||||
$taxonomy = $this->taxonomy_repository->fetch($taxonomy_id);
|
||||
$delete_child_terms = isset($request['delete_child_terms']) && $request['delete_child_terms'] == true;
|
||||
|
||||
$args = $this->prepare_filters($request);
|
||||
|
||||
$terms = $this->terms_repository->fetch($args, $taxonomy);
|
||||
|
||||
$response = [];
|
||||
foreach ($terms as $term) {
|
||||
if($delete_child_terms) {
|
||||
$this->terms_repository->delete_child_terms($term);
|
||||
}
|
||||
$response[] = $this->terms_repository->delete($term);
|
||||
}
|
||||
|
||||
$response = new \WP_REST_Response($response, 200);
|
||||
return $response;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
|
|
@ -181,6 +309,10 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
], 400);
|
||||
}
|
||||
|
||||
if( isset($request['delete_child_terms']) && $request['delete_child_terms'] == true ) {
|
||||
$this->terms_repository->delete_child_terms($term);
|
||||
}
|
||||
|
||||
$is_deleted = $this->terms_repository->delete($term);
|
||||
|
||||
return new \WP_REST_Response($is_deleted, 200);
|
||||
|
|
@ -203,6 +335,54 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
* @return bool|\WP_Error
|
||||
*/
|
||||
public function update_parent_terms_permissions_check( $request ) {
|
||||
$taxonomy = $this->taxonomy_repository->fetch($request['taxonomy_id']);
|
||||
|
||||
$args = $this->prepare_filters($request);
|
||||
|
||||
$terms = $this->terms_repository->fetch($args, $taxonomy);
|
||||
foreach ($terms as $term) {
|
||||
if (!$term instanceof Entities\Term || !$term->can_edit()) {
|
||||
return false ;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
* @return \WP_Error|\WP_REST_Response
|
||||
* @throws \Exception
|
||||
*/
|
||||
public function update_parent_terms($request)
|
||||
{
|
||||
$taxonomy_id = $request['taxonomy_id'];
|
||||
$new_parent_id = $request['new_parent_id'];
|
||||
|
||||
$taxonomy = $this->taxonomy_repository->fetch($taxonomy_id);
|
||||
$tax_name = $taxonomy->get_db_identifier();
|
||||
$args = $this->prepare_filters($request);
|
||||
|
||||
$terms = $this->terms_repository->fetch($args, $taxonomy);
|
||||
|
||||
$response = [];
|
||||
foreach ($terms as $term) {
|
||||
$term->set_parent($new_parent_id);
|
||||
if ($term->validate()) {
|
||||
$updated_term = $this->terms_repository->update($term, $tax_name);
|
||||
$response[] = $this->prepare_item_for_response($updated_term, $request);
|
||||
}
|
||||
}
|
||||
$response = new \WP_REST_Response($response, 200);
|
||||
return $response;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param \WP_REST_Request $request
|
||||
*
|
||||
|
|
@ -314,7 +494,7 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
*/
|
||||
public function prepare_item_for_response( $item, $request ) {
|
||||
if(!empty($item)){
|
||||
if(!isset($request['fetch_only'])) {
|
||||
if (!isset($request['fetch_only'])) {
|
||||
$item_arr = $item->_toArray();
|
||||
|
||||
if ( $request['context'] === 'edit' ) {
|
||||
|
|
@ -333,8 +513,24 @@ class REST_Terms_Controller extends REST_Controller {
|
|||
|
||||
} else {
|
||||
$attributes_to_filter = $request['fetch_only'];
|
||||
|
||||
|
||||
$item_arr = $this->filter_object_by_attributes($item, $attributes_to_filter);
|
||||
|
||||
if ( !is_array($attributes_to_filter) )
|
||||
$attributes_to_filter = explode(',', $attributes_to_filter);
|
||||
|
||||
foreach ( $attributes_to_filter as $attribute ) {
|
||||
if ( $attribute == 'total_children' ) {
|
||||
$children = get_terms([
|
||||
'taxonomy' => $item_arr['taxonomy'],
|
||||
'parent' => $item_arr['id'],
|
||||
'fields' => 'ids',
|
||||
'hide_empty' => false,
|
||||
]);
|
||||
|
||||
$item_arr['total_children'] = count($children);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(isset($request['fetch_preview_image_items']) && $request['fetch_preview_image_items'] != 0) {
|
||||
|
|
|
|||
|
|
@ -581,7 +581,8 @@ class Item extends Entity {
|
|||
'before_title' => '<h3>',
|
||||
'after_title' => '</h3>',
|
||||
'before_value' => '<p>',
|
||||
'after_value' => '</p>'
|
||||
'after_value' => '</p>',
|
||||
'metadatum_index' => null
|
||||
);
|
||||
$args = wp_parse_args($args, $defaults);
|
||||
$item_metadata = array();
|
||||
|
|
@ -669,7 +670,7 @@ class Item extends Entity {
|
|||
}
|
||||
|
||||
// Loop item metadata to print their "values" as html
|
||||
$metadatum_index = 0;
|
||||
$metadatum_index = is_numeric($args['metadatum_index']) && count($item_metadata) === 1 ? $args['metadatum_index'] : 0;
|
||||
foreach ( $item_metadata as $item_metadatum ) {
|
||||
|
||||
// Gets the metadata type object to perform some checks
|
||||
|
|
@ -688,7 +689,6 @@ class Item extends Entity {
|
|||
|
||||
// Get the metadatum representation in html, with its label and value
|
||||
$return .= $this->get_item_metadatum_as_html($item_metadatum, $args, $metadatum_index);
|
||||
|
||||
$metadatum_index++;
|
||||
}
|
||||
|
||||
|
|
@ -1169,14 +1169,16 @@ class Item extends Entity {
|
|||
|
||||
$return = '';
|
||||
|
||||
if($metadata_section->is_conditional_section()) {
|
||||
if ( $metadata_section->is_conditional_section() ) {
|
||||
|
||||
$rules = $metadata_section->get_conditional_section_rules();
|
||||
$item_id = $this->get_id();
|
||||
foreach($rules as $meta_id => $meta_values_conditional) {
|
||||
|
||||
foreach ( $rules as $meta_id => $meta_values_conditional ) {
|
||||
|
||||
$meta_values = get_post_meta( $item_id, $meta_id );
|
||||
if (!array_intersect($meta_values, $meta_values_conditional)) {
|
||||
if (!array_intersect($meta_values, $meta_values_conditional))
|
||||
return $return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1268,19 +1270,20 @@ class Item extends Entity {
|
|||
}
|
||||
|
||||
// Renders the section metadata list wrapper
|
||||
$return .= $before_metadata_list;
|
||||
$return .= $before_metadata_list . $before_description;
|
||||
|
||||
// Renders the section metadata list, using Items' get_metadata_as_html()
|
||||
// Note that this is already escaped in the calling function
|
||||
if ($has_metadata_list) {
|
||||
$has_some_metadata_value = false;
|
||||
|
||||
$metadatum_index = 0;
|
||||
foreach( $metadata_section_metadata_list as $metadata_object) {
|
||||
$the_metadata_list = $this->get_metadata_as_html( wp_parse_args($args['metadata_list_args'], [ 'metadata' => $metadata_object ]) );
|
||||
$the_metadata_list = $this->get_metadata_as_html( wp_parse_args($args['metadata_list_args'], [ 'metadata' => $metadata_object, 'metadatum_index' => $metadatum_index ]) );
|
||||
if (!$has_some_metadata_value && !empty($the_metadata_list))
|
||||
$has_some_metadata_value = true;
|
||||
|
||||
$return .= $the_metadata_list;
|
||||
$metadatum_index++;
|
||||
}
|
||||
|
||||
// If no metadata value was found, this section may not be necessary
|
||||
|
|
@ -1302,7 +1305,7 @@ class Item extends Entity {
|
|||
}
|
||||
|
||||
// Renders the section metadata list wrapper
|
||||
$return .= $after_metadata_list;
|
||||
$return .= $after_description . $after_metadata_list;
|
||||
|
||||
// Gets the wrapper closer
|
||||
$after = $args['after'];
|
||||
|
|
|
|||
|
|
@ -220,7 +220,7 @@ class Metadata_Section extends Entity {
|
|||
if ($this->is_conditional_section()) {
|
||||
$metadata_section_id = $this->get_id();
|
||||
if ($metadata_section_id == static::$default_section_slug) {
|
||||
$this->add_error($this->get_id(), __("conditional section cannot be enabled in default section", 'tainacan'));
|
||||
$this->add_error('is_conditional_section', __("A conditional section cannot be enabled in default section", 'tainacan'));
|
||||
$no_errors = false;
|
||||
} else {
|
||||
$metadata_list = $this->get_metadata_object_list();
|
||||
|
|
@ -230,19 +230,19 @@ class Metadata_Section extends Entity {
|
|||
if ( count($required_metadata_list) ) {
|
||||
$no_errors = false;
|
||||
foreach($required_metadata_list as $metadata) {
|
||||
$this->add_error($metadata->get_id(), __("metadata cannot be required", 'tainacan'));
|
||||
$this->add_error('is_conditional_section', sprintf(__("Metadatum %s cannot be required inside a conditional section", 'tainacan'), $metadata->get_name()));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if( empty($collection) ) {
|
||||
$this->add_error($this->get_id(), __("collection is required", 'tainacan'));
|
||||
$this->add_error('required', __("Collection is required", 'tainacan'));
|
||||
$no_errors = false;
|
||||
}
|
||||
|
||||
if ( !isset($name) ) {
|
||||
$this->add_error($this->get_id(), __("name is required", 'tainacan'));
|
||||
$this->add_error('required', __("Name is required", 'tainacan'));
|
||||
$no_errors = false;
|
||||
}
|
||||
if($no_errors) {
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@ class Taxonomy extends Entity {
|
|||
$name,
|
||||
$description,
|
||||
$allow_insert,
|
||||
$hierarchical,
|
||||
$slug;
|
||||
|
||||
/**
|
||||
|
|
@ -74,7 +75,7 @@ class Taxonomy extends Entity {
|
|||
$show_ui = is_array($enabled_post_types) ? true : false;
|
||||
|
||||
$args = array(
|
||||
'hierarchical' => true,
|
||||
'hierarchical' => $this->get_hierarchical() !== 'no',
|
||||
'labels' => $labels,
|
||||
'show_ui' => $show_ui,
|
||||
'show_in_rest' => $show_ui,
|
||||
|
|
@ -152,6 +153,15 @@ class Taxonomy extends Entity {
|
|||
return $this->get_mapped_property('allow_insert');
|
||||
}
|
||||
|
||||
/**
|
||||
* Return 'yes' if terms hierarchy is allowd and 'no' otherwise
|
||||
*
|
||||
* @return boolean
|
||||
*/
|
||||
function get_hierarchical() {
|
||||
return $this->get_mapped_property('hierarchical');
|
||||
}
|
||||
|
||||
/**
|
||||
* Return the slug
|
||||
*
|
||||
|
|
@ -214,12 +224,21 @@ class Taxonomy extends Entity {
|
|||
/**
|
||||
* Define if allow insert or not
|
||||
*
|
||||
* @param [boolean] $value
|
||||
* @param [String] $value
|
||||
*/
|
||||
function set_allow_insert($value) {
|
||||
$this->set_mapped_property('allow_insert', $value);
|
||||
}
|
||||
|
||||
/**
|
||||
* Define if hierarchical is 'yes' or 'no'
|
||||
*
|
||||
* @param [String] $value
|
||||
*/
|
||||
function set_hierarchical($value) {
|
||||
$this->set_mapped_property('hierarchical', $value);
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets enabled post types
|
||||
*
|
||||
|
|
|
|||
|
|
@ -65,9 +65,12 @@ class Term extends Entity {
|
|||
unset($term_array['term_id']);
|
||||
unset($term_array['status']);
|
||||
|
||||
$term_array['id'] = $term_id;
|
||||
$term_array['header_image'] = $this->get_header_image();
|
||||
$term_array['url'] = get_term_link( $this->get_id() );
|
||||
$term_array['id'] = $term_id;
|
||||
$term_array['thumbnail'] = $this->get_thumbnail();
|
||||
$term_array['thumbnail_alt'] = get_post_meta( $this->get_header_image_id(), '_wp_attachment_image_alt', true );
|
||||
$term_array['thumbnail_id'] = $this->get_header_image_id();
|
||||
$term_array['header_image'] = $this->get_header_image();
|
||||
$term_array['url'] = get_term_link( $this->get_id() );
|
||||
$term_array['hierarchy_path'] = get_term_parents_list($term_id, $taxonomy_slug, ['format'=>'name', 'separator'=>$separator, 'link'=>false, 'inclusive'=>false]);
|
||||
|
||||
return apply_filters('tainacan-term-to-array', $term_array, $this);
|
||||
|
|
@ -158,6 +161,41 @@ class Term extends Entity {
|
|||
return $url;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the thumbnail
|
||||
*
|
||||
* Each size is represented as an array in the format returned by
|
||||
* @see https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
function get_thumbnail() {
|
||||
|
||||
$sizes = get_intermediate_image_sizes();
|
||||
$blurhash = $this->get_thumbnail_blurhash();
|
||||
|
||||
array_unshift($sizes, 'full');
|
||||
|
||||
foreach ( $sizes as $size ) {
|
||||
$thumbs[$size] = wp_get_attachment_image_src( $this->get_header_image_id(), $size );
|
||||
if (is_array($thumbs[$size]) && count($thumbs[$size]) == 4) {
|
||||
$thumbs[$size][] = $blurhash;
|
||||
}
|
||||
}
|
||||
return apply_filters("tainacan-term-get-thumbnail", $thumbs, $this);
|
||||
}
|
||||
|
||||
function get_thumbnail_blurhash() {
|
||||
$attachment_metadata = wp_get_attachment_metadata($this->get_header_image_id());
|
||||
if($attachment_metadata != false && isset($attachment_metadata['image_meta'])) {
|
||||
$image_meta = $attachment_metadata['image_meta'];
|
||||
if($image_meta != false && isset($image_meta['blurhash'])) {
|
||||
return $image_meta['blurhash'];
|
||||
}
|
||||
}
|
||||
return \Tainacan\Media::get_instance()->get_default_image_blurhash();
|
||||
}
|
||||
|
||||
// Setters
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -171,6 +171,26 @@ class CSV extends Exporter {
|
|||
$meta_type = explode('\\', $meta->get_metadata_type()) ;
|
||||
$meta_type = strtolower($meta_type[sizeof($meta_type)-1]);
|
||||
|
||||
$meta_section_name = '';
|
||||
if ($this->get_option('add_section_name') == 'yes' && $current_collection = $this->get_current_collection_object()) {
|
||||
$meta_section_id = $meta->get_metadata_section_id();
|
||||
$collection_id = $current_collection->get_id();
|
||||
|
||||
if($meta->is_repository_level()) {
|
||||
foreach($meta_section_id as $section_id ) {
|
||||
if($collection_id == get_post_meta($section_id, 'collection_id', true)) {
|
||||
$meta_section_name = '(' . get_the_title($section_id) . ')';
|
||||
continue;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if($meta_section_id != \Tainacan\Entities\Metadata_Section::$default_section_slug) {
|
||||
$meta_section_name = '(' . get_the_title($meta_section_id) . ')';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if($meta_type == 'compound') {
|
||||
$enclosure = $this->get_option('enclosure');
|
||||
$delimiter = $this->get_option('delimiter');
|
||||
|
|
@ -185,12 +205,14 @@ class CSV extends Exporter {
|
|||
$meta_type .= "(" . implode($delimiter, $desc_childrens) . ")";
|
||||
$desc_title_meta =
|
||||
$meta->get_name() .
|
||||
$meta_section_name .
|
||||
('|' . $meta_type) .
|
||||
($meta->is_multiple() ? '|multiple': '') .
|
||||
('|display_' . $meta->get_display());
|
||||
} else {
|
||||
$desc_title_meta =
|
||||
$meta->get_name() .
|
||||
$meta_section_name .
|
||||
('|' . $meta_type) .
|
||||
($meta->is_multiple() ? '|multiple': '') .
|
||||
($meta->is_required() ? '|required': '') .
|
||||
|
|
@ -266,7 +288,7 @@ class CSV extends Exporter {
|
|||
$message = __('target collections:', 'tainacan');
|
||||
$message .= " <b>" . implode(", ", $this->get_collections_names() ) . "</b><br/>";
|
||||
$message .= __('Exported by:', 'tainacan');
|
||||
$message .= " <b> ${author_name} </b><br/>";
|
||||
$message .= " <b> $author_name </b><br/>";
|
||||
$message .= __('Your CSV file is ready! Access it in the link below:', 'tainacan');
|
||||
$message .= '<br/><br/>';
|
||||
$message .= '<a href="' . $file['url'] . '">Download</a>';
|
||||
|
|
@ -360,6 +382,34 @@ class CSV extends Exporter {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label class="label"><?php _e('Include metadata section name', 'tainacan'); ?></label>
|
||||
<span class="help-wrapper">
|
||||
<a class="help-button has-text-secondary">
|
||||
<span class="icon is-small">
|
||||
<i class="tainacan-icon tainacan-icon-help" ></i>
|
||||
</span>
|
||||
</a>
|
||||
<div class="help-tooltip">
|
||||
<div class="help-tooltip-header">
|
||||
<h5><?php _e('Include metadata section name', 'tainacan'); ?></h5>
|
||||
</div>
|
||||
<div class="help-tooltip-body">
|
||||
<p><?php _e('Include metadatum section name after the metadatum name. Metadata inside the default section are not modified', 'tainacan'); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<div class="control is-clearfix">
|
||||
<label class="checkbox">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="add_section_name" checked value="yes"
|
||||
>
|
||||
<?php _e('Yes', 'tainacan'); ?>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
return ob_get_clean();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -298,6 +298,7 @@ class Collections extends Repository {
|
|||
'capabilities' => (array) $this->get_capabilities(),
|
||||
'map_meta_cap' => true,
|
||||
'show_in_rest' => true,
|
||||
'show_in_nav_menus' => true,
|
||||
'supports' => [
|
||||
'title',
|
||||
'editor',
|
||||
|
|
|
|||
|
|
@ -266,9 +266,9 @@ class Metadata extends Repository {
|
|||
'public' => true,
|
||||
'show_ui' => tnc_enable_dev_wp_interface(),
|
||||
'show_in_menu' => tnc_enable_dev_wp_interface(),
|
||||
'publicly_queryable' => true,
|
||||
'publicly_queryable' => false,
|
||||
'exclude_from_search' => true,
|
||||
'has_archive' => true,
|
||||
'has_archive' => false,
|
||||
'query_var' => true,
|
||||
'can_export' => true,
|
||||
'rewrite' => true,
|
||||
|
|
|
|||
|
|
@ -390,7 +390,7 @@ abstract class Repository {
|
|||
'map' => 'post_status',
|
||||
'title' => __( 'Status', 'tainacan' ),
|
||||
'type' => 'string',
|
||||
'description' => __( 'Status', 'tainacan' ),
|
||||
'description' => __( 'Status for control of visibility', 'tainacan' ),
|
||||
//'validation' => v::stringType(),
|
||||
),
|
||||
'id' => array(
|
||||
|
|
|
|||
|
|
@ -65,6 +65,15 @@ class Taxonomies extends Repository {
|
|||
'validation' => v::stringType()->in( [ 'yes', 'no' ] ), // yes or no
|
||||
'default' => 'yes'
|
||||
],
|
||||
'hierarchical' => [
|
||||
'map' => 'meta',
|
||||
'title' => __( 'Allow terms hierarchy', 'tainacan' ),
|
||||
'type' => 'string',
|
||||
'description' => __( 'Allow/Deny the existence of terms children to build a hierarchy', 'tainacan' ),
|
||||
'on_error' => __( 'Invalid insertion, allowed values are ( yes/no )', 'tainacan' ),
|
||||
'validation' => v::stringType()->in( [ 'yes', 'no' ] ), // yes or no
|
||||
'default' => 'yes'
|
||||
],
|
||||
'enabled_post_types' => [
|
||||
'map' => 'meta_multi',
|
||||
'title' => __( 'Enabled for post types', 'tainacan' ),
|
||||
|
|
@ -117,15 +126,17 @@ class Taxonomies extends Repository {
|
|||
'public' => true,
|
||||
'show_ui' => tnc_enable_dev_wp_interface(),
|
||||
'show_in_menu' => tnc_enable_dev_wp_interface(),
|
||||
'publicly_queryable' => false,
|
||||
'publicly_queryable' => true,
|
||||
'exclude_from_search' => true,
|
||||
'has_archive' => false,
|
||||
'has_archive' => true,
|
||||
'query_var' => true,
|
||||
'can_export' => true,
|
||||
'rewrite' => true,
|
||||
'map_meta_cap' => true,
|
||||
'show_in_nav_menus' => false,
|
||||
/* Translators: The Taxonomies slug - will be the URL for the collections archive */
|
||||
'rewrite' => ['slug' => sanitize_title(_x('taxonomies', 'Slug: the string that will be used to build the URL', 'tainacan'))],
|
||||
'capabilities' => (array) $this->get_capabilities(),
|
||||
'map_meta_cap' => true,
|
||||
'show_in_rest' => true,
|
||||
'show_in_nav_menus' => true,
|
||||
'supports' => [
|
||||
'title',
|
||||
'editor',
|
||||
|
|
|
|||
|
|
@ -249,6 +249,31 @@ class Terms extends Repository {
|
|||
return $this->insert( $object );
|
||||
}
|
||||
|
||||
/**
|
||||
* @param Entities\Term $parentTerm
|
||||
* @param bool $permanent this parameter is not used by Terms repository. Delete is always permanent
|
||||
*
|
||||
* @return bool|int|mixed|\WP_Error
|
||||
*/
|
||||
public function delete_child_terms(Entities\Entity $parentTerm, $permanent = true) {
|
||||
$parent_id = $parentTerm->get_id();
|
||||
$taxonomy = $parentTerm->get_taxonomy();
|
||||
$args = [
|
||||
"taxonomy" => $taxonomy ,
|
||||
"hide_empty" => false,
|
||||
"offset" => 0,
|
||||
"number" => 100,
|
||||
"child_of" => $parent_id
|
||||
];
|
||||
do {
|
||||
$terms = get_terms($args);
|
||||
foreach($terms as $term) {
|
||||
$tainacan_term = new Entities\Term($term);
|
||||
$this->delete($tainacan_term, $permanent);
|
||||
}
|
||||
} while(!empty($terms) && !$terms instanceof \WP_Error);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param Entities\Term $term
|
||||
* @param bool $permanent this parameter is not used by Terms repository. Delete is always permanent
|
||||
|
|
|
|||
|
|
@ -26,7 +26,11 @@ class Theme_Helper {
|
|||
private function __construct() {
|
||||
|
||||
if ( !defined('TAINACAN_DISABLE_ITEM_THE_CONTENT_FILTER') || true !== TAINACAN_DISABLE_ITEM_THE_CONTENT_FILTER ) {
|
||||
add_filter( 'the_content', [$this, 'the_content_filter'] );
|
||||
add_filter( 'the_content', [$this, 'the_content_filter_item'] );
|
||||
}
|
||||
|
||||
if ( !defined('TAINACAN_DISABLE_TAXONOMY_THE_CONTENT_FILTER') || true !== TAINACAN_DISABLE_TAXONOMY_THE_CONTENT_FILTER ) {
|
||||
add_filter( 'the_content', [$this, 'the_content_filter_taxonomy'] );
|
||||
}
|
||||
|
||||
// Replace collections permalink to post type archive if cover not enabled
|
||||
|
|
@ -39,9 +43,10 @@ class Theme_Helper {
|
|||
// make archive for terms work with items
|
||||
add_action('pre_get_posts', array($this, 'tax_archive_pre_get_posts'));
|
||||
|
||||
add_action('archive_template_hierarchy', array($this, 'items_template_hierachy'));
|
||||
add_action('taxonomy_template_hierarchy', array($this, 'tax_template_hierachy'));
|
||||
add_action('single_template_hierarchy', array($this, 'items_template_hierachy'));
|
||||
add_action('archive_template_hierarchy', array($this, 'collection_items_template_hierarchy'));
|
||||
add_action('taxonomy_template_hierarchy', array($this, 'taxonomy_term_items_template_hierarchy'));
|
||||
add_action('single_template_hierarchy', array($this, 'item_template_hierarchy'));
|
||||
add_action('single_template_hierarchy', array($this, 'taxonomy_terms_template_hierarchy'));
|
||||
|
||||
add_filter('theme_mod_header_image', array($this, 'header_image'));
|
||||
|
||||
|
|
@ -137,6 +142,11 @@ class Theme_Helper {
|
|||
$prefix = substr( $post_type, 0, strlen( Entities\Collection::$db_identifier_prefix ) );
|
||||
return $prefix == Entities\Collection::$db_identifier_prefix;
|
||||
}
|
||||
|
||||
public function is_post_a_tainacan_taxonomy_postype(\WP_Post $post) {
|
||||
$post_type = $post->post_type;
|
||||
return $post_type == Entities\Taxonomy::$post_type;
|
||||
}
|
||||
|
||||
public function is_taxonomy_a_tainacan_tax($tax_slug) {
|
||||
$prefix = substr( $tax_slug, 0, strlen( Entities\Taxonomy::$db_identifier_prefix ) );
|
||||
|
|
@ -165,18 +175,24 @@ class Theme_Helper {
|
|||
return $title;
|
||||
}
|
||||
|
||||
public function the_content_filter($content) {
|
||||
/**
|
||||
* Filters the post content to create Tainacan default
|
||||
* item single, including its metadata sections and the
|
||||
* item media gallery.
|
||||
*
|
||||
* @return string content tweaked to the item features
|
||||
*/
|
||||
public function the_content_filter_item($content) {
|
||||
|
||||
if (!is_single())
|
||||
return $content;
|
||||
|
||||
$post = get_queried_object();
|
||||
|
||||
// Is it a collection Item?
|
||||
if ( !$this->is_post_an_item($post) ) {
|
||||
// Is it a collection Item
|
||||
if ( !$this->is_post_an_item($post) )
|
||||
return $content;
|
||||
}
|
||||
|
||||
|
||||
$item = new Entities\Item($post);
|
||||
|
||||
$content = '';
|
||||
|
|
@ -207,6 +223,33 @@ class Theme_Helper {
|
|||
return $content;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Filters the post content to create Tainacan default
|
||||
* taxonomy single, which works as a "terms archive"
|
||||
*
|
||||
* @return string content tweaked to show the taxonomy terms list
|
||||
*/
|
||||
public function the_content_filter_taxonomy($content) {
|
||||
|
||||
if ( !is_single() )
|
||||
return $content;
|
||||
|
||||
$post = get_queried_object();
|
||||
|
||||
// Is it a taxonomy-post-type post?
|
||||
if ( !$this->is_post_a_tainacan_taxonomy_postype($post) )
|
||||
return $content;
|
||||
|
||||
$content .= tainacan_get_taxonomies_orderby();
|
||||
$content .= tainacan_get_taxonomies_search();
|
||||
$taxonomy_terms_list = tainacan_get_single_taxonomy_content($post);
|
||||
$content .= $taxonomy_terms_list['content'];
|
||||
$content .= tainacan_get_taxonomies_pagination($taxonomy_terms_list['total_terms']);
|
||||
|
||||
return $content;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Filters the permalink for posts to:
|
||||
|
|
@ -241,14 +284,24 @@ class Theme_Helper {
|
|||
}
|
||||
|
||||
function tax_archive_pre_get_posts($wp_query) {
|
||||
|
||||
|
||||
if ( is_single() && get_query_var('post_type') === 'tainacan-taxonomy' && $wp_query->is_main_query() ) {
|
||||
if ( !isset($_GET['orderby']) )
|
||||
$wp_query->set('orderby', 'name');
|
||||
|
||||
if ( !isset($_GET['order']) )
|
||||
$wp_query->set('order', 'ASC');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (!$wp_query->is_tax() || !$wp_query->is_main_query())
|
||||
return;
|
||||
|
||||
|
||||
$term = get_queried_object();
|
||||
|
||||
if ($term instanceof \WP_Term && $this->is_term_a_tainacan_term($term)) {
|
||||
|
||||
|
||||
$tax_id = \Tainacan\Repositories\Taxonomies::get_instance()->get_id_by_db_identifier($term->taxonomy);
|
||||
$tax = \Tainacan\Repositories\Taxonomies::get_instance()->fetch($tax_id);
|
||||
|
||||
|
|
@ -266,9 +319,7 @@ class Theme_Helper {
|
|||
status_header( 404 );
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function collection_single_redirect() {
|
||||
|
|
@ -304,68 +355,117 @@ class Theme_Helper {
|
|||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
function items_template_hierachy($templates) {
|
||||
/**
|
||||
* Allows themes to create a tainacan/single-items.php file which will
|
||||
* be used to represent all items single page.
|
||||
*/
|
||||
function item_template_hierarchy($templates) {
|
||||
|
||||
if (is_post_type_archive() || is_single()) {
|
||||
if ( !is_single() )
|
||||
return $templates;
|
||||
|
||||
$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
|
||||
$current_post_type = get_post_type();
|
||||
|
||||
if ( in_array($current_post_type, $collections_post_types) ) {
|
||||
|
||||
$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
|
||||
$current_post_type = get_post_type();
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
if (in_array($current_post_type, $collections_post_types)) {
|
||||
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
if (is_post_type_archive()) {
|
||||
array_push($templates, 'tainacan/archive-items.php');
|
||||
} elseif (is_single()) {
|
||||
array_push($templates, 'tainacan/single-items.php');
|
||||
array_push($templates, 'tainacan/single-items.php');
|
||||
|
||||
array_push($templates, $last_template);
|
||||
}
|
||||
|
||||
return $templates;
|
||||
}
|
||||
|
||||
/**
|
||||
* Allows themes to create a tainacan/archive-items.php file which will
|
||||
* be used to represent all collection items archive page (the list of items
|
||||
* of a collection).
|
||||
*/
|
||||
function collection_items_template_hierarchy($templates) {
|
||||
|
||||
if ( !is_post_type_archive() )
|
||||
return $templates;
|
||||
|
||||
$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
|
||||
$current_post_type = get_post_type();
|
||||
|
||||
if ( in_array($current_post_type, $collections_post_types) ) {
|
||||
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
array_push($templates, 'tainacan/archive-items.php');
|
||||
|
||||
array_push($templates, $last_template);
|
||||
}
|
||||
|
||||
return $templates;
|
||||
}
|
||||
|
||||
/**
|
||||
* Allows themes to create a tainacan/taxonomy-items.php file which will
|
||||
* be used to represent all taxonomy term items archive page (the list of
|
||||
* items of a taxonomy term).
|
||||
*/
|
||||
function taxonomy_term_items_template_hierarchy($templates) {
|
||||
|
||||
if ( !is_tax() )
|
||||
return $templates;
|
||||
|
||||
$term = get_queried_object();
|
||||
|
||||
if ( isset($term->taxonomy) && $this->is_taxonomy_a_tainacan_tax($term->taxonomy)) {
|
||||
$tax_id = \Tainacan\Repositories\Taxonomies::get_instance()->get_id_by_db_identifier($term->taxonomy);
|
||||
$tax = \Tainacan\Repositories\Taxonomies::get_instance()->fetch($tax_id);
|
||||
|
||||
if ( $tax ) {
|
||||
$post_types = $tax->get_enabled_post_types();
|
||||
if (sizeof($post_types)) {
|
||||
// if taxonomy is enabled for other post types, we disable
|
||||
// custom template ans use default list
|
||||
// TODO: This needs discussion
|
||||
return $templates;
|
||||
}
|
||||
|
||||
array_push($templates, $last_template);
|
||||
|
||||
}
|
||||
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
array_push($templates, 'tainacan/archive-taxonomy.php');
|
||||
|
||||
array_push($templates, $last_template);
|
||||
|
||||
}
|
||||
|
||||
return $templates;
|
||||
|
||||
}
|
||||
|
||||
function tax_template_hierachy($templates) {
|
||||
|
||||
/**
|
||||
* Allows themes to create a tainacan/archive-terms.php file which will
|
||||
* be used to represent all taxonomies single (the list or terms of a taxonomy)
|
||||
*/
|
||||
function taxonomy_terms_template_hierarchy($templates) {
|
||||
|
||||
if (is_tax()) {
|
||||
if ( !is_single() )
|
||||
return $templates;
|
||||
|
||||
$post = get_queried_object();
|
||||
|
||||
// Is it a taxonomy-post-type post?
|
||||
if ( $this->is_post_a_tainacan_taxonomy_postype($post) ) {
|
||||
|
||||
$term = get_queried_object();
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
if ( isset($term->taxonomy) && $this->is_taxonomy_a_tainacan_tax($term->taxonomy)) {
|
||||
$tax_id = \Tainacan\Repositories\Taxonomies::get_instance()->get_id_by_db_identifier($term->taxonomy);
|
||||
$tax = \Tainacan\Repositories\Taxonomies::get_instance()->fetch($tax_id);
|
||||
|
||||
if ( $tax ) {
|
||||
$post_types = $tax->get_enabled_post_types();
|
||||
if (sizeof($post_types)) {
|
||||
// if taxonomy is enabled for other post types, we disable
|
||||
// custom template ans use default list
|
||||
// TODO: This needs discussion
|
||||
return $templates;
|
||||
}
|
||||
}
|
||||
|
||||
$last_template = array_pop($templates);
|
||||
|
||||
array_push($templates, 'tainacan/archive-taxonomy.php');
|
||||
|
||||
array_push($templates, $last_template);
|
||||
|
||||
}
|
||||
array_push($templates, 'tainacan/archive-terms.php');
|
||||
|
||||
array_push($templates, $last_template);
|
||||
}
|
||||
|
||||
|
||||
return $templates;
|
||||
|
||||
}
|
||||
|
||||
function header_image($image) {
|
||||
|
|
@ -590,7 +690,6 @@ class Theme_Helper {
|
|||
}
|
||||
|
||||
function rewrite_rules( &$wp_rewrite ) {
|
||||
|
||||
$items_base = $this->get_items_list_slug();
|
||||
|
||||
$new_rules = array(
|
||||
|
|
@ -603,6 +702,8 @@ class Theme_Helper {
|
|||
|
||||
function rewrite_rules_query_vars( $public_query_vars ) {
|
||||
$public_query_vars[] = "tainacan_repository_archive";
|
||||
$public_query_vars[] = "termspaged";
|
||||
$public_query_vars[] = "termsparent";
|
||||
return $public_query_vars;
|
||||
}
|
||||
|
||||
|
|
@ -784,6 +885,8 @@ class Theme_Helper {
|
|||
$excerpt = strip_tags(tainacan_get_the_collection_description());
|
||||
} elseif ( is_post_type_archive('tainacan-collection') ) {
|
||||
$title = __('Collections', 'tainacan');
|
||||
} elseif ( is_post_type_archive('tainacan-taxonomy') ) {
|
||||
$title = __('Taxonomies', 'tainacan');
|
||||
} else {
|
||||
$title = get_the_archive_title();
|
||||
}
|
||||
|
|
@ -1284,10 +1387,11 @@ class Theme_Helper {
|
|||
|
||||
// Gets the current Item. This way, the function can be used in the loop without needing to pass it
|
||||
$item = isset($args['itemId']) ? $this->tainacan_get_item($args['itemId']) : $this->tainacan_get_item();
|
||||
$item_id = $item->get_id();
|
||||
if (!$item)
|
||||
if ( !$item )
|
||||
return;
|
||||
|
||||
$item_id = $item->get_id();
|
||||
|
||||
// Gets options from block attributes
|
||||
$block_id = $args['blockId'];
|
||||
$layout_elements = $args['layoutElements'];
|
||||
|
|
@ -1892,7 +1996,7 @@ class Theme_Helper {
|
|||
}
|
||||
|
||||
// Renders the section metadata list wrapper
|
||||
$return .= $before_metadata_list;
|
||||
$return .= $before_metadata_list . $before_description;
|
||||
|
||||
// Renders the section metadata list, using get_tainacan_item_metadata_template
|
||||
if ($has_metadata_list) {
|
||||
|
|
@ -1924,7 +2028,7 @@ class Theme_Helper {
|
|||
}
|
||||
|
||||
// Renders the section metadata list wrapper
|
||||
$return .= $after_metadata_list;
|
||||
$return .= $after_description . $after_metadata_list;
|
||||
|
||||
// Gets the wrapper closer
|
||||
$after = $args['after'];
|
||||
|
|
@ -2087,4 +2191,16 @@ class Theme_Helper {
|
|||
|
||||
return '<div ' . $wrapper_attributes . '>' . $placeholder_content . '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function get_taxonomies_query_args() {
|
||||
return array(
|
||||
'order' => get_query_var( 'order', apply_filters('tainacan-default-taxonomy-terms-order', 'ASC') ),
|
||||
'orderby' => get_query_var( 'orderby', apply_filters('tainacan-default-taxonomy-terms-orderby', 'name') ),
|
||||
'termspaged' => get_query_var( 'termspaged', 1 ),
|
||||
'perpage' => get_query_var( 'perpage', apply_filters('tainacan-default-taxonomy-terms-perpage', 12) ),
|
||||
'search' => get_query_var( 'search', '' ),
|
||||
'termsparent' => get_query_var( 'termsparent', '0' )
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1198,4 +1198,474 @@ function tainacan_get_the_metadata_sections($args = array(), $item_id = 0) {
|
|||
|
||||
function tainacan_the_metadata_sections($args = array()) {
|
||||
echo tainacan_get_the_metadata_sections($args);
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the taxonomy single template HTML string.
|
||||
*
|
||||
* This works as an archive of the taxonomy terms, and uses the CPT tainacan-taxonomy.
|
||||
*
|
||||
* It should display the list of terms, and it is used in the the_content filter of the theme helper to override the cpt single.
|
||||
*
|
||||
* @param object $post The original tainacan-taxonomy post object. It contains the $post->ID, which can be used to query the taxonomy of slug tnc_tax_<$post-id>
|
||||
* @param array|string $args {
|
||||
* Optional. Array or string of arguments.
|
||||
* @type bool $hide_hierarchy_header Do not display the Term hiearachy header before the list. Default false
|
||||
|
||||
* @type bool $hide_term_thumbnail Do not display the Term thumbnail. Default false
|
||||
* @type bool $hide_term_thumbnail_placeholder Do not display the Term thumbnail placeholder (if no image is found). Default true
|
||||
* @type bool $hide_term_hierarchy_path Do not display the Term hierarchy path. Default true
|
||||
* @type bool $hide_term_name Do not display the Term name. Default false
|
||||
* @type bool $hide_term_description Do not display the Term description. Default true
|
||||
* @type bool $hide_term_children_link Do not display the Term children link. Default false
|
||||
* @type bool $hide_term_items_link Do not display the Term items list link. Default false
|
||||
* @type bool $hide_term_children_count Do not display the Term children count. Default true
|
||||
* @type string $term_children_count_position Position of the term children count relative to the term 'children' label. Default 'after'
|
||||
* @type bool $hide_term_items_count Do not display the Term items count. Default true
|
||||
* @type string $term_items_count_position Position of the term items count relative to the term 'items' label. Default 'after'
|
||||
* @type bool $hide_term_empty_name Do not display the Term name area if it is empty. Default true
|
||||
* @type bool $hide_term_empty_hierarchy_path Do not display the Term hierarchy path area if it is empty. Default true
|
||||
* @type bool $hide_term_empty_description Do not display the Term description area if it is empty. Default true
|
||||
* @type bool $hide_term_empty_children_link Do not display the Term children link area if it has no children. Default true
|
||||
* @type bool $hide_term_empty_items_link Do not display the Term items list link area if it has no item. Default true
|
||||
* @type string $term_empty_name_message Term name area if it is empty. Default 'Term without name'
|
||||
* @type string $term_empty_hierarchy_path_message Term hierarchy path area if the term is root-level. Default 'Root term'
|
||||
* @type string $term_empty_description_message Term description area if it is empty. Default 'Term without description'
|
||||
* @type string $term_empty_children_link_message Term children link area if it is empty. Default 'Term without children'
|
||||
* @type string $term_empty_items_link_message Term items list link area if it is empty. Default 'Term without items'
|
||||
* @type integer $trim_description_words Amount of words to trim the term description by. Default -1, which means no trimming
|
||||
* @type string $before_terms_list_container String to be added before the taxonomy terms list container
|
||||
* Default '<div class="wp-block-query tainacan-taxonomy-terms-list-container">'
|
||||
* @type string $after_terms_list_container String to be added after the taxonomy terms list container
|
||||
* Default '</div>'
|
||||
* @type string $before_terms_list String to be added before the taxonomy terms list
|
||||
* Default '<ul class="wp-block-post-template is-layout-flow tainacan-taxonomy-terms-list" style="list-style: none; padding: 0;">'
|
||||
* @type string $after_terms_list String to be added after the taxonomy terms list
|
||||
* Default '</ul>'
|
||||
* @type string $before_term String to be added before each term inside the loop
|
||||
* Default '<li class="wp-block-post tainacan-term-single" id="term-id-$id">'
|
||||
* @type string $after_term String to be added after each term inside the loop
|
||||
* Default '</li>'
|
||||
* @type string $before_term_thumbnail String to be added before each term thumbnail
|
||||
* Default '<figure class="term-thumbnail wp-block-post-featured-image">'
|
||||
* @type string $after_term_thumbnail String to be added after each term thumbnail
|
||||
* Default '</figure>'
|
||||
* @type string $before_term_information String to be added before each term information area (everything except thumbnail)
|
||||
* Default ''
|
||||
* @type string $after_term_information String to be added after each term information area (everything except thumbnail)
|
||||
* Default ''
|
||||
* @type string $before_term_hierarchy_path String to be added before each term hierarchy path
|
||||
* Default '<span class="term-hierarchy-path"><em>'
|
||||
* @type string $after_term_hierarchy_path String to be added after each term hierarchy path
|
||||
* Default '</em></span>'
|
||||
* @type string $before_term_name String to be added before each term name
|
||||
* Default '<h2 class="term-name">'
|
||||
* @type string $after_term_name String to be added after each term name
|
||||
* Default '</h2>'
|
||||
* @type string $before_term_description String to be added before each term description
|
||||
* Default '<p class="term-description">'
|
||||
* @type string $after_term_description String to be added after each term description
|
||||
* Default '</p>'
|
||||
* @type string $before_term_links String to be added before each term links area
|
||||
* Default ''
|
||||
* @type string $after_term_links String to be added after each term links area
|
||||
* Default ''
|
||||
* @type string $before_term_children_link String to be added before each term children link
|
||||
* Default '<span class="term-children-link">'
|
||||
* @type string $after_term_children_link String to be added after each term children link
|
||||
* Default '</span>'
|
||||
* @type string $before_term_items_link String to be added before each term items link
|
||||
* Default '<span class="term-items-link">'
|
||||
* @type string $after_term_items_link String to be added after each term items link
|
||||
* Default '</span>'
|
||||
* @type string $thumbnails_size String to be added after each term items link
|
||||
* Default 'tainacan-large-full'
|
||||
* }
|
||||
*
|
||||
* @return string The HTML output
|
||||
*/
|
||||
function tainacan_get_single_taxonomy_content($post, $args = []) {
|
||||
|
||||
$args = array_merge(array(
|
||||
'hide_hierarchy_header' => false,
|
||||
'hide_term_thumbnail' => false,
|
||||
'hide_term_thumbnail_placeholder' => true,
|
||||
'hide_term_hierarchy_path' => true,
|
||||
'hide_term_name' => false,
|
||||
'hide_term_description' => true,
|
||||
'hide_term_children_link' => false,
|
||||
'hide_term_items_link' => false,
|
||||
'hide_term_children_count' => true,
|
||||
'term_children_count_position' => 'after',
|
||||
'hide_term_items_count' => true,
|
||||
'term_items_count_position' => 'after',
|
||||
'hide_term_empty_name' => true,
|
||||
'hide_term_empty_hierarchy_path' => true,
|
||||
'hide_term_empty_description' => true,
|
||||
'hide_term_empty_children_link' => true,
|
||||
'hide_term_empty_items_link' => true,
|
||||
'term_empty_name_message' => __( 'Term without name', 'tainacan' ),
|
||||
'term_empty_hierarchy_path_message' => __( 'Root term', 'tainacan' ),
|
||||
'term_empty_description_message' => __( 'Term without description', 'tainacan' ),
|
||||
'term_empty_children_link_message' => __( 'Term without children', 'tainacan' ),
|
||||
'term_empty_items_link_message' => __( 'Term without items', 'tainacan' ),
|
||||
'trim_description_words' => -1,
|
||||
'before_terms_list_container' => '<div class="wp-block-query tainacan-taxonomy-terms-list-container">',
|
||||
'after_terms_list_container' => '</div>',
|
||||
'before_terms_list' => '<ul class="wp-block-post-template is-layout-flow tainacan-taxonomy-terms-list" style="list-style: none; padding: 0;">',
|
||||
'after_terms_list' => '</ul>',
|
||||
'before_term' => '<li class="wp-block-post tainacan-term-single" id="term-id-$id">',
|
||||
'after_term' => '</li>',
|
||||
'before_term_thumbnail' => '<figure class="term-thumbnail wp-block-post-featured-image">',
|
||||
'after_term_thumbnail' => '</figure>',
|
||||
'before_term_information' => '',
|
||||
'after_term_information' => '',
|
||||
'before_term_hierarchy_path' => '<span class="term-hierarchy-path"><em>',
|
||||
'after_term_hierarchy_path' => '</em></span>',
|
||||
'before_term_name' => '<h2 class="term-name wp-block-post-title">',
|
||||
'after_term_name' => '</h2>',
|
||||
'before_term_description' => '<div class="term-description wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">',
|
||||
'after_term_description' => '</p></div>',
|
||||
'before_term_links' => '',
|
||||
'after_term_links' => '',
|
||||
'before_term_children_link' => '<span class="term-children-link">',
|
||||
'after_term_children_link' => '</span>',
|
||||
'before_term_items_link' => '<span class="term-items-link">',
|
||||
'after_term_items_link' => '</span>',
|
||||
'thumbnails_size' => 'tainacan-large-full'
|
||||
), $args);
|
||||
|
||||
/* Gets query arguments to build fetch params */
|
||||
$current_args = \Tainacan\Theme_Helper::get_instance()->get_taxonomies_query_args();
|
||||
|
||||
$terms_query_args = array(
|
||||
'taxonomy' => 'tnc_tax_' . $post->ID,
|
||||
'order' => $current_args['order'],
|
||||
'orderby' => $current_args['orderby'],
|
||||
'hide_empty' => false,
|
||||
'offset' => ($current_args['termspaged'] - 1) * $current_args['perpage'],
|
||||
'number' => $current_args['perpage'],
|
||||
'search' => $current_args['search'],
|
||||
'parent' => $current_args['termsparent']
|
||||
);
|
||||
$terms_query_args = apply_filters('tainacan_single_taxonomy_terms_query', $terms_query_args, $post);
|
||||
$terms = get_terms( $terms_query_args );
|
||||
|
||||
unset( $terms_query_args['number'], $terms_query_args['offset'] ); // necessary so wp_count_terms can work
|
||||
$total_terms = wp_count_terms( 'tnc_tax_' . $post->ID, $terms_query_args );
|
||||
|
||||
$content = '';
|
||||
|
||||
if ( !empty( $terms ) && !is_wp_error( $terms ) ) {
|
||||
|
||||
$content = $args['before_terms_list_container'] . $content;
|
||||
|
||||
$separator = strip_tags(apply_filters('tainacan-terms-hierarchy-html-separator', '>'));
|
||||
|
||||
if ( !$args['hide_hierarchy_header'] && isset($current_args['termsparent']) && $current_args['termsparent'] ) {
|
||||
$content .= '<div class="terms-hierarachy-header"><p>' . __('Showing terms children of', 'tainacan') . ' ';
|
||||
|
||||
$parent = get_term($current_args['termsparent']);
|
||||
$tainacan_parent_term = new Entities\Term( $parent );
|
||||
|
||||
$content .= '<em>' . $tainacan_parent_term->get_name() . '</em>. ';
|
||||
|
||||
if ( $tainacan_parent_term->get_parent() ) {
|
||||
$grandparent = get_term($tainacan_parent_term->get_parent());
|
||||
$tainacan_grandparent_term = new Entities\Term( $grandparent );
|
||||
|
||||
$content .= '<a href="' . add_query_arg( 'termsparent', $tainacan_parent_term->get_parent() ) . '">' . __('Return to the list of terms children of ', 'tainacan') . '<em>' . $tainacan_grandparent_term->get_name() . '</em>.</a>';
|
||||
} else
|
||||
$content .= '<a href="' . remove_query_arg( 'termsparent' ) . '">' . __('Return to the terms list.', 'tainacan') . '</a>';
|
||||
|
||||
$content .= '</p></div>';
|
||||
}
|
||||
|
||||
$content .= $args['before_terms_list'];
|
||||
|
||||
foreach ( $terms as $term ) {
|
||||
$tainacan_term = new Entities\Term( $term );
|
||||
|
||||
ob_start();
|
||||
|
||||
$before_term = $args['before_term'];
|
||||
$before_term = str_replace('$id', $tainacan_term->get_id(), $before_term);
|
||||
|
||||
echo $before_term;
|
||||
|
||||
// If the term children is hidden but not the items, we set the whole area as a link for the term items list.
|
||||
if ( !$args['hide_term_items_link'] && $args['hide_term_children_link'] )
|
||||
echo '<a href="' . $tainacan_term->get_url() .'">';
|
||||
|
||||
if ( !$args['hide_term_thumbnail'] ) {
|
||||
$thumbnail = wp_get_attachment_image( $tainacan_term->get_header_image_id(), $args['thumbnails_size'], false );
|
||||
|
||||
if ( !$thumbnail && !$args['hide_term_thumbnail_placeholder'] )
|
||||
echo $args['before_term_thumbnail'] . '<img src="' . esc_url(tainacan_get_the_mime_type_icon('empty', $args['thumbnails_size'])) . '">' . $args['after_term_thumbnail'];
|
||||
else
|
||||
echo $thumbnail ? ($args['before_term_thumbnail'] . $thumbnail . $args['after_term_thumbnail'] ) : '';
|
||||
}
|
||||
|
||||
echo $args['before_term_information'];
|
||||
|
||||
if ( !$args['hide_term_hierarchy_path'] ) {
|
||||
$term_hierarchy_path = get_term_parents_list($tainacan_term->get_id(), 'tnc_tax_' . $post->ID, [ 'format' => 'name', 'separator' => $separator, 'link' => false, 'inclusive' => false ]);
|
||||
|
||||
|
||||
if ( $tainacan_term->get_parent() )
|
||||
echo $args['before_term_hierarchy_path'] . $term_hierarchy_path . $args['after_term_hierarchy_path'];
|
||||
else if ( $tainacan_term->get_parent() && !$args['hide_term_empty_hierarchy_path'] )
|
||||
echo $args['before_term_hierarchy_path'] . $args['term_empty_hierarchy_path_message'] . $args['after_term_hierarchy_path'];
|
||||
}
|
||||
|
||||
if ( !$args['hide_term_name'] ) {
|
||||
$term_name = $tainacan_term->get_name();
|
||||
|
||||
if ( !empty($term_name) )
|
||||
echo $args['before_term_name'] . $tainacan_term->get_name() . $args['after_term_name'];
|
||||
else if ( empty($term_name) && !$args['hide_term_empty_name'] )
|
||||
echo $args['before_term_name'] . $args['term_empty_name_message'] . $args['after_term_name'];
|
||||
}
|
||||
|
||||
if ( !$args['hide_term_description'] ) {
|
||||
$term_description = $tainacan_term->get_description();
|
||||
|
||||
if ( !empty($term_description) ) {
|
||||
if ($args['trim_description_words'] > -1)
|
||||
$term_description = wp_trim_words( $term_description, $args['trim_description_words'], '[...]' );
|
||||
|
||||
echo $args['before_term_description'] . $term_description . $args['after_term_description'];
|
||||
} else if ( empty($term_description) && !$args['hide_term_empty_description'] ) {
|
||||
echo $args['before_term_description'] . $args['term_empty_description_message'] . $args['after_term_description'];
|
||||
}
|
||||
}
|
||||
|
||||
echo $args['before_term_links'];
|
||||
|
||||
if ( !$args['hide_term_children_link'] ) {
|
||||
$total_children = get_term_children( $tainacan_term->get_id(), 'tnc_tax_' . $post->ID );
|
||||
$total_children = is_array($total_children) && count($total_children) ? count($total_children) : 0;
|
||||
|
||||
if ( $total_children ) {
|
||||
echo $args['before_term_children_link'] . '<a href="' . add_query_arg( 'termsparent', $tainacan_term->get_id() ) . '">';
|
||||
|
||||
if ( !$args['hide_term_children_count'] && $args['term_children_count_position'] === 'before' )
|
||||
echo '<span class="term-children-count">' . $total_children . '</span> ';
|
||||
echo ($total_children == 1 || $total_children == '1') ? __('Child', 'tainacan') : __('Children', 'tainacan');
|
||||
if ( !$args['hide_term_children_count'] && $args['term_children_count_position'] !== 'before' )
|
||||
echo ' <span class="term-children-count">(' . $total_children . ')</span>';
|
||||
|
||||
echo '</a>' . $args['after_term_children_link'] . ' ';
|
||||
|
||||
} else if ( !$total_children && !$args['hide_term_empty_children_link'] )
|
||||
echo $args['before_term_children_link'] . $args['term_empty_children_link_message'] . $args['after_term_children_link'] . ' ';
|
||||
}
|
||||
|
||||
if ( !$args['hide_term_items_link'] && !$args['hide_term_children_link'] ) {
|
||||
|
||||
if ( $term->count ) {
|
||||
echo $args['before_term_items_link'] . '<a href="' . $tainacan_term->get_url() . '">';
|
||||
|
||||
if ( !$args['hide_term_items_count'] && $args['term_items_count_position'] === 'before' )
|
||||
echo '<span class="term-items-count">' . $term->count . '</span> ';
|
||||
echo ($term->count == 1 || $term->count == '1') ? __('Item', 'tainacan') : __('Itens', 'tainacan');
|
||||
if ( !$args['hide_term_items_count'] && $args['term_items_count_position'] !== 'before' )
|
||||
echo ' <span class="term-items-count">(' . $term->count . ')</span>';
|
||||
|
||||
echo '</a>' . $args['after_term_items_link'];
|
||||
|
||||
} else if ( !$term->count && !$args['hide_term_empty_items_link'] )
|
||||
echo $args['before_term_items_link'] . $args['term_empty_items_link_message'] . $args['after_term_items_link'];
|
||||
}
|
||||
|
||||
echo $args['after_term_links'];
|
||||
|
||||
echo $args['after_term_information'];
|
||||
|
||||
if ( !$args['hide_term_items_link'] && $args['hide_term_children_link'] )
|
||||
echo '</a>';
|
||||
|
||||
echo $args['after_term'];
|
||||
|
||||
$html = ob_get_contents();
|
||||
ob_end_clean();
|
||||
|
||||
$content .= $html;
|
||||
|
||||
}
|
||||
|
||||
$content .= $args['after_terms_list'];
|
||||
|
||||
$content .= $args['after_terms_list_container'];
|
||||
|
||||
} else {
|
||||
|
||||
$content = $args['before_terms_list_container'] . $content;
|
||||
|
||||
$content .= '<p>' . __('No term was found.', 'tainacan') . '</p>';
|
||||
|
||||
$content .= $args['after_terms_list_container'];
|
||||
}
|
||||
|
||||
return apply_filters('tainacan_get_single_taxonomy_content', ['content' => $content, 'total_terms' => $total_terms] , $post);
|
||||
}
|
||||
|
||||
function tainacan_get_taxonomies_orderby($args = []) {
|
||||
|
||||
$args = array_merge(array(
|
||||
'hide_orderby_label' => false,
|
||||
'hide_order_label' => false,
|
||||
'hide_orderby' => false,
|
||||
'hide_order' => false,
|
||||
), $args);
|
||||
|
||||
$current_args = \Tainacan\Theme_Helper::get_instance()->get_taxonomies_query_args();
|
||||
|
||||
ob_start();
|
||||
?>
|
||||
<form id="tainacan-taxonomy-sorting-field">
|
||||
<div
|
||||
class="wp-block-group is-wrap is-layout-flex"
|
||||
style="display: flex; flex-wrap: wrap">
|
||||
<?php if ( !$args['hide_order'] ): ?>
|
||||
<?php if ( !$args['hide_order_label'] ): ?>
|
||||
<label for="tainacan-taxonomy-order-select">
|
||||
<?php _e( 'Sort', 'tainacan' ); ?>
|
||||
</label>
|
||||
<?php endif; ?>
|
||||
<select
|
||||
id="tainacan-taxonomy-order-select"
|
||||
name="order"
|
||||
onchange="location = this.value;">
|
||||
<option value="<?php echo add_query_arg( 'order', 'ASC' ); ?>" <?php echo $current_args['order'] == 'ASC' ? 'selected' : ''; ?>>
|
||||
<?php _e( 'Ascending', 'tainacan' ); ?>
|
||||
</option>
|
||||
<option value="<?php echo add_query_arg( 'order', 'DESC' ); ?>" <?php echo $current_args['order'] == 'DESC' ? 'selected' : ''; ?>>
|
||||
<?php _e( 'Descending', 'tainacan' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
<?php endif; ?>
|
||||
<?php if ( !$args['hide_orderby'] ): ?>
|
||||
<?php if ( !$args['hide_orderby_label'] ): ?>
|
||||
<label
|
||||
for="tainacan-taxonomy-orderby-select">
|
||||
<?php _e( 'by', 'tainacan' ); ?>
|
||||
</label>
|
||||
<?php endif; ?>
|
||||
<select
|
||||
id="tainacan-taxonomy-orderby-select"
|
||||
name="orderby"
|
||||
onchange="location = this.value;">
|
||||
<option value="<?php echo add_query_arg( 'orderby', 'name' ); ?>" <?php echo $current_args['orderby'] == 'name' ? 'selected' : ''; ?>>
|
||||
<?php _e( 'Name', 'tainacan' ); ?>
|
||||
</option>
|
||||
<option value="<?php echo add_query_arg( 'orderby', 'count' ); ?>" <?php echo $current_args['orderby'] == 'count'? 'selected' : ''; ?>>
|
||||
<?php _e( 'Amount of items', 'tainacan' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</form>
|
||||
<?php
|
||||
|
||||
$html = ob_get_contents();
|
||||
ob_end_clean();
|
||||
|
||||
return apply_filters('tainacan_get_taxonomies_orderby', $html );
|
||||
}
|
||||
|
||||
function tainacan_the_taxonomies_orderby($args = []) {
|
||||
echo tainacan_get_taxonomies_orderby($args);
|
||||
}
|
||||
|
||||
function tainacan_get_taxonomies_search($args = []) {
|
||||
|
||||
$args = array_merge(array(
|
||||
'hide_label' => false,
|
||||
), $args);
|
||||
|
||||
$current_args = \Tainacan\Theme_Helper::get_instance()->get_taxonomies_query_args();
|
||||
|
||||
ob_start();
|
||||
?>
|
||||
<form
|
||||
id="tainacan-taxonomy-search-field"
|
||||
role="search"
|
||||
method="get"
|
||||
action=""
|
||||
class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
|
||||
<?php if ( !$args['hide_label'] ): ?>
|
||||
<label
|
||||
for="tainacan-taxonomy-search-field--input"
|
||||
class="wp-block-search__label">
|
||||
<?php echo __( 'Search', 'tainacan'); ?>
|
||||
</label>
|
||||
<?php endif; ?>
|
||||
<div class="wp-block-search__inside-wrapper">
|
||||
<input
|
||||
type="search"
|
||||
id="tainacan-taxonomy-search-field--input"
|
||||
class="wp-block-search__input wp-block-search__input"
|
||||
name="search"
|
||||
value="<?php echo $current_args['search']; ?>"
|
||||
placeholder="<?php echo __( 'Search by a term name', 'tainacan'); ?>">
|
||||
<button
|
||||
type="submit"
|
||||
class="wp-block-search__button wp-element-button">
|
||||
<?php echo __( 'Search', 'tainacan'); ?>
|
||||
</button>
|
||||
</div>
|
||||
<?php foreach ($_GET as $key => $value) {
|
||||
if ($key !== 'search' && $key !== 'termspaged') {
|
||||
$key = htmlspecialchars($key);
|
||||
$value = htmlspecialchars($value);
|
||||
echo "<input type='hidden' name='$key' value='$value'/>";
|
||||
}
|
||||
} ?>
|
||||
</form>
|
||||
<?php
|
||||
|
||||
$html = ob_get_contents();
|
||||
ob_end_clean();
|
||||
|
||||
return apply_filters('tainacan_get_taxonomies_search', $html );
|
||||
}
|
||||
|
||||
function tainacan_the_taxonomies_search($args = []) {
|
||||
echo tainacan_get_taxonomies_search($args);
|
||||
}
|
||||
|
||||
function tainacan_get_taxonomies_pagination($total_terms, $args = []) {
|
||||
|
||||
$args = array_merge(array(
|
||||
'before_pagination' => '<p class="tainacan-taxonomies-pagination-links">',
|
||||
'after_pagination' => '</p>',
|
||||
'paginate_links_extra_args' => []
|
||||
), $args);
|
||||
|
||||
$current_args = \Tainacan\Theme_Helper::get_instance()->get_taxonomies_query_args();
|
||||
|
||||
if ( $total_terms <= $current_args['perpage'] )
|
||||
return '';
|
||||
|
||||
$paginate_links_args = array_merge(array(
|
||||
'format' => '?termspaged=%#%',
|
||||
'total' => ceil( $total_terms / $current_args['perpage'] ),
|
||||
'current' => max( 1, get_query_var('termspaged') ),
|
||||
'add_args' => array(
|
||||
'order' => $current_args['order'],
|
||||
'orderby' => $current_args['orderby'],
|
||||
'perpage' => $current_args['perpage'],
|
||||
'search' => $current_args['search'],
|
||||
'termsparent' => $current_args['termsparent'],
|
||||
)
|
||||
), $args['paginate_links_extra_args']);
|
||||
|
||||
$html = $args['before_pagination'] . paginate_links($paginate_links_args) . $args['after_pagination'];
|
||||
|
||||
return apply_filters('tainacan_get_taxonomies_pagination', $html );
|
||||
}
|
||||
|
||||
function tainacan_the_taxonomies_pagination($total_terms, $args = []) {
|
||||
echo tainacan_get_taxonomies_pagination($total_terms, $args);
|
||||
}
|
||||
|
|
@ -2,9 +2,9 @@
|
|||
Contributors: andrebenedito, daltonmartins, fabianobn, jacsonp, leogermani, weryques, wetah, eduardohumberto, ravipassos, jessicafpx, marinagiolo, omarceloavila, vnmedeiros, tainacan, r-guimaraes, suelanesilva, ccaio, alanargomes, ateneagarcia123, rodrigo0freire, clarandreozzi
|
||||
Tags: museums, libraries, archives, GLAM, collections, repository
|
||||
Requires at least: 5.0
|
||||
Tested up to: 6.1
|
||||
Tested up to: 6.2.2
|
||||
Requires PHP: 5.6
|
||||
Stable tag: 0.20.2
|
||||
Stable tag: 0.20.3
|
||||
License: GPLv2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
|
||||
|
|
|
|||
|
|
@ -4,17 +4,17 @@ Plugin Name: Tainacan
|
|||
Plugin URI: https://tainacan.org/
|
||||
Description: Open source, powerful and flexible repository platform for WordPress. Manage and publish you digital collections as easily as publishing a post to your blog, while having all the tools of a professional repository platform.
|
||||
Author: Tainacan.org
|
||||
Version: 0.20.2
|
||||
Version: 0.20.3
|
||||
Requires at least: 5.0
|
||||
Tested up to: 6.1
|
||||
Tested up to: 6.2.2
|
||||
Requires PHP: 5.6
|
||||
Stable tag: 0.19.3
|
||||
Stable tag: 0.20.3
|
||||
Text Domain: tainacan
|
||||
License: GPLv2 or later
|
||||
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
*/
|
||||
|
||||
const TAINACAN_VERSION = '0.20.2';
|
||||
const TAINACAN_VERSION = '0.20.3';
|
||||
|
||||
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
|
||||
$TAINACAN_BASE_URL = plugins_url('', __FILE__);
|
||||
|
|
|
|||
|
|
@ -636,7 +636,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Form submit -------------------------------- -->
|
||||
<div class="field is-grouped form-submit">
|
||||
<footer class="footer field is-grouped form-submit">
|
||||
<div class="control">
|
||||
<button
|
||||
id="button-cancel-collection-creation"
|
||||
|
|
@ -667,8 +667,7 @@
|
|||
@click.prevent="onSubmit('items')"
|
||||
class="button is-success">{{ $i18n.get('finish') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</footer>
|
||||
</form>
|
||||
|
||||
<div v-if="!isLoading && ((isNewCollection && !$userCaps.hasCapability('tnc_rep_edit_collections')) || (!isNewCollection && collection && collection.current_user_can_edit != undefined && collection.current_user_can_edit == false))">
|
||||
|
|
@ -1492,6 +1491,66 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
.tainacan-form {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 14px var(--tainacan-one-column);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 9999;
|
||||
background-color: var(--tainacan-gray1);
|
||||
width: calc(100% - var(--tainacan-sidebar-width, 3.25em));
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
transition: bottom 0.5s ease, width 0.2s linear;
|
||||
|
||||
.footer-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.update-info-section {
|
||||
color: var(--tainacan-info-color);
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.help {
|
||||
display: inline-flex;
|
||||
font-size: 1.0em;
|
||||
margin-top: 0;
|
||||
margin-left: 24px;
|
||||
|
||||
.tainacan-help-tooltip-trigger {
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.link-button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 769px) {
|
||||
padding: 13px 0.5em;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
|
||||
.update-info-section {
|
||||
margin-left: auto;margin-bottom: 0.75em;
|
||||
margin-top: -0.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -434,6 +434,9 @@
|
|||
:metadata-name-filter-string="metadataNameFilterString"
|
||||
:is-collapsed="metadataCollapses[index]"
|
||||
:hide-collapses="$adminOptions.hideItemEditionCollapses || isMetadataNavigation"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="false"
|
||||
:help-info-bellow-label="false"
|
||||
:is-mobile-screen="isMobileScreen"
|
||||
:is-last-metadatum="index > 2 && (index == itemMetadata.length - 1)"
|
||||
:is-focused="focusedMetadatum === index"
|
||||
|
|
|
|||
|
|
@ -124,6 +124,7 @@
|
|||
</div>
|
||||
|
||||
<div
|
||||
v-if="form.id !== 'default_section'"
|
||||
@click="hideConditionalSectionSettings = !hideConditionalSectionSettings;"
|
||||
class="metadata-form-section">
|
||||
<span class="icon">
|
||||
|
|
@ -136,7 +137,9 @@
|
|||
|
||||
</div>
|
||||
|
||||
<transition name="filter-item">
|
||||
<transition
|
||||
v-if="form.id !== 'default_section'"
|
||||
name="filter-item">
|
||||
<div
|
||||
v-show="!hideConditionalSectionSettings"
|
||||
class="options-columns">
|
||||
|
|
|
|||
|
|
@ -6,229 +6,261 @@
|
|||
{ path: $routerHelper.getTaxonomiesPath(), label: $i18n.get('taxonomies') },
|
||||
{ path: '', label: (taxonomy != null && taxonomy.name != undefined) ? taxonomy.name : $i18n.get('taxonomy') }
|
||||
]"/>
|
||||
<b-tabs
|
||||
@change="onChangeTab($event)"
|
||||
v-model="tabIndex">
|
||||
<b-tab-item :label="$i18n.get('taxonomy')">
|
||||
<form
|
||||
v-if="taxonomy != null && taxonomy != undefined && (($route.name == 'TaxonomyCreationForm' && $userCaps.hasCapability('tnc_rep_edit_taxonomies')) || ($route.name == 'TaxonomyEditionForm' && taxonomy.current_user_can_edit))"
|
||||
class="tainacan-form"
|
||||
label-width="120px">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<!-- Name -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_name')"
|
||||
:type="editFormErrors['name'] != undefined ? 'is-danger' : ''"
|
||||
:message="isUpdatingSlug ? $i18n.get('info_validating_slug') : (editFormErrors['name'] != undefined ? editFormErrors['name'] : '')">
|
||||
<span class="required-metadatum-asterisk">*</span>
|
||||
|
||||
<form
|
||||
v-if="taxonomy != null && taxonomy != undefined && (($route.name == 'TaxonomyCreationForm' && $userCaps.hasCapability('tnc_rep_edit_taxonomies')) || ($route.name == 'TaxonomyEditionForm' && taxonomy.current_user_can_edit))"
|
||||
class="tainacan-form"
|
||||
label-width="120px">
|
||||
<div class="columns">
|
||||
<div class="column is-3">
|
||||
|
||||
<!-- Name -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_name')"
|
||||
:type="editFormErrors['name'] != undefined ? 'is-danger' : ''"
|
||||
:message="isUpdatingSlug ? $i18n.get('info_validating_slug') : (editFormErrors['name'] != undefined ? editFormErrors['name'] : '')">
|
||||
<span class="required-metadatum-asterisk">*</span>
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'name')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'name')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
id="tainacan-text-name"
|
||||
v-model="form.name"
|
||||
@focus="clearErrors('name')"
|
||||
@blur="updateSlug()"
|
||||
:disabled="isUpdatingSlug"
|
||||
:loading="isUpdatingSlug"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template v-if="hasBeginLeftForm">
|
||||
<form
|
||||
id="form-taxonomy-begin-left"
|
||||
class="form-hook-region"
|
||||
v-html="getBeginLeftForm"/>
|
||||
</template>
|
||||
|
||||
<!-- Description -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_description')"
|
||||
:type="editFormErrors['description'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['description'] != undefined ? editFormErrors['description'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'description')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'description')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
id="tainacan-text-description"
|
||||
type="textarea"
|
||||
rows="3"
|
||||
v-model="form.description"
|
||||
@focus="clearErrors('description')"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Allow Insert -->
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_taxonomy_allow_new_terms') }}
|
||||
<b-switch
|
||||
id="tainacan-checkbox-allow-insert"
|
||||
size="is-small"
|
||||
v-model="form.allowInsert"
|
||||
true-value="yes"
|
||||
false-value="no" />
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'name')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'name')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
id="tainacan-text-name"
|
||||
v-model="form.name"
|
||||
@focus="clearErrors('name')"
|
||||
@blur="updateSlug()"
|
||||
:disabled="isUpdatingSlug"
|
||||
:loading="isUpdatingSlug"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template v-if="hasBeginLeftForm">
|
||||
<form
|
||||
id="form-taxonomy-begin-left"
|
||||
class="form-hook-region"
|
||||
v-html="getBeginLeftForm"/>
|
||||
</template>
|
||||
|
||||
<!-- Description -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_description')"
|
||||
:type="editFormErrors['description'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['description'] != undefined ? editFormErrors['description'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'description')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'description')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
id="tainacan-text-description"
|
||||
type="textarea"
|
||||
v-model="form.description"
|
||||
@focus="clearErrors('description')"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Allow Insert -->
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.get('label_taxonomy_allow_new_terms') }}
|
||||
<b-switch
|
||||
id="tainacan-checkbox-allow-insert"
|
||||
size="is-small"
|
||||
v-model="form.allowInsert"
|
||||
true-value="yes"
|
||||
false-value="no" />
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'allow_insert')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'allow_insert')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
</label>
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
|
||||
<!-- Status -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_status')"
|
||||
:type="editFormErrors['status'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['status'] != undefined ? editFormErrors['status'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'status')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'status')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<div class="status-radios">
|
||||
<b-radio
|
||||
v-model="form.status"
|
||||
v-for="(statusOption, index) of $statusHelper.getStatuses()"
|
||||
:key="index"
|
||||
:native-value="statusOption.slug">
|
||||
<span class="icon has-text-gray">
|
||||
<i
|
||||
class="tainacan-icon tainacan-icon-18px"
|
||||
:class="$statusHelper.getIcon(statusOption.slug)"/>
|
||||
</span>
|
||||
{{ statusOption.name }}
|
||||
</b-radio>
|
||||
</div>
|
||||
</b-field>
|
||||
|
||||
<!-- Slug -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_slug')"
|
||||
:type="editFormErrors['slug'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['slug'] != undefined ? editFormErrors['slug'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'slug')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'slug')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
@input="updateSlug()"
|
||||
id="tainacan-text-slug"
|
||||
v-model="form.slug"
|
||||
@focus="clearErrors('slug')"
|
||||
:disabled="isUpdatingSlug"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Activate for other post types -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.getHelperTitle('taxonomies', 'enabled_post_types')"
|
||||
:type="editFormErrors['enabled_post_types'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['enabled_post_types'] != undefined ? editFormErrors['enabled_post_types'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'enabled_post_types')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'enabled_post_types')"
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'allow_insert')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'allow_insert')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
</label>
|
||||
</b-field>
|
||||
|
||||
<div
|
||||
v-for="wpPostType in wpPostTypes"
|
||||
:key="wpPostType.slug"
|
||||
class="field">
|
||||
<b-checkbox
|
||||
:native-value="wpPostType.slug"
|
||||
:true-value="wpPostType.slug"
|
||||
false-value=""
|
||||
v-model="form.enabledPostTypes"
|
||||
name="enabled_post_types" >
|
||||
{{ wpPostType.label }}
|
||||
</b-checkbox>
|
||||
</div>
|
||||
</b-field>
|
||||
<!-- Allow Insert -->
|
||||
<b-field :addons="false">
|
||||
<label class="label is-inline">
|
||||
{{ $i18n.getHelperTitle('taxonomies', 'hierarchical') }}
|
||||
<b-switch
|
||||
id="tainacan-checkbox-allow-insert"
|
||||
size="is-small"
|
||||
v-model="form.hierarchical"
|
||||
true-value="yes"
|
||||
false-value="no" />
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'hierarchical')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'hierarchical')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
</label>
|
||||
</b-field>
|
||||
|
||||
<!-- Slug -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_slug')"
|
||||
:type="editFormErrors['slug'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['slug'] != undefined ? editFormErrors['slug'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'slug')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'slug')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<b-input
|
||||
@input="updateSlug()"
|
||||
id="tainacan-text-slug"
|
||||
v-model="form.slug"
|
||||
@focus="clearErrors('slug')"
|
||||
:disabled="isUpdatingSlug"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template v-if="hasEndLeftForm">
|
||||
<form
|
||||
id="form-taxonomy-end-left"
|
||||
class="form-hook-region"
|
||||
v-html="getEndLeftForm"/>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Activate for other post types -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.getHelperTitle('taxonomies', 'enabled_post_types')"
|
||||
:type="editFormErrors['enabled_post_types'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['enabled_post_types'] != undefined ? editFormErrors['enabled_post_types'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'enabled_post_types')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'enabled_post_types')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
|
||||
<!-- Submit -->
|
||||
<div class="field is-grouped form-submit">
|
||||
<div
|
||||
v-if="$route.query.recent"
|
||||
class="control">
|
||||
<button
|
||||
id="button-another-taxonomy-creation"
|
||||
@click.prevent="goToCreateAnotherTaxonomy()"
|
||||
class="button is-secondary">{{ $i18n.get('label_create_another_taxonomy') }}</button>
|
||||
<div class="two-columns-fields">
|
||||
<div
|
||||
v-for="wpPostType in wpPostTypes"
|
||||
:key="wpPostType.slug"
|
||||
class="field">
|
||||
<b-checkbox
|
||||
:native-value="wpPostType.slug"
|
||||
:true-value="wpPostType.slug"
|
||||
false-value=""
|
||||
v-model="form.enabledPostTypes"
|
||||
name="enabled_post_types" >
|
||||
{{ wpPostType.label }}
|
||||
</b-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="!$route.query.recent"
|
||||
style="margin-right: auto;"
|
||||
class="control">
|
||||
<button
|
||||
id="button-cancel-taxonomy-creation"
|
||||
class="button is-outlined"
|
||||
type="button"
|
||||
@click="cancelBack">{{ $i18n.get('cancel') }}</button>
|
||||
</div>
|
||||
<p
|
||||
style="margin: 0 12px;"
|
||||
class="help is-danger">
|
||||
{{ formErrorMessage }}
|
||||
</p>
|
||||
<p
|
||||
v-if="updatedAt != undefined"
|
||||
class="updated-at">
|
||||
{{ ($i18n.get('info_updated_at') + ' ' + updatedAt) }}
|
||||
</p>
|
||||
<div class="control">
|
||||
<button
|
||||
:class="{ 'is-loading': isLoadingTaxonomy, 'is-success': !isLoadingTaxonomy }"
|
||||
id="button-submit-taxonomy-creation"
|
||||
@click.prevent="onSubmit"
|
||||
class="button">{{ $i18n.get('save') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</b-field>
|
||||
|
||||
<div v-if="!isLoading && (($route.name == 'TaxonomyCreationForm' && !$userCaps.hasCapability('tnc_rep_edit_taxonomies')) || ($route.name == 'TaxonomyEditionForm' && taxonomy && taxonomy.current_user_can_edit != undefined && !taxonomy.current_user_can_edit))">
|
||||
<section class="section">
|
||||
<div class="content has-text-grey has-text-centered">
|
||||
<p>
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-30px tainacan-icon-taxonomies"/>
|
||||
</span>
|
||||
</p>
|
||||
<p>{{ $i18n.get('info_can_not_edit_taxonomy') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</b-tab-item>
|
||||
|
||||
<b-tab-item :label="$i18n.get('terms')">
|
||||
<!-- Terms List -->
|
||||
<terms-list
|
||||
:key="shouldReloadTermsList ? 'termslistreloaded' : 'termslist'"
|
||||
@isEditingTermUpdate="isEditingTermUpdate"
|
||||
:taxonomy-id="taxonomyId"
|
||||
:current-user-can-edit-taxonomy="taxonomy ? taxonomy.current_user_can_edit : false"/>
|
||||
</b-tab-item>
|
||||
<div class="column is-9">
|
||||
|
||||
<!-- Status -------------------------------- -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('label_status')"
|
||||
:type="editFormErrors['status'] != undefined ? 'is-danger' : ''"
|
||||
:message="editFormErrors['status'] != undefined ? editFormErrors['status'] : ''">
|
||||
<help-button
|
||||
:title="$i18n.getHelperTitle('taxonomies', 'status')"
|
||||
:message="$i18n.getHelperMessage('taxonomies', 'status')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<div class="status-radios">
|
||||
<b-radio
|
||||
v-model="form.status"
|
||||
v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
|
||||
:key="index"
|
||||
:native-value="statusOption.slug">
|
||||
<span class="icon has-text-gray">
|
||||
<i
|
||||
class="tainacan-icon tainacan-icon-18px"
|
||||
:class="$statusHelper.getIcon(statusOption.slug)"/>
|
||||
</span>
|
||||
{{ statusOption.name }}
|
||||
</b-radio>
|
||||
</div>
|
||||
</b-field>
|
||||
|
||||
<!-- Terms List -->
|
||||
<b-field
|
||||
:addons="false"
|
||||
:label="$i18n.get('terms')">
|
||||
<help-button
|
||||
:title="$i18n.get('terms')"
|
||||
:message="$i18n.get('info_taxonomy_terms_list')"
|
||||
extra-classes="tainacan-repository-tooltip"/>
|
||||
<terms-list
|
||||
:is-hierarchical="form.hierarchical !== 'no'"
|
||||
:key="shouldReloadTermsList ? 'termslistreloaded' : 'termslist'"
|
||||
:taxonomy-id="taxonomyId"
|
||||
:current-user-can-edit-taxonomy="taxonomy ? taxonomy.current_user_can_edit : false"/>
|
||||
</b-field>
|
||||
|
||||
<!-- Hook for extra Form options -->
|
||||
<template v-if="hasEndLeftForm">
|
||||
<form
|
||||
id="form-taxonomy-end-left"
|
||||
class="form-hook-region"
|
||||
v-html="getEndLeftForm"/>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit -->
|
||||
<footer class="footer field is-grouped form-submit">
|
||||
<div
|
||||
v-if="$route.query.recent"
|
||||
class="control">
|
||||
<button
|
||||
id="button-another-taxonomy-creation"
|
||||
@click.prevent="goToCreateAnotherTaxonomy()"
|
||||
class="button is-secondary">{{ $i18n.get('label_create_another_taxonomy') }}</button>
|
||||
</div>
|
||||
<div
|
||||
v-if="!$route.query.recent"
|
||||
style="margin-right: auto;"
|
||||
class="control">
|
||||
<button
|
||||
id="button-cancel-taxonomy-creation"
|
||||
class="button is-outlined"
|
||||
type="button"
|
||||
@click="cancelBack">{{ $i18n.get('cancel') }}</button>
|
||||
</div>
|
||||
<p
|
||||
style="margin: 0 12px;"
|
||||
class="help is-danger">
|
||||
{{ formErrorMessage }}
|
||||
</p>
|
||||
<p
|
||||
v-if="updatedAt != undefined"
|
||||
class="updated-at">
|
||||
{{ ($i18n.get('info_updated_at') + ' ' + updatedAt) }}
|
||||
</p>
|
||||
<div class="control">
|
||||
<a
|
||||
target="_blank"
|
||||
class="button link-button"
|
||||
:href="themeTaxonomiesURL + taxonomy.slug">
|
||||
<span class="icon is-large">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
|
||||
</span>
|
||||
<span>{{ $i18n.get('label_taxonomy_page_on_website') }}</span>
|
||||
</a>
|
||||
<button
|
||||
:class="{ 'is-loading': isLoadingTaxonomy, 'is-success': !isLoadingTaxonomy }"
|
||||
id="button-submit-taxonomy-creation"
|
||||
@click.prevent="onSubmit"
|
||||
class="button">{{ $i18n.get('save') }}</button>
|
||||
</div>
|
||||
</footer>
|
||||
</form>
|
||||
|
||||
<div v-if="!isLoading && (($route.name == 'TaxonomyCreationForm' && !$userCaps.hasCapability('tnc_rep_edit_taxonomies')) || ($route.name == 'TaxonomyEditionForm' && taxonomy && taxonomy.current_user_can_edit != undefined && !taxonomy.current_user_can_edit))">
|
||||
<section class="section">
|
||||
<div class="content has-text-grey has-text-centered">
|
||||
<p>
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-30px tainacan-icon-taxonomies"/>
|
||||
</span>
|
||||
</p>
|
||||
<p>{{ $i18n.get('info_can_not_edit_taxonomy') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<b-loading
|
||||
:active.sync="isLoadingTaxonomy"
|
||||
:can-cancel="false"/>
|
||||
|
||||
<b-loading
|
||||
:active.sync="isLoadingTaxonomy"
|
||||
:can-cancel="false"/>
|
||||
</b-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -242,10 +274,10 @@
|
|||
export default {
|
||||
name: 'TaxonomyEditionForm',
|
||||
components: {
|
||||
TermsList
|
||||
TermsList
|
||||
},
|
||||
mixins: [ wpAjax, formHooks ],
|
||||
beforeRouteLeave( to, from, next ) {
|
||||
beforeRouteLeave( to, from, next ) {
|
||||
let formNotSaved = false;
|
||||
|
||||
if (this.taxonomy) {
|
||||
|
|
@ -257,6 +289,8 @@
|
|||
formNotSaved = true;
|
||||
if (this.taxonomy.allow_insert != this.form.allowInsert)
|
||||
formNotSaved = true;
|
||||
if (this.taxonomy.hierarchical != this.form.hierarchical)
|
||||
formNotSaved = true;
|
||||
if (this.taxonomy.status != this.form.status)
|
||||
formNotSaved = true;
|
||||
if (this.taxonomy.enabled_post_types != this.form.enabledPostTypes)
|
||||
|
|
@ -278,23 +312,7 @@
|
|||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
} else if (this.isEditingTerm) {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_terms_not_saved'),
|
||||
onConfirm: () => {
|
||||
next();
|
||||
}
|
||||
},
|
||||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
});
|
||||
} else {
|
||||
next();
|
||||
}
|
||||
|
|
@ -306,13 +324,13 @@
|
|||
taxonomy: null,
|
||||
isLoadingTaxonomy: false,
|
||||
isUpdatingSlug: false,
|
||||
isEditingTerm: false,
|
||||
form: {
|
||||
name: String,
|
||||
status: String,
|
||||
description: String,
|
||||
slug: String,
|
||||
allowInsert: String,
|
||||
hierarchical: String,
|
||||
enabledPostTypes: Array
|
||||
},
|
||||
wpPostTypes: tainacan_plugin.wp_post_types,
|
||||
|
|
@ -320,7 +338,8 @@
|
|||
formErrorMessage: '',
|
||||
entityName: 'taxonomy',
|
||||
updatedAt: undefined,
|
||||
shouldReloadTermsList: false
|
||||
shouldReloadTermsList: false,
|
||||
themeTaxonomiesURL: tainacan_plugin.theme_taxonomy_list_url
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
|
|
@ -354,6 +373,7 @@
|
|||
this.form.slug = this.taxonomy.slug;
|
||||
this.form.status = this.taxonomy.status;
|
||||
this.form.allowInsert = this.taxonomy.allow_insert;
|
||||
this.form.hierarchical = this.taxonomy.hierarchical;
|
||||
this.form.enabledPostTypes = this.taxonomy.enabled_post_types;
|
||||
|
||||
this.isLoadingTaxonomy = false;
|
||||
|
|
@ -390,6 +410,7 @@
|
|||
slug: this.form.slug ? this.form.slug : '',
|
||||
status: this.form.status,
|
||||
allow_insert: this.form.allowInsert,
|
||||
hierarchical: this.form.hierarchical,
|
||||
enabled_post_types: this.form.enabledPostTypes,
|
||||
context: 'edit'
|
||||
};
|
||||
|
|
@ -407,6 +428,7 @@
|
|||
this.form.description = this.taxonomy.description;
|
||||
this.form.status = this.taxonomy.status;
|
||||
this.form.allowInsert = this.taxonomy.allow_insert;
|
||||
this.form.hierarchical = this.taxonomy.hierarchical;
|
||||
this.form.enabledPostTypes = this.taxonomy.enabled_post_types;
|
||||
|
||||
this.isLoadingTaxonomy = false;
|
||||
|
|
@ -463,7 +485,8 @@
|
|||
description: '',
|
||||
status: 'auto-draft',
|
||||
slug: '',
|
||||
allow_insert: '',
|
||||
allow_insert: 'yes',
|
||||
hierarchical: 'yes'
|
||||
};
|
||||
this.fillExtraFormData(data);
|
||||
this.createTaxonomy(data)
|
||||
|
|
@ -477,6 +500,7 @@
|
|||
this.form.description = this.taxonomy.description;
|
||||
this.form.slug = this.taxonomy.slug;
|
||||
this.form.allowInsert = this.taxonomy.allow_insert;
|
||||
this.form.hierarchical = this.taxonomy.hierarchical;
|
||||
|
||||
// Pre-fill status with publish to incentivate it
|
||||
this.form.status = 'publish';
|
||||
|
|
@ -496,25 +520,19 @@
|
|||
cancelBack(){
|
||||
this.$router.go(-1);
|
||||
},
|
||||
labelNewTerms(){
|
||||
return ( this.form.allowInsert === 'yes' ) ? this.$i18n.get('label_yes') : this.$i18n.get('label_no');
|
||||
},
|
||||
isEditingTermUpdate (value) {
|
||||
this.isEditingTerm = value;
|
||||
},
|
||||
goToCreateAnotherTaxonomy() {
|
||||
this.$router.push(this.$routerHelper.getNewTaxonomyPath());
|
||||
|
||||
this.taxonomyId = undefined;
|
||||
this.taxonomy = null;
|
||||
this.isUpdatingSlug = false;
|
||||
this.isEditingTerm = false,
|
||||
this.form = {
|
||||
name: String,
|
||||
status: String,
|
||||
description: String,
|
||||
slug: String,
|
||||
allowInsert: String,
|
||||
hierarchical: String,
|
||||
enabledPostTypes: Array
|
||||
};
|
||||
this.editFormErrors = {};
|
||||
|
|
@ -542,13 +560,17 @@
|
|||
align-items: center;
|
||||
}
|
||||
.tainacan-form>.columns {
|
||||
margin-bottom: var(--tainacan-container-padding);
|
||||
}
|
||||
.tainacan-form .column {
|
||||
padding: 1em var(--tainacan-one-column);
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
.tainacan-form .column:last-of-type {
|
||||
padding-left: 0;
|
||||
padding-left: var(--tainacan-one-column) !important;
|
||||
}
|
||||
.two-columns-fields {
|
||||
column-width: 180px;
|
||||
|
||||
.field {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
.form-submit {
|
||||
align-items: center;
|
||||
|
|
@ -558,5 +580,61 @@
|
|||
color: var(--tainacan-info-color);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 14px var(--tainacan-one-column);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 9999;
|
||||
background-color: var(--tainacan-gray1);
|
||||
width: calc(100% - var(--tainacan-sidebar-width, 3.25em));
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
transition: bottom 0.5s ease, width 0.2s linear;
|
||||
|
||||
.footer-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.update-info-section {
|
||||
color: var(--tainacan-info-color);
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.help {
|
||||
display: inline-flex;
|
||||
font-size: 1.0em;
|
||||
margin-top: 0;
|
||||
margin-left: 24px;
|
||||
|
||||
.tainacan-help-tooltip-trigger {
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.link-button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 769px) {
|
||||
padding: 13px 0.5em;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
|
||||
.update-info-section {
|
||||
margin-left: auto;margin-bottom: 0.75em;
|
||||
margin-top: -0.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,14 +5,11 @@
|
|||
tabindex="-1"
|
||||
aria-modal
|
||||
id="termEditForm"
|
||||
class="tainacan-form"
|
||||
:class="{ 'tainacan-modal-content': isModal }"
|
||||
class="tainacan-form tainacan-modal-content"
|
||||
@submit.prevent="saveEdition(form)">
|
||||
<component
|
||||
:is="isModal ? 'header' : 'div'"
|
||||
class="tainacan-page-title"
|
||||
:class="{ 'tainacan-modal-title': isModal }">
|
||||
<h2>{{ form & form.id && form.id != 'new' ? $i18n.get("title_term_edit") : $i18n.get("title_term_creation") }}</h2>
|
||||
<header
|
||||
class="tainacan-page-title tainacan-modal-title">
|
||||
<h2 style="width: 60%">{{ form & form.id && form.id != 'new' ? $i18n.get("title_term_edit") : $i18n.get("title_term_creation") }}</h2>
|
||||
<a
|
||||
v-if="form && form.url != undefined && form.url!= ''"
|
||||
target="_blank"
|
||||
|
|
@ -20,12 +17,12 @@
|
|||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
|
||||
</span>
|
||||
<span class="menu-text">{{ $i18n.get('label_view_on_theme') }}</span>
|
||||
<span class="menu-text">{{ $i18n.get('label_term_page_on_website') }}</span>
|
||||
</a>
|
||||
<hr>
|
||||
</component>
|
||||
</header>
|
||||
|
||||
<div :class="isModal ? 'modal-card-body' : ''">
|
||||
<div class="modal-card-body">
|
||||
<b-loading
|
||||
:is-full-page="false"
|
||||
:active.sync="isLoading" />
|
||||
|
|
@ -109,7 +106,6 @@
|
|||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -138,6 +134,7 @@
|
|||
|
||||
<!-- Parent -------------- -->
|
||||
<b-field
|
||||
v-if="isHierarchical"
|
||||
:addons="false"
|
||||
:type="((formErrors.parent !== '' || formErrors.repeated !== '') && (formErrors.parent !== undefined || formErrors.repeated !== undefined )) ? 'is-danger' : ''"
|
||||
:message="formErrors.parent ? formErrors : formErrors.repeated">
|
||||
|
|
@ -165,6 +162,7 @@
|
|||
@input="fetchParentTerms"
|
||||
@focus="clearErrors('parent');"
|
||||
:disabled="!hasParent"
|
||||
:append-to-body="true"
|
||||
check-infinite-scroll
|
||||
@infinite-scroll="fetchMoreParentTerms">
|
||||
<template slot-scope="props">
|
||||
|
|
@ -186,7 +184,7 @@
|
|||
<transition name="fade">
|
||||
<p
|
||||
class="checkboxes-warning"
|
||||
v-show="isModal != true && showCheckboxesWarning == true">
|
||||
v-show="isTermInsertionFlow != true && showCheckboxesWarning == true">
|
||||
{{ $i18n.get('info_warning_changing_parent_term') }}
|
||||
</p>
|
||||
</transition>
|
||||
|
|
@ -215,7 +213,7 @@
|
|||
<button
|
||||
class="button is-success"
|
||||
type="submit">
|
||||
{{ isModal ? $i18n.get('label_create_and_select') : $i18n.get('save') }}
|
||||
{{ isTermInsertionFlow ? $i18n.get('label_create_and_select') : $i18n.get('save') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -225,7 +223,7 @@
|
|||
|
||||
<script>
|
||||
import { formHooks } from "../../js/mixins";
|
||||
import { mapActions, mapGetters } from 'vuex';
|
||||
import { mapActions } from 'vuex';
|
||||
import wpMediaFrames from '../../js/wp-media-frames';
|
||||
|
||||
export default {
|
||||
|
|
@ -234,7 +232,8 @@
|
|||
props: {
|
||||
originalForm: Object,
|
||||
taxonomyId: '',
|
||||
isModal: false
|
||||
isHierarchical: Boolean,
|
||||
isTermInsertionFlow: false
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -251,7 +250,8 @@
|
|||
isLoading: false,
|
||||
parentTermSearchQuery: '',
|
||||
parentTermSearchOffset: 0,
|
||||
form: {}
|
||||
form: {},
|
||||
totalTerms: undefined
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
@ -290,13 +290,10 @@
|
|||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'sendChildTerm',
|
||||
'updateChildTerm',
|
||||
'updateTerm',
|
||||
'fetchParentName',
|
||||
'fetchPossibleParentTerms'
|
||||
]),
|
||||
...mapGetters('taxonomy', [
|
||||
'getTerms'
|
||||
]),
|
||||
saveEdition(term) {
|
||||
|
||||
if (term.id === 'new') {
|
||||
|
|
@ -314,12 +311,11 @@
|
|||
term: data
|
||||
})
|
||||
.then((term) => {
|
||||
this.$emit('onEditionFinished', {term: term, hasChangedParent: this.hasChangedParent });
|
||||
this.$emit('onEditionFinished', {term: term, hasChangedParent: this.hasChangedParent, initialParent: this.initialParentId });
|
||||
this.form = {};
|
||||
this.formErrors = {};
|
||||
this.isLoading = false;
|
||||
if (this.isModal)
|
||||
this.$parent.close();
|
||||
this.$parent.close();
|
||||
})
|
||||
.catch((errors) => {
|
||||
this.isLoading = false;
|
||||
|
|
@ -329,7 +325,6 @@
|
|||
this.$set(this.formErrors, metadatum, (this.formErrors[metadatum] !== undefined ? this.formErrors[metadatum] : '') + error[metadatum] + '\n');
|
||||
}
|
||||
}
|
||||
this.$emit('onErrorFound');
|
||||
});
|
||||
|
||||
} else {
|
||||
|
|
@ -341,18 +336,18 @@
|
|||
parent: this.hasParent ? this.form.parent : 0,
|
||||
header_image_id: this.form.header_image_id,
|
||||
header_image: this.form.header_image,
|
||||
total_children: this.form.total_children ? this.form.total_children : 0
|
||||
}
|
||||
this.fillExtraFormData(data);
|
||||
this.isLoading = true;
|
||||
this.updateChildTerm({
|
||||
this.updateTerm({
|
||||
taxonomyId: this.taxonomyId,
|
||||
term: data
|
||||
})
|
||||
.then((term) => {
|
||||
this.formErrors = {};
|
||||
this.$emit('onEditionFinished', { term: term, hasChangedParent: this.hasChangedParent });
|
||||
if (this.isModal)
|
||||
this.$parent.close();
|
||||
this.$emit('onEditionFinished', { term: term, hasChangedParent: this.hasChangedParent, initialParent: this.initialParentId });
|
||||
this.$parent.close();
|
||||
})
|
||||
.catch((errors) => {
|
||||
for (let error of errors.errors) {
|
||||
|
|
@ -361,14 +356,11 @@
|
|||
}
|
||||
}
|
||||
this.isLoading = false;
|
||||
this.$emit('onErrorFound');
|
||||
});
|
||||
}
|
||||
},
|
||||
cancelEdition() {
|
||||
this.$emit('onEditionCanceled', this.form);
|
||||
if (this.isModal)
|
||||
this.$parent.close();
|
||||
this.$parent.close();
|
||||
},
|
||||
deleteHeaderImage() {
|
||||
this.form = Object.assign({},
|
||||
|
|
@ -426,8 +418,8 @@
|
|||
}
|
||||
|
||||
// No need to load more
|
||||
if (this.parentTermSearchOffset > 0 && this.parentTerms.length >= this.totalTerms)
|
||||
return
|
||||
if (this.parentTermSearchOffset > 0 && this.totalTerms !== undefined && this.parentTerms.length >= this.totalTerms)
|
||||
return;
|
||||
|
||||
|
||||
this.isFetchingParentTerms = true;
|
||||
|
|
@ -465,11 +457,13 @@
|
|||
this.clearErrors('parent');
|
||||
},
|
||||
onSelectParentTerm(selectedParentTerm) {
|
||||
this.hasChangedParent = this.initialParentId != selectedParentTerm.id;
|
||||
this.form.parent = selectedParentTerm.id;
|
||||
this.selectedParentTerm = selectedParentTerm;
|
||||
this.parentTermName = selectedParentTerm.name;
|
||||
this.showCheckboxesWarning = true;
|
||||
if ( selectedParentTerm ) {
|
||||
this.hasChangedParent = this.initialParentId != selectedParentTerm.id;
|
||||
this.form.parent = selectedParentTerm.id;
|
||||
this.selectedParentTerm = selectedParentTerm;
|
||||
this.parentTermName = selectedParentTerm.name;
|
||||
this.showCheckboxesWarning = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -508,8 +502,14 @@
|
|||
&.tainacan-modal-content {
|
||||
overflow: hidden;
|
||||
|
||||
.field {
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tainacan-modal-title {
|
||||
margin-bottom: 0;
|
||||
margin: 0;
|
||||
padding: 0 12px;
|
||||
}
|
||||
.thumbnail-field {
|
||||
max-width: 120px;
|
||||
|
|
@ -517,9 +517,6 @@
|
|||
.image-placeholder {
|
||||
left: 2px;
|
||||
}
|
||||
.form-submit {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tainacan-page-title {
|
||||
|
|
@ -545,7 +542,6 @@
|
|||
|
||||
.image-and-description-area {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 24px;
|
||||
|
||||
.column:first-of-type {
|
||||
margin-right: 24px;
|
||||
|
|
|
|||
|
|
@ -70,21 +70,6 @@
|
|||
$i18n.get('info_of') + totalAttachments + '.'
|
||||
}}
|
||||
</div>
|
||||
<!-- <div class="items-per-page">
|
||||
<b-field
|
||||
horizontal
|
||||
:label="$i18n.get('label_attachments_per_page')">
|
||||
<b-select
|
||||
:value="attachmentsPerPage"
|
||||
@input="onChangeAttachmentsPerPage"
|
||||
:disabled="attachments.length <= 0">
|
||||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</div> -->
|
||||
<div class="pagination">
|
||||
<b-pagination
|
||||
@change="onPageChange"
|
||||
|
|
|
|||
|
|
@ -1,268 +0,0 @@
|
|||
<template>
|
||||
<div
|
||||
style="width: 100%;">
|
||||
<div
|
||||
class="term-item"
|
||||
:class="{
|
||||
'opened-term': term.opened
|
||||
}">
|
||||
<span
|
||||
class="term-name"
|
||||
:class="{'is-danger': formWithErrors == term.id }"
|
||||
v-html="term.hierarchy_path ? (`<span class='term-name-hierarchy-path'>${term.hierarchy_path}</span>${term.name}`) : term.name" />
|
||||
<span
|
||||
v-if="term.id != undefined"
|
||||
class="label-details">
|
||||
<span
|
||||
class="not-saved"
|
||||
v-if="term.id == 'new'">
|
||||
{{ $i18n.get('info_not_saved') }}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
v-if="currentUserCanEditTaxonomy"
|
||||
class="controls"
|
||||
:class="{'is-disabled': isEditingTerm}">
|
||||
<a
|
||||
@click.prevent="editTerm()">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a @click.prevent="tryToRemoveTerm()">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
placement: 'auto',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions } from 'vuex';
|
||||
import CustomDialog from '../other/custom-dialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'BasicTermItem',
|
||||
props: {
|
||||
term: Object,
|
||||
index: Number,
|
||||
taxonomyId: Number,
|
||||
order: String,
|
||||
currentUserCanEditTaxonomy: Boolean
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
isLoadingTerms: false,
|
||||
isEditingTerm: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$eventBusTermsList.$on('editTerm', this.eventOnEditTerm);
|
||||
this.$eventBusTermsList.$on('termEditionSaved', this.eventOnTermEditionSaved);
|
||||
this.$eventBusTermsList.$on('termEditionCanceled', this.eventOnTermEditionCanceled);
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.$eventBusTermsList.$off('editTerm', this.eventOnEditTerm);
|
||||
this.$eventBusTermsList.$off('termEditionSaved', this.eventOnTermEditionSaved);
|
||||
this.$eventBusTermsList.$off('termEditionCanceled', this.eventOnTermEditionCanceled);
|
||||
},
|
||||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'updateTerm',
|
||||
'deleteTerm'
|
||||
]),
|
||||
editTerm() {
|
||||
this.$emit('onUpdateTermOpenedState', !this.term.opened);
|
||||
this.$eventBusTermsList.onEditTerm(this.term);
|
||||
},
|
||||
tryToRemoveTerm() {
|
||||
|
||||
// Checks if user is deleting a term with unsaved info.
|
||||
if (this.term.id == 'new') {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_terms_not_saved'),
|
||||
onConfirm: () => { this.removeTerm(); },
|
||||
},
|
||||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
} else {
|
||||
this.removeTerm();
|
||||
}
|
||||
|
||||
},
|
||||
removeTerm() {
|
||||
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_selected_term_delete'),
|
||||
onConfirm: () => {
|
||||
// If all checks passed, term can be deleted
|
||||
this.$eventBusTermsList.onDeleteBasicTermItem(this.term);
|
||||
}
|
||||
},
|
||||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
},
|
||||
eventOnEditTerm() {
|
||||
this.isEditingTerm = true;
|
||||
},
|
||||
eventOnTermEditionSaved() {
|
||||
this.isEditingTerm = false;
|
||||
this.$emit('onUpdateTermOpenedState', false);
|
||||
},
|
||||
eventOnTermEditionCanceled() {
|
||||
this.isEditingTerm = false;
|
||||
this.$emit('onUpdateTermOpenedState', false);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
// Term Item
|
||||
.term-item {
|
||||
padding: 0 0 0 1.75em;
|
||||
min-height: 2.5em;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-left: 1px solid transparent;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: display 0.3s, visibility 0.3s, opacity 0.3s;
|
||||
width: 100%;
|
||||
|
||||
&:first-child:hover {
|
||||
background-color: var(--tainacan-gray1) !important;
|
||||
.controls {
|
||||
visibility: visible;
|
||||
opacity: 1.0;
|
||||
}
|
||||
&::before {
|
||||
border-color: transparent transparent transparent var(--tainacan-gray2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.term-name {
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
margin-left: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
display: inline-block;
|
||||
max-width: 73%;
|
||||
color: var(--tainacan-gray5);
|
||||
|
||||
&.is-danger {
|
||||
color: var(--tainacan-danger) !important;
|
||||
}
|
||||
}
|
||||
/deep/ .term-name-hierarchy-path {
|
||||
color: var(--tainacan-gray-4);
|
||||
}
|
||||
.label-details {
|
||||
font-weight: normal;
|
||||
color: var(--tainacan-gray3);
|
||||
margin-right: auto;
|
||||
}
|
||||
.not-saved {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
color: var(--tainacan-danger);
|
||||
}
|
||||
.controls {
|
||||
height: 3.125em;
|
||||
visibility: hidden;
|
||||
opacity: 0.0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: var(--tainacan-gray2);
|
||||
padding: 0.65em 0.875em;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 0.375em;
|
||||
.icon {
|
||||
bottom: 1px;
|
||||
position: relative;
|
||||
i, i:before { font-size: 1.25em; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.controls.is-disabled a {
|
||||
color: var(--tainacan-info-color) !important;
|
||||
cursor: not-allowed !important;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&.opened-term:first-child {
|
||||
cursor: default;
|
||||
background-color: var(--tainacan-blue1);
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
right: -20px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent transparent var(--tainacan-blue1);
|
||||
border-left-width: 24px;
|
||||
border-top-width: 1.55em;
|
||||
border-bottom-width: 1.55em;
|
||||
top: 0;
|
||||
}
|
||||
&:hover:before {
|
||||
border-color: transparent transparent transparent var(--tainacan-gray1);
|
||||
}
|
||||
}
|
||||
|
||||
&.collapsed-term {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: display 0.3s, visibility 0.3s, opacity 0.3s;
|
||||
}
|
||||
}
|
||||
.view-more-terms {
|
||||
font-size: 0.875em;
|
||||
margin: 0 0 0 1.75em !important;
|
||||
padding: 0.5em 0 0.5em 1.75em;
|
||||
display: flex;
|
||||
border-top: 1px solid var(--tainacan-gray1);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1426,7 +1426,7 @@
|
|||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId != undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />
|
||||
v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : (`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
|
|
@ -1442,7 +1442,7 @@
|
|||
v-for="(column, columnIndex) in displayedMetadata"
|
||||
:key="columnIndex"
|
||||
v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.title != undefined ? item.title : ''" />
|
||||
v-html="item.title != undefined ? item.title : (`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
<div class="tainacan-map-card-thumbnail">
|
||||
<blur-hash-image
|
||||
v-if="item.thumbnail != undefined"
|
||||
|
|
@ -2542,7 +2542,6 @@ export default {
|
|||
|
||||
.select-all {
|
||||
color: var(--tainacan-info-color);
|
||||
font-size: 0.875em;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0;
|
||||
|
||||
|
|
|
|||
|
|
@ -239,9 +239,9 @@ export default {
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
|
||||
/* If we're in a collection list, the metadata won't exist as they are read inside sections */
|
||||
if (!this.isRepositoryLevel) {
|
||||
if ( !this.isRepositoryLevel ) {
|
||||
this.collectionId = this.$route.params.collectionId;
|
||||
|
||||
this.isLoadingMetadata = true;
|
||||
|
|
@ -253,14 +253,17 @@ export default {
|
|||
isContextEdit: true,
|
||||
includeDisabled: true,
|
||||
includeOptionsAsHtml: false
|
||||
}).then((resp) => {
|
||||
resp.request
|
||||
.then(() => {
|
||||
this.loadMetadataMappers();
|
||||
this.isLoadingMetadata = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.isLoadingMetadata = false;
|
||||
});
|
||||
})
|
||||
.then(() => {
|
||||
this.loadMetadataMappers();
|
||||
this.isLoadingMetadata = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.isLoadingMetadata = false;
|
||||
});
|
||||
.catch(() => this.isLoadingMetadata = false);
|
||||
} else {
|
||||
this.loadMetadataMappers();
|
||||
}
|
||||
|
|
@ -281,7 +284,7 @@ export default {
|
|||
this.fetchMetadatumMappers()
|
||||
.then(() => {
|
||||
this.isLoadingMetadatumMappers = false;
|
||||
|
||||
|
||||
if (this.metadatumMappers.length >= 1)
|
||||
this.onSelectMetadataMapper(this.metadatumMappers[0])
|
||||
})
|
||||
|
|
@ -294,7 +297,7 @@ export default {
|
|||
this.isMapperMetadataLoading = true;
|
||||
this.mapper = metadatumMapper; //TODO try to use v-model again
|
||||
this.mapperMetadata = [];
|
||||
|
||||
|
||||
if (metadatumMapper != '') {
|
||||
for (var k in metadatumMapper.metadata) {
|
||||
var item = metadatumMapper.metadata[k];
|
||||
|
|
@ -376,8 +379,6 @@ export default {
|
|||
metadataMapperMetadata: metadataMapperMetadata,
|
||||
mapper: this.mapper.slug
|
||||
}).then(() => {
|
||||
this.isLoadingMetadata = true;
|
||||
this.refreshMetadata();
|
||||
this.isMapperMetadataLoading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
|
|
|
|||
|
|
@ -1,461 +0,0 @@
|
|||
<template>
|
||||
<div
|
||||
style="width: 100%;">
|
||||
|
||||
<div
|
||||
class="term-item"
|
||||
:style="{
|
||||
'border-left-color': term.parent > 0 ? 'var(--tainacan-gray1)' : 'transparent'
|
||||
}"
|
||||
:class="{
|
||||
'opened-term': term.opened
|
||||
}">
|
||||
<span
|
||||
v-if="term.parent != 0 && index == 0"
|
||||
class="icon children-icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-nextlevel"/>
|
||||
</span>
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_show_children_terms'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'bottom'
|
||||
}"
|
||||
class="children-dropdown icon">
|
||||
<i
|
||||
:class="{
|
||||
'tainacan-icon-arrowright': !showChildren,
|
||||
'tainacan-icon-arrowdown': showChildren,
|
||||
'is-disabled': isEditingTerm }"
|
||||
class="tainacan-icon tainacan-icon-36px"
|
||||
v-if="term.total_children > 0"
|
||||
@click.prevent="toggleShowChildren()"/>
|
||||
</span>
|
||||
<span
|
||||
class="term-name"
|
||||
:class="{'is-danger': formWithErrors == term.id, 'is-italic': !term.name }">
|
||||
{{ term.name ? term.name : $i18n.get('label_term_without_name') }}
|
||||
</span>
|
||||
<span
|
||||
v-if="term.id == 'new'"
|
||||
class="label-details">
|
||||
<span class="not-saved" >
|
||||
{{ $i18n.get('info_not_saved') }}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="children-counter"
|
||||
v-if="term.total_children > 0">
|
||||
<span>{{ term.total_children + ' ' + $i18n.get('label_children_terms') }}</span>
|
||||
</span>
|
||||
<span
|
||||
v-if="currentUserCanEditTaxonomy"
|
||||
class="controls"
|
||||
:class="{'is-disabled': isEditingTerm}">
|
||||
<a @click="addNewChildTerm(term, index)">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('label_new_child'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'bottom'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-add"/>
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
@click.prevent="editTerm()">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('edit'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'bottom'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
|
||||
</span>
|
||||
</a>
|
||||
<a @click.prevent="tryToRemoveTerm()">
|
||||
<span
|
||||
v-tooltip="{
|
||||
content: $i18n.get('delete'),
|
||||
autoHide: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'bottom'
|
||||
}"
|
||||
class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<transition-group
|
||||
class="children-area"
|
||||
name="filter-item">
|
||||
<div
|
||||
class="term-item"
|
||||
:style="{
|
||||
'border-left-color': term.parent > 0 && childTerm.parent > 0 ? 'var(--tainacan-gray1)' : 'transparent'
|
||||
}"
|
||||
:class="{
|
||||
'opened-term': childTerm.opened,
|
||||
}"
|
||||
v-for="(childTerm, childIndex) in term.children"
|
||||
:key="childTerm.id"
|
||||
v-if="showChildren">
|
||||
|
||||
<recursive-term-item
|
||||
:term="childTerm"
|
||||
:index="childIndex"
|
||||
:taxonomy-id="taxonomyId"
|
||||
:order="order"
|
||||
:current-user-can-edit-taxonomy="currentUserCanEditTaxonomy"
|
||||
@onUpdateTermOpenedState="(state) => childTerm.opened = state"/>
|
||||
</div>
|
||||
</transition-group>
|
||||
<a
|
||||
class="view-more-terms"
|
||||
:class="{'is-disabled': isEditingTerm}"
|
||||
@click="offset = offset + maxTerms; loadChildTerms(term.id)"
|
||||
v-if="showChildren && term.children != undefined && (totalTerms > term.children.length)">
|
||||
{{ $i18n.get('label_view_more') + ' (' + Number(totalTerms - term.children.length) + ' ' + $i18n.get('terms') + ')' }}
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions } from 'vuex';
|
||||
import CustomDialog from '../other/custom-dialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'RecursiveTermItem',
|
||||
props: {
|
||||
term: Object,
|
||||
index: Number,
|
||||
taxonomyId: Number,
|
||||
order: String,
|
||||
currentUserCanEditTaxonomy: Boolean
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
isLoadingTerms: false,
|
||||
isEditingTerm: false,
|
||||
searchQuery: '',
|
||||
showChildren: false,
|
||||
maxTerms: 100,
|
||||
offset: 0,
|
||||
totalTerms: 0
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.$root.$on('onChildTermDeleted', this.eventOnChildTermDeleted);
|
||||
this.$eventBusTermsList.$on('editTerm', this.eventOnEditTerm);
|
||||
this.$eventBusTermsList.$on('termEditionSaved', this.eventOnTermEditionSaved);
|
||||
this.$eventBusTermsList.$on('termEditionCanceled', this.eventOnTermEditionCanceled);
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.$root.$off('onChildTermDeleted', this.eventOnChildTermDeleted);
|
||||
this.$eventBusTermsList.$off('editTerm', this.eventOnEditTerm);
|
||||
this.$eventBusTermsList.$off('termEditionSaved', this.eventOnTermEditionSaved);
|
||||
this.$eventBusTermsList.$off('termEditionCanceled', this.eventOnTermEditionCanceled);
|
||||
},
|
||||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'updateChildTerm',
|
||||
'deleteChildTerm',
|
||||
'fetchChildTerms',
|
||||
'clearTerms',
|
||||
'updateChildTermLocal'
|
||||
]),
|
||||
teste() {
|
||||
this.totalTerms = this.totalTerms - 1;
|
||||
},
|
||||
addNewChildTerm() {
|
||||
this.showChildren = true;
|
||||
this.$eventBusTermsList.onAddNewChildTerm(this.term.id);
|
||||
},
|
||||
toggleShowChildren() {
|
||||
if (!this.isLoadingTerms && (this.term.children == undefined || this.term.children.length <= 0)) {
|
||||
this.loadChildTerms(this.term.id);
|
||||
} else {
|
||||
this.showChildren = !this.showChildren;
|
||||
}
|
||||
},
|
||||
loadChildTerms(parentId) {
|
||||
|
||||
this.isLoadingTerms = true;
|
||||
|
||||
let search = (this.searchQuery != undefined && this.searchQuery != '') ? { searchterm: this.searchQuery } : '';
|
||||
this.fetchChildTerms({
|
||||
parentId: parentId,
|
||||
taxonomyId: this.taxonomyId,
|
||||
fetchOnly: '',
|
||||
search: search,
|
||||
all: '',
|
||||
order: this.order,
|
||||
offset: this.offset,
|
||||
number: this.maxTerms
|
||||
})
|
||||
.then((resp) => {
|
||||
this.isLoadingTerms = false;
|
||||
this.showChildren = true;
|
||||
this.totalTerms = resp.total;
|
||||
})
|
||||
.catch((error) => {
|
||||
this.isLoadingTerms = false;
|
||||
this.$console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
editTerm() {
|
||||
|
||||
this.$emit('onUpdateTermOpenedState', !this.term.opened);
|
||||
|
||||
this.$eventBusTermsList.onEditTerm(this.term);
|
||||
|
||||
},
|
||||
tryToRemoveTerm() {
|
||||
|
||||
// Checks if user is deleting a term with unsaved info.
|
||||
if (this.term.id == 'new') {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_terms_not_saved'),
|
||||
onConfirm: () => { this.removeTerm(); },
|
||||
},
|
||||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
} else {
|
||||
this.removeTerm();
|
||||
}
|
||||
|
||||
},
|
||||
removeTerm() {
|
||||
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
component: CustomDialog,
|
||||
props: {
|
||||
icon: 'alert',
|
||||
title: this.$i18n.get('label_warning'),
|
||||
message: this.$i18n.get('info_warning_selected_term_delete'),
|
||||
onConfirm: () => {
|
||||
|
||||
// If all checks passed, term can be deleted
|
||||
this.deleteChildTerm({
|
||||
taxonomyId: this.taxonomyId,
|
||||
termId: this.term.id,
|
||||
parent: this.term.parent })
|
||||
.then(() => {
|
||||
this.$root.$emit('onChildTermDeleted', this.term.parent);
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$console.log(error);
|
||||
});
|
||||
|
||||
// Updates parent IDs for orphans
|
||||
if (this.term.children != undefined && this.term.children.length > 0) {
|
||||
for (let orphanTerm of this.term.children) {
|
||||
this.updateChildTermLocal({
|
||||
term: orphanTerm,
|
||||
parent: this.term.parent,
|
||||
oldParent: this.term.id
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
trapFocus: true,
|
||||
customClass: 'tainacan-modal',
|
||||
closeButtonAriaLabel: this.$i18n.get('close')
|
||||
});
|
||||
},
|
||||
eventOnChildTermDeleted(parentTermId) {
|
||||
if (this.term.id == parentTermId && this.totalTerms > 0) {
|
||||
this.totalTerms--;
|
||||
this.loadChildTerms(parentTermId);
|
||||
}
|
||||
|
||||
},
|
||||
eventOnEditTerm() {
|
||||
this.isEditingTerm = true;
|
||||
},
|
||||
eventOnTermEditionSaved($event) {
|
||||
if (this.term.id == $event.term.id) {
|
||||
this.$set(this.term, 'description', $event.term.description);
|
||||
this.$set(this.term, 'header_image', $event.term.header_image);
|
||||
this.$set(this.term, 'header_image_id', $event.term.header_image_id);
|
||||
this.$set(this.term, 'name', $event.term.name);
|
||||
this.$set(this.term, 'parent', $event.term.parent);
|
||||
this.$set(this.term, 'id', $event.term.id);
|
||||
} else if (this.term.children != undefined) {
|
||||
for (let i = 0; i < this.term.children.length; i++) {
|
||||
if (this.term.children[i].id == $event.term.id) {
|
||||
this.$set(this.term.children[i], 'description', $event.term.description);
|
||||
this.$set(this.term.children[i], 'header_image', $event.term.header_image);
|
||||
this.$set(this.term.children[i], 'header_image_id', $event.term.header_image_id);
|
||||
this.$set(this.term.children[i], 'name', $event.term.name);
|
||||
this.$set(this.term.children[i], 'parent', $event.term.parent);
|
||||
this.$set(this.term.children[i], 'id', $event.term.id);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.isEditingTerm = false;
|
||||
this.$emit('onUpdateTermOpenedState', false);
|
||||
},
|
||||
eventOnTermEditionCanceled() {
|
||||
this.isEditingTerm = false;
|
||||
this.$emit('onUpdateTermOpenedState', false);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
// Term Item
|
||||
.term-item {
|
||||
padding: 0 0 0 1.75em;
|
||||
min-height: 2.5em;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-left: 1px solid transparent;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
|
||||
& .term-item:first-child:hover {
|
||||
background-color: var(--tainacan-gray1) !important;
|
||||
.controls {
|
||||
visibility: visible;
|
||||
opacity: 1.0;
|
||||
}
|
||||
&::before {
|
||||
border-color: transparent transparent transparent var(--tainacan-gray2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.children-icon {
|
||||
color: var(--tainacan-blue2);
|
||||
position: absolute;
|
||||
left: -1.3125em;
|
||||
top: 1px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.children-dropdown {
|
||||
color: var(--tainacan-blue4);
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.term-name {
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
margin-left: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
display: inline-block;
|
||||
max-width: 73%;
|
||||
|
||||
&.is-danger {
|
||||
color: var(--tainacan-danger) !important;
|
||||
}
|
||||
}
|
||||
.label-details {
|
||||
font-weight: normal;
|
||||
color: var(--tainacan-gray3);
|
||||
margin-left: 1em;
|
||||
margin-right: auto;
|
||||
}
|
||||
.children-counter {
|
||||
margin-left: 1em;
|
||||
margin-right: auto;
|
||||
color: var(--tainacan-info-color);
|
||||
padding-right: 1em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.not-saved {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
color: var(--tainacan-danger);
|
||||
}
|
||||
.controls {
|
||||
height: 3.125em;
|
||||
visibility: hidden;
|
||||
opacity: 0.0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: var(--tainacan-gray2);
|
||||
padding: 0.65em 0.875em;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 0.375em;
|
||||
.icon {
|
||||
bottom: 1px;
|
||||
position: relative;
|
||||
i, i:before { font-size: 1.25em; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.controls.is-disabled a, .children-dropdown i.is-disabled {
|
||||
color: var(--tainacan-info-color) !important;
|
||||
cursor: not-allowed !important;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&.opened-term>div:first-child>div {
|
||||
cursor: default;
|
||||
background-color: var(--tainacan-gray1);
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
right: -20px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent transparent var(--tainacan-gray1);
|
||||
border-left-width: 24px;
|
||||
border-top-width: 1.55em;
|
||||
border-bottom-width: 1.55em;
|
||||
top: 0;
|
||||
}
|
||||
&:hover:before {
|
||||
border-color: transparent transparent transparent var(--tainacan-gray1);
|
||||
}
|
||||
}
|
||||
|
||||
&.collapsed-term {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.view-more-terms {
|
||||
font-size: 0.875em;
|
||||
margin: 0 0 0 1.75em !important;
|
||||
padding: 0.5em 0 0.5em 1.75em;
|
||||
display: flex;
|
||||
border-top: 1px solid var(--tainacan-gray1);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -68,6 +68,10 @@
|
|||
<th>
|
||||
<div class="th-wrap">{{ $i18n.get('label_collections_using') }}</div>
|
||||
</th>
|
||||
<!-- Total Items -->
|
||||
<th v-if="!isOnTrash">
|
||||
<div class="th-wrap total-terms-header">{{ $i18n.get('label_total_terms') }}</div>
|
||||
</th>
|
||||
<!-- Actions -->
|
||||
<th
|
||||
v-if="taxonomies.findIndex((taxonomy) => taxonomy.current_user_can_edit || taxonomy.current_user_can_delete) >= 0"
|
||||
|
|
@ -162,11 +166,33 @@
|
|||
},
|
||||
content: (taxonomy.collections != undefined && taxonomy.collections.length != undefined && taxonomy.collections.length > 0) ? renderListOfCollections(taxonomy.collections, taxonomy.metadata_by_collection) : $i18n.get('label_no_collections_using_taxonomy'),
|
||||
autoHide: false,
|
||||
html: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
v-html="(taxonomy.collections != undefined && taxonomy.collections.length != undefined && taxonomy.collections.length > 0) ? renderListOfCollections(taxonomy.collections, taxonomy.metadata_by_collection) : $i18n.get('label_no_collections_using_taxonomy')" />
|
||||
</td>
|
||||
<!-- Total terms -->
|
||||
<td
|
||||
@click.self="onClickTaxonomy($event, taxonomy.id, index)"
|
||||
class="column-small-width column-align-right"
|
||||
:label="$i18n.get('label_total_terms')"
|
||||
v-if="taxonomy.total_terms != undefined"
|
||||
:aria-label="$i18n.get('label_total_terms') + ': ' + taxonomy.total_terms['total']">
|
||||
<p
|
||||
v-tooltip="{
|
||||
delay: {
|
||||
shown: 500,
|
||||
hide: 300,
|
||||
},
|
||||
content: getTotalTermsDetailed(taxonomy.total_terms),
|
||||
autoHide: false,
|
||||
html: true,
|
||||
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||
placement: 'auto-start'
|
||||
}"
|
||||
v-html="taxonomy.total_terms['total']" />
|
||||
</td>
|
||||
<!-- Actions -->
|
||||
<td
|
||||
v-if="taxonomy.current_user_can_edit || taxonomy.current_user_can_delete"
|
||||
|
|
@ -276,6 +302,9 @@
|
|||
for (let i = 0; i < this.selected.length; i++)
|
||||
this.selected.splice(i, 1, !this.allOnPageSelected);
|
||||
},
|
||||
getTotalTermsDetailed(total_terms) {
|
||||
return this.$i18n.get('label_total_terms') + ': ' + total_terms['total'] + '<br> ' + this.$i18n.get('label_root_terms') + ': ' + total_terms['root'] + '<br> ' + this.$i18n.get('label_used_by_items') + ': ' + total_terms['not_empty'];
|
||||
},
|
||||
deleteOneTaxonomy(taxonomyId) {
|
||||
this.$buefy.modal.open({
|
||||
parent: this,
|
||||
|
|
@ -401,6 +430,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.total-terms-header {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -57,6 +57,9 @@
|
|||
:ref="'tainacan-form-item--' + groupIndex + '-' + childIndex"
|
||||
:item-metadatum="childItemMetadatum"
|
||||
:hide-collapses="hideCollapses"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="hideHelpButtons"
|
||||
:help-info-bellow-label="helpInfoBellowLabel"
|
||||
:is-collapsed="childItemMetadatum.collapse"
|
||||
:is-mobile-screen="isMobileScreen"
|
||||
@changeCollapse="onChangeCollapse($event, groupIndex, childIndex)"
|
||||
|
|
@ -120,6 +123,9 @@
|
|||
value: [String, Number, Array],
|
||||
disabled: false,
|
||||
hideCollapses: false,
|
||||
hideMetadataTypes: Boolean,
|
||||
hideHelpButtons: Boolean,
|
||||
helpInfoBellowLabel: Boolean,
|
||||
metadataNameFilterString: '',
|
||||
isMobileScreen: false,
|
||||
isMetadataNavigation: false,
|
||||
|
|
|
|||
|
|
@ -29,13 +29,13 @@
|
|||
*
|
||||
</span>
|
||||
<span
|
||||
v-if="!$parent.hideMetadataTypes"
|
||||
v-if="!hideMetadataTypes"
|
||||
class="metadata-type">
|
||||
({{ itemMetadatum.metadatum.metadata_type_object.name }})
|
||||
</span>
|
||||
<help-button
|
||||
v-if="!$parent.hideHelpButtons &&
|
||||
!$parent.helpInfoBellowLabel &&
|
||||
v-if="!hideHelpButtons &&
|
||||
!helpInfoBellowLabel &&
|
||||
itemMetadatum.metadatum &&
|
||||
itemMetadatum.metadatum.description_bellow_name !== 'yes' &&
|
||||
itemMetadatum.metadatum.description"
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
v-if="itemMetadatum.metadatum &&
|
||||
itemMetadatum.metadatum.description &&
|
||||
(
|
||||
(!$parent.hideHelpButtons && $parent.helpInfoBellowLabel) ||
|
||||
(!hideHelpButtons && helpInfoBellowLabel) ||
|
||||
(itemMetadatum.metadatum.description_bellow_name === 'yes')
|
||||
)">
|
||||
{{ itemMetadatum.metadatum.description }}
|
||||
|
|
@ -64,6 +64,9 @@
|
|||
@blur="performValueChange"
|
||||
:metadata-name-filter-string="metadataNameFilterString"
|
||||
:hide-collapses="hideCollapses"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="hideHelpButtons"
|
||||
:help-info-bellow-label="helpInfoBellowLabel"
|
||||
:is-mobile-screen="isMobileScreen"
|
||||
@mobileSpecialFocus="onMobileSpecialFocus"
|
||||
:is-focused="isFocused"
|
||||
|
|
@ -83,6 +86,9 @@
|
|||
@blur="performValueChange"
|
||||
:metadata-name-filter-string="metadataNameFilterString"
|
||||
:hide-collapses="hideCollapses"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="hideHelpButtons"
|
||||
:help-info-bellow-label="helpInfoBellowLabel"
|
||||
:is-mobile-screen="isMobileScreen"
|
||||
@mobileSpecialFocus="onMobileSpecialFocus"
|
||||
:is-focused="isFocused"
|
||||
|
|
@ -121,7 +127,7 @@
|
|||
v-if="itemMetadatum.metadatum &&
|
||||
itemMetadatum.metadatum.description &&
|
||||
(
|
||||
(!$parent.hideHelpButtons && $parent.helpInfoBellowLabel) ||
|
||||
(!hideHelpButtons && helpInfoBellowLabel) ||
|
||||
(itemMetadatum.metadatum.description_bellow_name === 'yes')
|
||||
)">
|
||||
{{ itemMetadatum.metadatum.description }}
|
||||
|
|
@ -134,6 +140,9 @@
|
|||
@blur="performValueChange"
|
||||
:is-last-metadatum="isLastMetadatum"
|
||||
:hide-collapses="hideCollapses"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="hideHelpButtons"
|
||||
:help-info-bellow-label="helpInfoBellowLabel"
|
||||
:is-mobile-screen="isMobileScreen"
|
||||
:metadata-name-filter-string="metadataNameFilterString"
|
||||
@mobileSpecialFocus="onMobileSpecialFocus"
|
||||
|
|
@ -153,6 +162,9 @@
|
|||
itemMetadatum: Object,
|
||||
isCollapsed: true,
|
||||
hideCollapses: false,
|
||||
hideMetadataTypes: Boolean,
|
||||
hideHelpButtons: Boolean,
|
||||
helpInfoBellowLabel: Boolean,
|
||||
isLastMetadatum: false,
|
||||
metadataNameFilterString: '',
|
||||
isMobileScreen: false,
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
<span class="icon is-small">
|
||||
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
|
||||
</span>
|
||||
{{ $i18n.get('label_new_term') }}
|
||||
{{ $i18n.get('label_create_new_term') }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
@ -59,9 +59,10 @@
|
|||
custom-class="tainacan-modal"
|
||||
:close-button-aria-label="$i18n.get('close')">
|
||||
<term-edition-form
|
||||
:is-hierarchical="isHierarchical"
|
||||
:taxonomy-id="taxonomyId"
|
||||
:original-form="{ id: 'new', name: newTermName ? newTermName : '' }"
|
||||
:is-modal="true"
|
||||
:is-term-insertion-flow="true"
|
||||
@onEditionFinished="($event) => addRecentlyCreatedTerm($event.term)"
|
||||
@onEditionCanceled="() => $console.log('Editing canceled')"
|
||||
@onErrorFound="($event) => $console.log('Form with errors: ' + $event)" />
|
||||
|
|
@ -70,6 +71,7 @@
|
|||
<!-- Term creation panel, used on item submission block for a simpler term creation -->
|
||||
<transition name="filter-item">
|
||||
<term-creation-panel
|
||||
:is-hierarchical="isHierarchical"
|
||||
v-if="isTermCreationPanelOpen"
|
||||
:taxonomy-id="taxonomyId"
|
||||
:original-form="{ id: 'new', name: newTermName ? newTermName : '' }"
|
||||
|
|
@ -139,6 +141,14 @@
|
|||
!isNaN(this.itemMetadatum.metadatum.cardinality) &&
|
||||
this.itemMetadatum.metadatum.cardinality > 1
|
||||
) ? this.itemMetadatum.metadatum.cardinality : undefined;
|
||||
},
|
||||
isHierarchical() {
|
||||
return (
|
||||
this.itemMetadatum.metadatum &&
|
||||
this.itemMetadatum.metadatum.metadata_type_object &&
|
||||
this.itemMetadatum.metadatum.metadata_type_object.options &&
|
||||
this.itemMetadatum.metadatum.metadata_type_object.options.hierarchical
|
||||
) ? this.itemMetadatum.metadatum.metadata_type_object.options.hierarchical !== 'no' : true;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
|
|||
|
|
@ -41,14 +41,14 @@
|
|||
v-if="allowNew"
|
||||
slot="footer">
|
||||
<a @click="$emit('showAddNewTerm', { name: searchName })">
|
||||
{{ $i18n.get('label_new_term') + ' "' + searchName + '"' }}
|
||||
{{ $i18n.get('label_create_new_term') + ' "' + searchName + '"' }}
|
||||
</a>
|
||||
</template>
|
||||
</b-taginput>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions, mapGetters } from 'vuex';
|
||||
import { mapActions } from 'vuex';
|
||||
|
||||
export default {
|
||||
props: {
|
||||
|
|
@ -87,9 +87,6 @@
|
|||
...mapActions('taxonomy', [
|
||||
'fetchTerms'
|
||||
]),
|
||||
...mapGetters('taxonomy', [
|
||||
'getTerms'
|
||||
]),
|
||||
loadTerms: _.debounce( function(value) {
|
||||
|
||||
// String update
|
||||
|
|
|
|||
|
|
@ -435,9 +435,11 @@ class Taxonomy extends Metadata_Type {
|
|||
$array = parent::_toArray();
|
||||
|
||||
if ( isset($array['options']['taxonomy_id']) ) {
|
||||
$array['options']['taxonomy'] = \Tainacan\Repositories\Taxonomies::get_instance()->get_db_identifier_by_id( $array['options']['taxonomy_id'] );
|
||||
}
|
||||
$term_taxonomy = $this->get_taxonomy();
|
||||
|
||||
$array['options']['taxonomy'] = \Tainacan\Repositories\Taxonomies::get_instance()->get_db_identifier_by_id( $array['options']['taxonomy_id'] );
|
||||
$array['options']['hierarchical'] = $term_taxonomy->get_hierarchical();
|
||||
}
|
||||
return $array;
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -59,17 +59,18 @@ import { mapActions } from 'vuex';
|
|||
|
||||
export default {
|
||||
name: 'CollectionsModal',
|
||||
data(){
|
||||
data() {
|
||||
return {
|
||||
collections: [],
|
||||
isLoading: false
|
||||
isLoading: false,
|
||||
maxCollectionsPerPage: tainacan_plugin.api_max_items_per_page ? Number(tainacan_plugin.api_max_items_per_page) : 96
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.isLoading = true;
|
||||
this.fetchCollections({
|
||||
page: 1,
|
||||
collectionsPerPage: 96,
|
||||
collectionsPerPage: this.maxCollectionsPerPage,
|
||||
contextEdit: true
|
||||
})
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -77,6 +77,19 @@
|
|||
<span class="is-hidden-mobile">{{ $i18n.get('label_view_collection_on_website') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
:href="repositoryTaxonomiesURL"
|
||||
target="_blank"
|
||||
v-if="isRepositoryLevel && !$adminOptions.hideRepositorySubheaderViewTaxonomiesButton"
|
||||
class="button"
|
||||
id="view-repository-button--taxonomies">
|
||||
<span class="icon">
|
||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
|
||||
</span>
|
||||
<span class="is-hidden-mobile">{{ $i18n.get('label_view_taxonomies_on_website') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
:href="repositoryURL"
|
||||
|
|
@ -109,6 +122,7 @@ export default {
|
|||
return {
|
||||
repositoryName: tainacan_plugin.repository_name,
|
||||
repositoryURL: tainacan_plugin.theme_collection_list_url,
|
||||
repositoryTaxonomiesURL: tainacan_plugin.theme_taxonomy_list_url,
|
||||
collectionId: ''
|
||||
}
|
||||
},
|
||||
|
|
@ -255,7 +269,8 @@ export default {
|
|||
background-color: var(--tainacan-turquoise5) !important;
|
||||
}
|
||||
}
|
||||
#view-repository-button {
|
||||
#view-repository-button,
|
||||
#view-repository-button--taxonomies {
|
||||
font-size: 0.9375em !important;
|
||||
border: none;
|
||||
border-radius: 0px !important;
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<template v-if="!isLoadingSearch && allowNew && !searchResults.length">
|
||||
<li class="tainacan-li-checkbox-list result-info">
|
||||
<a @click="$emit('showAddNewTerm', { name: optionName })">
|
||||
{{ $i18n.get('label_new_term') + ' "' + optionName + '"' }}
|
||||
{{ $i18n.get('label_create_new_term') + ' "' + optionName + '"' }}
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,130 @@
|
|||
<template>
|
||||
<div
|
||||
aria-labelledby="alert-dialog-title"
|
||||
aria-modal
|
||||
autofocus
|
||||
role="alertdialog"
|
||||
class="tainacan-form tainacan-dialog dialog"
|
||||
ref="termDeletionDialog">
|
||||
<div
|
||||
class="modal-card"
|
||||
style="width: auto">
|
||||
<div class="modal-custom-icon">
|
||||
<span class="icon is-large">
|
||||
<i
|
||||
style="color: var(--tainacan-red2);"
|
||||
class="tainacan-icon tainacan-icon-alert"/>
|
||||
</span>
|
||||
</div>
|
||||
<section
|
||||
tabindex="1"
|
||||
class="modal-card-body">
|
||||
<header
|
||||
class="modal-card-head">
|
||||
<h1
|
||||
id="alert-dialog-title"
|
||||
class="modal-card-title">
|
||||
{{ $i18n.get('label_warning') }}
|
||||
</h1>
|
||||
</header>
|
||||
<span v-html="message" />
|
||||
<div
|
||||
v-if="showDescendantsDeleteButton"
|
||||
class="type-of-deletion-options">
|
||||
<b-radio
|
||||
native-value="selected"
|
||||
v-model="typeOfDelete">
|
||||
{{ amountOfTerms > 1 ? $i18n.get('label_remove_selected_terms') : $i18n.get('label_remove_selected_term') }}
|
||||
</b-radio>
|
||||
<b-radio
|
||||
native-value="descendants"
|
||||
v-model="typeOfDelete">
|
||||
{{ amountOfTerms > 1 ? $i18n.get('label_remove_terms_and_descendants') : $i18n.get('label_remove_term_and_descendants') }}
|
||||
</b-radio>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot form-submit">
|
||||
<button
|
||||
v-if="!hideCancel"
|
||||
class="button is-outlined"
|
||||
type="button"
|
||||
@click="$parent.close()">
|
||||
{{ $i18n.get('cancel') }}
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
class="button is-success"
|
||||
@click="onConfirm(typeOfDelete); $parent.close();">
|
||||
{{ $i18n.get('continue') }}
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'TermDeletionDialog',
|
||||
props: {
|
||||
title: String,
|
||||
message: String,
|
||||
showDescendantsDeleteButton: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
onConfirm: {
|
||||
type: Function,
|
||||
default: () => {}
|
||||
},
|
||||
hideCancel: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
amountOfTerms: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
typeOfDelete: 'selected'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (this.$refs.termDeletionDialog)
|
||||
this.$refs.termDeletionDialog.focus();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
i.tainacan-icon,
|
||||
i.tainacan-icon::before {
|
||||
font-size: 56px;
|
||||
}
|
||||
|
||||
button.is-success {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.b-checkbox.checkbox {
|
||||
margin-top: 12px;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.type-of-deletion-options {
|
||||
margin-top: 0.5rem;
|
||||
font-size: 1.25em;
|
||||
max-width: 97%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.modal-custom-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,299 @@
|
|||
<template>
|
||||
<div
|
||||
aria-labelledby="alert-dialog-title"
|
||||
aria-modal
|
||||
autofocus
|
||||
role="alertdialog"
|
||||
class="tainacan-form tainacan-dialog dialog"
|
||||
ref="termMultipleInsertionDialog">
|
||||
<div
|
||||
class="modal-card"
|
||||
style="width: auto">
|
||||
|
||||
<div class="modal-custom-icon">
|
||||
<span class="icon is-large">
|
||||
<i
|
||||
style="color: var(--tainacan-blue5);"
|
||||
class="tainacan-icon tainacan-icon-taxonomies"/>
|
||||
</span>
|
||||
</div>
|
||||
<section
|
||||
tabindex="1"
|
||||
class="modal-card-body">
|
||||
<header
|
||||
class="modal-card-head">
|
||||
<h1
|
||||
id="alert-dialog-title"
|
||||
class="modal-card-title">
|
||||
{{ $i18n.get('label_multiple_terms_insertion') }}
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<b-field :addons="false">
|
||||
<label
|
||||
class="label"
|
||||
style="font-size: 1em;">
|
||||
{{ $i18n.get('instruction_multiple_terms_insertion') }}
|
||||
</label>
|
||||
|
||||
<b-taginput
|
||||
v-model="termNames"
|
||||
attached
|
||||
:confirm-keys="termNamesSeparator"
|
||||
:on-paste-separators="termNamesSeparator"
|
||||
:remove-on-keys="[]"
|
||||
:aria-close-label="$i18n.get('remove_value')"
|
||||
class="tainacan-multiple-term-insertion--taginput"
|
||||
:class="{'has-selected': termNames != undefined && termNames != []}"
|
||||
:placeholder="$i18n.get('term') + '1,' + $i18n.get('term') + '2,' + $i18n.get('term') + '3 ...'" />
|
||||
<div class="separator-term-names">
|
||||
<label class="label is-inline">{{ $i18n.get('label_separator') }}:</label>
|
||||
<b-checkbox
|
||||
v-for="separator of ['Enter', ',', ';', '|']"
|
||||
:key="separator"
|
||||
name="term-multiple-insertion-separator"
|
||||
v-model="termNamesSeparator"
|
||||
:native-value="separator"
|
||||
:disabled="separator == 'Enter'">
|
||||
<kbd>{{ separator }}</kbd>
|
||||
</b-checkbox>
|
||||
</div>
|
||||
</b-field>
|
||||
|
||||
<!-- Parent -------------- -->
|
||||
<div
|
||||
v-if="isHierarchical"
|
||||
class="parent-term-options">
|
||||
<b-radio
|
||||
:native-value="false"
|
||||
v-model="hasParent">
|
||||
{{ $i18n.get('label_no_parent_root_term') }}
|
||||
</b-radio>
|
||||
<b-radio
|
||||
:native-value="true"
|
||||
v-model="hasParent">
|
||||
{{ $i18n.get('instruction_select_a_parent_term') }}
|
||||
</b-radio>
|
||||
<b-autocomplete
|
||||
v-if="hasParent"
|
||||
id="tainacan-add-parent-field"
|
||||
:placeholder="$i18n.get('instruction_parent_term')"
|
||||
:data="parentTerms"
|
||||
field="name"
|
||||
clearable
|
||||
v-model="parentTermName"
|
||||
@select="onSelectParentTerm($event)"
|
||||
:loading="isFetchingParentTerms"
|
||||
@input="fetchParentTerms"
|
||||
check-infinite-scroll
|
||||
:append-to-body="true"
|
||||
@infinite-scroll="fetchMoreParentTerms">
|
||||
<template slot-scope="props">
|
||||
<div class="media">
|
||||
<div
|
||||
v-if="props.option.header_image_id"
|
||||
class="media-left">
|
||||
<img
|
||||
width="28"
|
||||
:src="props.option.thumbnail && props.option.thumbnail['thumbnail'] && props.option.thumbnail['thumbnail'][0] ? props.option.thumbnail['thumbnail'][0] : props.option.header_image">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
{{ props.option.name }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||
</b-autocomplete>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot form-submit">
|
||||
<button
|
||||
v-if="!hideCancel"
|
||||
class="button is-outlined"
|
||||
type="button"
|
||||
@click="$parent.close()">
|
||||
{{ $i18n.get('cancel') }}
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
class="button is-success"
|
||||
:disabled="hasParent ? !selectedParentTerm : false"
|
||||
@click="onConfirm({ parent: hasParent ? selectedParentTerm : 0, termNames: termNames }); $parent.close();">
|
||||
{{ $i18n.get('continue') }}
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'TermMultipleInsertionDialog',
|
||||
props: {
|
||||
title: String,
|
||||
onConfirm: {
|
||||
type: Function,
|
||||
default: () => {}
|
||||
},
|
||||
taxonomyId: '',
|
||||
excludeTree: '',
|
||||
isHierarchical: Boolean,
|
||||
initialTermParent: String,
|
||||
initialTermParentName: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
hasParent: false,
|
||||
termNames: [],
|
||||
termNamesSeparator: [",", "Enter"],
|
||||
parentTerms: [],
|
||||
isFetchingParentTerms: false,
|
||||
parentTermSearchQuery: '',
|
||||
parentTermSearchOffset: 0,
|
||||
selectedParentTerm: undefined,
|
||||
parentTermName: '',
|
||||
totalTerms: undefined
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if ( this.initialTermParent && this.initialTermParentName ) {
|
||||
this.parentTermName = this.initialTermParentName;
|
||||
this.selectedParentTerm = this.initialTermParent;
|
||||
this.hasParent = true;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (this.$refs.termMultipleInsertionDialog)
|
||||
this.$refs.termMultipleInsertionDialog.focus();
|
||||
},
|
||||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'fetchPossibleParentTerms'
|
||||
]),
|
||||
fetchParentTerms: _.debounce(function(search) {
|
||||
|
||||
// String update
|
||||
if (search != this.parentTermSearchQuery) {
|
||||
this.parentTermSearchQuery = search;
|
||||
this.parentTerms = [];
|
||||
this.parentTermSearchOffset = 0;
|
||||
}
|
||||
|
||||
// String cleared
|
||||
if (!search.length) {
|
||||
this.parentTermSearchQuery = search;
|
||||
this.parentTerms = [];
|
||||
this.parentTermSearchOffset = 0;
|
||||
}
|
||||
|
||||
// No need to load more
|
||||
if (this.parentTermSearchOffset > 0 && this.totalTerms !== undefined && this.parentTerms.length >= this.totalTerms)
|
||||
return
|
||||
|
||||
this.isFetchingParentTerms = true;
|
||||
|
||||
this.fetchPossibleParentTerms({
|
||||
taxonomyId: this.taxonomyId,
|
||||
termId: this.excludeTree,
|
||||
search: this.parentTermSearchQuery,
|
||||
offset: this.parentTermSearchOffset })
|
||||
.then((res) => {
|
||||
for (let term of res.parentTerms)
|
||||
this.parentTerms.push(term);
|
||||
|
||||
this.parentTermSearchOffset += 12;
|
||||
this.totalTerms = res.totalTerms;
|
||||
this.isFetchingParentTerms = false;
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$console.error(error);
|
||||
this.isFetchingParentTerms = false;
|
||||
});
|
||||
}, 500),
|
||||
fetchMoreParentTerms: _.debounce(function () {
|
||||
this.fetchParentTerms(this.parentTermSearchQuery)
|
||||
}, 250),
|
||||
onSelectParentTerm(selectedParentTerm) {
|
||||
if ( selectedParentTerm ) {
|
||||
this.selectedParentTerm = selectedParentTerm.id;
|
||||
this.parentTermName = selectedParentTerm.name;
|
||||
} else {
|
||||
this.selectedParentTerm = undefined;
|
||||
this.parentTermName = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dialog .modal-card {
|
||||
max-width: 980px;
|
||||
}
|
||||
i.tainacan-icon,
|
||||
i.tainacan-icon::before {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
button.is-success {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.b-checkbox.checkbox {
|
||||
margin-top: 8px;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.parent-term-options {
|
||||
margin-top: 0.5rem;
|
||||
max-width: 97%;
|
||||
}
|
||||
.parent-term-options .b-radio {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.separator-term-names {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 4px 10px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid var(--tainacan-gray1, #f2f2f2);
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
.separator-term-names .b-checkbox {
|
||||
width: auto;
|
||||
margin-right: 0.75em;
|
||||
}
|
||||
.separator-term-names > label {
|
||||
opacity: 0.875;
|
||||
font-size: 0.75em;
|
||||
margin-right: 1em;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.separator-term-names > label.is-inline {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.tainacan-multiple-term-insertion--taginput /deep/ .tag,
|
||||
.tainacan-multiple-term-insertion--taginput /deep/ .tags {
|
||||
white-space: normal !important;
|
||||
min-height: calc(2em - 1px) !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.tainacan-multiple-term-insertion--taginput /deep/ .tag.is-delete {
|
||||
min-width: calc(2em - 1px) !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.modal-custom-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,221 @@
|
|||
<template>
|
||||
<div
|
||||
aria-labelledby="alert-dialog-title"
|
||||
aria-modal
|
||||
autofocus
|
||||
role="alertdialog"
|
||||
class="tainacan-form tainacan-dialog dialog"
|
||||
ref="termParentSelectionDialog">
|
||||
<div
|
||||
class="modal-card"
|
||||
style="width: auto">
|
||||
|
||||
<div class="modal-custom-icon">
|
||||
<span class="icon is-large">
|
||||
<i
|
||||
style="color: var(--tainacan-blue5);"
|
||||
class="tainacan-icon tainacan-icon-taxonomies"/>
|
||||
</span>
|
||||
</div>
|
||||
<section
|
||||
tabindex="1"
|
||||
class="modal-card-body">
|
||||
<header
|
||||
class="modal-card-head">
|
||||
<h1
|
||||
id="alert-dialog-title"
|
||||
class="modal-card-title">
|
||||
{{ $i18n.get('label_update_parent') }}
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<!-- Parent -------------- -->
|
||||
<div class="parent-term-options">
|
||||
<b-radio
|
||||
:native-value="false"
|
||||
v-model="hasParent">
|
||||
{{ $i18n.get('label_no_parent_root_term') }}
|
||||
</b-radio>
|
||||
<b-radio
|
||||
:native-value="true"
|
||||
v-model="hasParent">
|
||||
{{ $i18n.get('instruction_select_a_parent_term') }}
|
||||
</b-radio>
|
||||
<b-autocomplete
|
||||
id="tainacan-add-parent-field"
|
||||
:placeholder="$i18n.get('instruction_parent_term')"
|
||||
:data="parentTerms"
|
||||
field="name"
|
||||
clearable
|
||||
v-model="parentTermName"
|
||||
@select="onSelectParentTerm($event)"
|
||||
:loading="isFetchingParentTerms"
|
||||
@input="fetchParentTerms"
|
||||
:disabled="!hasParent"
|
||||
check-infinite-scroll
|
||||
:append-to-body="true"
|
||||
@infinite-scroll="fetchMoreParentTerms">
|
||||
<template slot-scope="props">
|
||||
<div class="media">
|
||||
<div
|
||||
v-if="props.option.header_image_id"
|
||||
class="media-left">
|
||||
<img
|
||||
width="28"
|
||||
:src="props.option.thumbnail && props.option.thumbnail['thumbnail'] && props.option.thumbnail['thumbnail'][0] ? props.option.thumbnail['thumbnail'][0] : props.option.header_image">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
{{ props.option.name }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||
</b-autocomplete>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot form-submit">
|
||||
<button
|
||||
v-if="!hideCancel"
|
||||
class="button is-outlined"
|
||||
type="button"
|
||||
@click="$parent.close()">
|
||||
{{ $i18n.get('cancel') }}
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
class="button is-success"
|
||||
:disabled="hasParent ? !selectedParentTerm : false"
|
||||
@click="onConfirm(hasParent ? selectedParentTerm : 0); $parent.close();">
|
||||
{{ $i18n.get('continue') }}
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'TermParentSelectionDialog',
|
||||
props: {
|
||||
title: String,
|
||||
onConfirm: {
|
||||
type: Function,
|
||||
default: () => {}
|
||||
},
|
||||
amountOfTerms: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
taxonomyId: '',
|
||||
excludeTree: ''
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
hasParent: false,
|
||||
parentTerms: [],
|
||||
isFetchingParentTerms: false,
|
||||
parentTermSearchQuery: '',
|
||||
parentTermSearchOffset: 0,
|
||||
selectedParentTerm: undefined,
|
||||
parentTermName: '',
|
||||
totalTerms: undefined
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (this.$refs.termParentSelectionDialog)
|
||||
this.$refs.termParentSelectionDialog.focus();
|
||||
},
|
||||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'fetchPossibleParentTerms'
|
||||
]),
|
||||
fetchParentTerms: _.debounce(function(search) {
|
||||
|
||||
// String update
|
||||
if (search != this.parentTermSearchQuery) {
|
||||
this.parentTermSearchQuery = search;
|
||||
this.parentTerms = [];
|
||||
this.parentTermSearchOffset = 0;
|
||||
}
|
||||
|
||||
// String cleared
|
||||
if (!search.length) {
|
||||
this.parentTermSearchQuery = search;
|
||||
this.parentTerms = [];
|
||||
this.parentTermSearchOffset = 0;
|
||||
}
|
||||
|
||||
// No need to load more
|
||||
if (this.parentTermSearchOffset > 0 && this.totalTerms !== undefined && this.parentTerms.length >= this.totalTerms)
|
||||
return
|
||||
|
||||
this.isFetchingParentTerms = true;
|
||||
|
||||
this.fetchPossibleParentTerms({
|
||||
taxonomyId: this.taxonomyId,
|
||||
termId: this.excludeTree,
|
||||
search: this.parentTermSearchQuery,
|
||||
offset: this.parentTermSearchOffset })
|
||||
.then((res) => {
|
||||
for (let term of res.parentTerms)
|
||||
this.parentTerms.push(term);
|
||||
|
||||
this.parentTermSearchOffset += 12;
|
||||
this.totalTerms = res.totalTerms;
|
||||
this.isFetchingParentTerms = false;
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$console.error(error);
|
||||
this.isFetchingParentTerms = false;
|
||||
});
|
||||
}, 500),
|
||||
fetchMoreParentTerms: _.debounce(function () {
|
||||
this.fetchParentTerms(this.parentTermSearchQuery)
|
||||
}, 250),
|
||||
onSelectParentTerm(selectedParentTerm) {
|
||||
if ( selectedParentTerm ) {
|
||||
this.selectedParentTerm = selectedParentTerm.id;
|
||||
this.parentTermName = selectedParentTerm.name;
|
||||
} else {
|
||||
this.selectedParentTerm = undefined;
|
||||
this.parentTermName = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
i.tainacan-icon,
|
||||
i.tainacan-icon::before {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
button.is-success {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.b-checkbox.checkbox {
|
||||
margin-top: 12px;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.parent-term-options {
|
||||
margin-top: 0.5rem;
|
||||
max-width: 97%;
|
||||
}
|
||||
.parent-term-options .b-radio {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.modal-custom-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
|
@ -116,7 +116,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
maxItemsPerPage: tainacan_plugin.api_max_items_per_page
|
||||
maxItemsPerPage: tainacan_plugin.api_max_items_per_page ? Number(tainacan_plugin.api_max_items_per_page) : 96
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -133,7 +133,7 @@ export default {
|
|||
return Math.ceil(Number(this.totalItems)/Number(this.itemsPerPage));
|
||||
},
|
||||
itemsPerPageOptions() {
|
||||
const defaultItemsPerPageOptions = [12, 24, 48, 96];
|
||||
const defaultItemsPerPageOptions = [12, 24, 48, this.maxItemsPerPage];
|
||||
if (!isNaN(this.itemsPerPage) && !defaultItemsPerPageOptions.includes(this.itemsPerPage))
|
||||
defaultItemsPerPageOptions.push(this.itemsPerPage);
|
||||
|
||||
|
|
|
|||
|
|
@ -58,9 +58,6 @@ import FormGeoCoordinate from '../components/metadata-types/geocoordinate/FormGe
|
|||
// Term edition form must be imported here so that it is not necessary on item-submission bundle
|
||||
import TermEditionForm from '../components/edition/term-edition-form.vue';
|
||||
|
||||
// Term Recursive item component needs to be imported here, otherwise would cause ciruclar dependency
|
||||
import RecursiveTermItem from '../components/lists/recursive-term-item.vue';
|
||||
|
||||
import FormFilterNumeric from '../components/filter-types/numeric/FormNumeric.vue';
|
||||
import FormFilterNumericInterval from '../components/filter-types/numeric-interval/FormNumericInterval.vue';
|
||||
import FormFilterNumericListInterval from '../components/filter-types/numeric-list-interval/FormNumericListInterval.vue';
|
||||
|
|
@ -72,10 +69,9 @@ import TainacanFormItem from '../components/metadata-types/tainacan-form-item.vu
|
|||
import AdminPage from '../admin.vue'
|
||||
import HelpButton from '../components/other/help-button.vue';
|
||||
import TainacanTitle from '../components/navigation/tainacan-title.vue';
|
||||
import store from './store/store'
|
||||
import router from './router'
|
||||
import store from './store/store';
|
||||
import router from './router';
|
||||
import eventBusSearch from './event-bus-search';
|
||||
import eventBusTermsList from './event-bus-terms-list.js';
|
||||
import eventBusMetadataList from './event-bus-metadata-list.js';
|
||||
import {
|
||||
I18NPlugin,
|
||||
|
|
@ -224,13 +220,11 @@ export default (element) => {
|
|||
Vue.component('tainacan-form-item', TainacanFormItem);
|
||||
|
||||
/* Others */
|
||||
Vue.component('recursive-term-item', RecursiveTermItem);
|
||||
Vue.component('help-button', HelpButton);
|
||||
Vue.component('draggable', draggable);
|
||||
Vue.component('tainacan-title', TainacanTitle);
|
||||
|
||||
// Event bus are needed to facilate comunication between child-parent-child components
|
||||
Vue.use(eventBusTermsList, {});
|
||||
Vue.use(eventBusMetadataList, {});
|
||||
Vue.use(eventBusSearch, { store: store, router: router});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,28 +0,0 @@
|
|||
export default {
|
||||
|
||||
install(Vue, options = {}) {
|
||||
|
||||
Vue.prototype.$eventBusTermsList = new Vue({
|
||||
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
onEditTerm(term) {
|
||||
this.$emit('editTerm', term);
|
||||
},
|
||||
onTermEditionSaved({term, hasChangedParent}) {
|
||||
this.$emit('termEditionSaved', { term: term, hasChangedParent: hasChangedParent });
|
||||
},
|
||||
onTermEditionCanceled(term) {
|
||||
this.$emit('termEditionCanceled', term);
|
||||
},
|
||||
onAddNewChildTerm(parentId) {
|
||||
this.$emit('addNewChildTerm', parentId);
|
||||
},
|
||||
onDeleteBasicTermItem(term) {
|
||||
this.$emit('deleteBasicTermItem', term);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -82,8 +82,12 @@ export const updateCollectionMetadataOrder = (state, { metadataOrder, metadataSe
|
|||
const existingSectionIndex = state.metadataSections.findIndex((aMetadataSection) => aMetadataSection.id == metadataSectionId);
|
||||
if (existingSectionIndex >= 0) {
|
||||
const updatedMetadatumIndexInsideSection = state.metadataSections[existingSectionIndex]['metadata_object_list'].findIndex((aMetadatum) => { return !!aMetadatum['id'] && (aMetadatum.id == metadataOrder[i]['id']) });
|
||||
if (updatedMetadatumIndexInsideSection >= 0)
|
||||
state.metadataSections[existingSectionIndex]['metadata_object_list'][updatedMetadatumIndexInsideSection].enabled = metadataOrder[i].enabled;
|
||||
if (updatedMetadatumIndexInsideSection >= 0) {
|
||||
|
||||
let metadataObjectList = state.metadataSections[existingSectionIndex]['metadata_object_list'];
|
||||
metadataObjectList[updatedMetadatumIndexInsideSection].enabled = metadataOrder[i].enabled;
|
||||
Vue.set(state.metadataSections[existingSectionIndex], 'metadata_object_list', metadataObjectList);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -123,77 +123,21 @@ export const fetchTaxonomyName = ({ commit }, taxonomyId) => {
|
|||
};
|
||||
|
||||
// TAXONOMY TERMS
|
||||
export const sendTerm = ({commit}, { taxonomyId, name, description, parent, headerImageId, headerImage }) => {
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.post('/taxonomy/' + taxonomyId + '/terms/', {
|
||||
name: name,
|
||||
description: description,
|
||||
parent: parent,
|
||||
header_image_id: headerImageId,
|
||||
header_image: headerImage
|
||||
})
|
||||
.then( res => {
|
||||
let term = res.data;
|
||||
commit('setSingleTerm', term);
|
||||
resolve( term );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const deleteTerm = ({ commit }, { taxonomyId, termId }) => {
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.delete(`/taxonomy/${taxonomyId}/terms/${termId}?permanently=1`)
|
||||
.then(res => {
|
||||
let term = res.data;
|
||||
commit('deleteTerm', termId);
|
||||
resolve( term );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const updateTerm = ({ commit }, { taxonomyId, id, name, description, parent, headerImageId, headerImage }) => {
|
||||
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.patch(`/taxonomy/${taxonomyId}/terms/${id}`, {
|
||||
name: name,
|
||||
description: description,
|
||||
parent: parent,
|
||||
header_image_id: headerImageId,
|
||||
header_image: headerImage,
|
||||
})
|
||||
.then( res => {
|
||||
let term = res.data;
|
||||
commit('setSingleTerm', term);
|
||||
resolve( term );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const fetchTerms = ({ commit }, {taxonomyId, fetchOnly, search, all, order, offset, number, exclude }) => {
|
||||
export const fetchTerms = ({}, {taxonomyId, fetchOnly, search, all, order, offset, number, exclude }) => {
|
||||
|
||||
let query = '';
|
||||
|
||||
if (order == undefined)
|
||||
order = 'asc';
|
||||
|
||||
if(fetchOnly && search && !all ){
|
||||
if (fetchOnly && search && !all )
|
||||
query = `?order=${order}&${qs.stringify(fetchOnly)}&${qs.stringify(search)}`;
|
||||
} else if(fetchOnly && search && all ){
|
||||
else if (fetchOnly && search && all )
|
||||
query = `?hideempty=0&order=${order}&${qs.stringify(fetchOnly)}&${qs.stringify(search)}`;
|
||||
} else if(search && !all && !fetchOnly){
|
||||
else if (search && !all && !fetchOnly)
|
||||
query = `?hideempty=0&order=${order}&${qs.stringify(search)}`;
|
||||
} else {
|
||||
else
|
||||
query =`?hideempty=0&order=${order}`;
|
||||
}
|
||||
|
||||
if (number != undefined)
|
||||
query += '&number=' + number;
|
||||
|
|
@ -207,9 +151,7 @@ export const fetchTerms = ({ commit }, {taxonomyId, fetchOnly, search, all, orde
|
|||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.get(`/taxonomy/${taxonomyId}/terms${query}`)
|
||||
.then(res => {
|
||||
let terms = res.data;
|
||||
commit('setTerms', terms);
|
||||
resolve({ terms: terms, total: res.headers['x-wp-total'] });
|
||||
resolve({ terms: res.data, total: res.headers['x-wp-total'] });
|
||||
})
|
||||
.catch(error => {
|
||||
reject( error );
|
||||
|
|
@ -217,48 +159,11 @@ export const fetchTerms = ({ commit }, {taxonomyId, fetchOnly, search, all, orde
|
|||
});
|
||||
};
|
||||
|
||||
// Hierarchy usage of terms list -----------------
|
||||
export const fetchChildTerms = ({ commit }, { parentId, taxonomyId, fetchOnly, search, all, order, offset, number }) => {
|
||||
|
||||
let query = '';
|
||||
if (order == undefined) {
|
||||
order = 'asc';
|
||||
}
|
||||
|
||||
if(fetchOnly && search && !all ){
|
||||
query = `?order=${order}&${qs.stringify(fetchOnly)}&${qs.stringify(search)}`;
|
||||
} else if(fetchOnly && search && all ){
|
||||
query = `?hideempty=0&order=${order}&${qs.stringify(fetchOnly)}&${qs.stringify(search)}`;
|
||||
} else if(search && !all && !fetchOnly){
|
||||
query = `?hideempty=0&order=${order}&${qs.stringify(search)}`;
|
||||
} else {
|
||||
query =`?hideempty=0&order=${order}`;
|
||||
}
|
||||
|
||||
query += '&parent=' + parentId;
|
||||
|
||||
if (offset != undefined && number != undefined)
|
||||
query += '&offset=' + offset + '&number=' + number;
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.get(`/taxonomy/${taxonomyId}/terms${query}`)
|
||||
.then(res => {
|
||||
let terms = res.data;
|
||||
commit('setChildTerms', { terms: terms, parent: parentId });
|
||||
resolve({ terms: terms, total: res.headers['x-wp-total'] });
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const sendChildTerm = ({ commit }, { taxonomyId, term }) => {
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.post(`/taxonomy/${taxonomyId}/terms/`, term)
|
||||
.then( res => {
|
||||
let newTerm = res.data;
|
||||
commit('addChildTerm', {term: newTerm, parent: term.parent });
|
||||
const newTerm = res.data;
|
||||
resolve( newTerm );
|
||||
})
|
||||
.catch(error => {
|
||||
|
|
@ -267,13 +172,12 @@ export const sendChildTerm = ({ commit }, { taxonomyId, term }) => {
|
|||
});
|
||||
};
|
||||
|
||||
export const updateChildTerm = ({ commit }, { taxonomyId, term }) => {
|
||||
export const updateTerm = ({}, { taxonomyId, term }) => {
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.patch(`/taxonomy/${taxonomyId}/terms/${term.id}`, term)
|
||||
.then( res => {
|
||||
let updatedTerm = res.data;
|
||||
commit('updateChildTerm', { term: updatedTerm, parent: updatedTerm.parent, oldParent: term.parent });
|
||||
resolve( term );
|
||||
const updatedTerm = res.data;
|
||||
resolve( updatedTerm );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
|
|
@ -281,17 +185,16 @@ export const updateChildTerm = ({ commit }, { taxonomyId, term }) => {
|
|||
});
|
||||
};
|
||||
|
||||
// Used to update parent changes after deletion only locally
|
||||
export const updateChildTermLocal = ({ commit }, { term, parent, oldParent }) => {
|
||||
commit('updateChildTerm', { term: term, parent: parent, oldParent: oldParent });
|
||||
};
|
||||
export const deleteTerm = ({}, { taxonomyId, termId, deleteChildTerms = false }) => {
|
||||
let query = 'permanently=1&hideempty=0';
|
||||
|
||||
if ( deleteChildTerms )
|
||||
query += `&delete_child_terms=${deleteChildTerms}`;
|
||||
|
||||
export const deleteChildTerm = ({ commit }, { taxonomyId, termId, parent }) => {
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.delete(`/taxonomy/${taxonomyId}/terms/${termId}?permanently=1`)
|
||||
axios.tainacan.delete(`/taxonomy/${taxonomyId}/terms/${termId}?${query}`)
|
||||
.then(res => {
|
||||
let term = res.data;
|
||||
commit('deleteChildTerm', { termId: termId, parent: parent });
|
||||
const term = res.data;
|
||||
resolve( term );
|
||||
})
|
||||
.catch(error => {
|
||||
|
|
@ -300,15 +203,57 @@ export const deleteChildTerm = ({ commit }, { taxonomyId, termId, parent }) => {
|
|||
});
|
||||
};
|
||||
|
||||
export const deleteTerms = ({}, { taxonomyId, terms, parent, deleteChildTerms = false }) => {
|
||||
let query = `permanently=1&hideempty=0&number=0`;
|
||||
|
||||
export const clearTerms = ({ commit }) => {
|
||||
commit('clearTerms');
|
||||
if ( parent !== undefined )
|
||||
query += `&parent=${parent}`;
|
||||
|
||||
if ( terms.length )
|
||||
query += `&include=${terms}`;
|
||||
|
||||
if ( deleteChildTerms )
|
||||
query += `&delete_child_terms=${deleteChildTerms}`;
|
||||
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.delete(`/taxonomy/${taxonomyId}/terms/?${query}`)
|
||||
.then(res => {
|
||||
const terms = res.data;
|
||||
resolve( terms );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const changeTermsParent = ({}, { taxonomyId, newParentTerm, terms, parent }) => {
|
||||
let query = `hideempty=0&number=0`;
|
||||
|
||||
if ( parent !== undefined )
|
||||
query += `&parent=${parent}`;
|
||||
|
||||
if ( terms.length )
|
||||
query += `&include=${terms}`;
|
||||
|
||||
return new Promise(( resolve, reject ) => {
|
||||
axios.tainacan.patch(`/taxonomy/${taxonomyId}/terms/newparent/${newParentTerm}?${query}`)
|
||||
.then(res => {
|
||||
const terms = res.data;
|
||||
resolve( terms );
|
||||
})
|
||||
.catch(error => {
|
||||
reject({ error_message: error['response']['data'].error_message, errors: error['response']['data'].errors });
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// Used only on Term Edit form, for autocomplete search for parents
|
||||
export const fetchPossibleParentTerms = ({ commit }, { taxonomyId, termId, search, offset } ) => {
|
||||
|
||||
let endpoint = '/taxonomy/' + taxonomyId + '/terms?searchterm=' + search + '&hierarchical=1&exclude_tree=' + termId + "&hideempty=0&offset=0&number=20&order=asc";
|
||||
const excludeTree = termId ? qs.stringify({ exclude_tree: termId }) : '';
|
||||
|
||||
let endpoint = '/taxonomy/' + taxonomyId + '/terms?searchterm=' + search + '&hierarchical=1&hideempty=0&offset=0&number=20&order=asc&' + excludeTree;
|
||||
|
||||
if (offset)
|
||||
endpoint += '&offset=' + offset;
|
||||
|
|
@ -331,6 +276,7 @@ export const fetchPossibleParentTerms = ({ commit }, { taxonomyId, termId, searc
|
|||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const fetchParentName = ({ commit }, { taxonomyId, parentId } ) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.get('/taxonomy/' + taxonomyId + '/terms/' + parentId + '?fetch_only=name')
|
||||
|
|
@ -343,3 +289,22 @@ export const fetchParentName = ({ commit }, { taxonomyId, parentId } ) => {
|
|||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const multipleTermsInsertion = ({}, { taxonomyId, parent, termNames } ) => {
|
||||
const terms = termNames.map(aTermName => {
|
||||
return {
|
||||
parent: parent,
|
||||
name: aTermName
|
||||
}
|
||||
});
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.tainacan.post('/taxonomy/' + taxonomyId + '/terms/bulkinsert', terms )
|
||||
.then(res => {
|
||||
resolve( res.data );
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error['response']['data']);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
|
|
|||
|
|
@ -10,10 +10,6 @@ export const getTaxonomyName = state => {
|
|||
return state.taxonomyName;
|
||||
};
|
||||
|
||||
export const getTerms = state => {
|
||||
return state.terms;
|
||||
};
|
||||
|
||||
export const getRepositoryTotalTaxonomies = state => {
|
||||
return state.repositoryTotalTaxonomies;
|
||||
};
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
import Vue from 'vue';
|
||||
import t from 't';
|
||||
|
||||
export const setRepositoryTotalTaxonomies = (state, repositoryTotalTaxonomies) => {
|
||||
state.repositoryTotalTaxonomies = repositoryTotalTaxonomies;
|
||||
};
|
||||
|
|
@ -24,152 +21,4 @@ export const deleteTaxonomy = ( state, taxonomy ) => {
|
|||
if (index >= 0) {
|
||||
state.taxonomies.splice(index, 1);
|
||||
}
|
||||
};
|
||||
|
||||
// TAXONOMY TERMS
|
||||
export const setSingleTerm = (state, term) => {
|
||||
|
||||
let index = state.terms.findIndex(updatedTerm => updatedTerm.id === term.id);
|
||||
if ( index >= 0){
|
||||
Vue.set( state.terms, index, term );
|
||||
} else {
|
||||
state.terms.push( term );
|
||||
}
|
||||
};
|
||||
|
||||
export const setTerms = (state, terms) => {
|
||||
|
||||
for (let term of terms) {
|
||||
let existingTermIndex = state.terms.findIndex(aTerm => aTerm.id == term.id);
|
||||
if (existingTermIndex >= 0)
|
||||
Vue.set(state.terms, existingTermIndex, term);
|
||||
else
|
||||
state.terms.push(term);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
export const clearTerms = (state) => {
|
||||
state.terms = [];
|
||||
};
|
||||
|
||||
// Hierarchy usage of terms list -----------------
|
||||
export const setChildTerms = (state, { terms, parent }) => {
|
||||
|
||||
if (parent > 0 ) {
|
||||
for (let i = 0; i < state.terms.length; i++) {
|
||||
let parentTerm = t.find(state.terms[i], [], (node, par) => { return node.id == parent; });
|
||||
if (parentTerm != undefined) {
|
||||
if (parentTerm['children'] == undefined)
|
||||
Vue.set(parentTerm, 'children', []);
|
||||
|
||||
for (let term of terms){
|
||||
let existingTermIndex = parentTerm['children'].findIndex(aTerm => aTerm.id == term.id);
|
||||
if (existingTermIndex < 0)
|
||||
parentTerm['children'].push(term);
|
||||
else
|
||||
Vue.set(parentTerm['children'], existingTermIndex, term);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (state.terms != undefined) {
|
||||
for (let term of terms) {
|
||||
let existingTermIndex = state.terms.findIndex(aTerm => aTerm.id == term.id);
|
||||
if (existingTermIndex < 0)
|
||||
state.terms.push(term);
|
||||
else
|
||||
Vue.set(state.terms, existingTermIndex, term);
|
||||
}
|
||||
} else {
|
||||
state.terms = terms;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export const addChildTerm = (state, { term, parent }) => {
|
||||
|
||||
if (parent > 0 ) {
|
||||
for (let aTerm of state.terms) {
|
||||
let parentTerm = t.find(aTerm, [], (node, par) => { return node.id == parent; });
|
||||
if (parentTerm != undefined) {
|
||||
if (parentTerm['children'] == undefined) {
|
||||
Vue.set(parentTerm, 'children', []);
|
||||
}
|
||||
parentTerm['children'].unshift(term);
|
||||
parentTerm.total_children = parentTerm.children.length;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (state.terms != undefined) {
|
||||
let existingTermIndex = state.terms.findIndex(aTerm => aTerm.id == term.id);
|
||||
if (existingTermIndex >= 0)
|
||||
Vue.set(state.terms, existingTermIndex, term);
|
||||
else
|
||||
state.terms.unshift(term);
|
||||
} else {
|
||||
state.terms = []
|
||||
state.terms.unshift(term);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export const updateChildTerm = (state, { term, parent, oldParent }) => {
|
||||
|
||||
if (oldParent == undefined) {
|
||||
if (parent > 0 ) {
|
||||
for (let aTerm of state.terms) {
|
||||
let childTerm = t.find(aTerm, [], (node, par) => { return node.id == term.id; });
|
||||
if (childTerm != undefined) {
|
||||
childTerm = term;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (state.terms != undefined) {
|
||||
for (let i = 0; i < state.terms.length; i++) {
|
||||
if (state.terms[i].id == term.id)
|
||||
Vue.set(state.terms, i, term);
|
||||
}
|
||||
} else {
|
||||
state.terms = []
|
||||
state.terms.push(term);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
||||
// Removes from old parent
|
||||
deleteChildTerm(term.id, oldParent)
|
||||
// Adds it to new one
|
||||
addChildTerm(term, parent);
|
||||
}
|
||||
};
|
||||
|
||||
export const deleteChildTerm = ( state, {termId, parent} ) => {
|
||||
|
||||
if (parent > 0 ) {
|
||||
for (let i = 0; i < state.terms.length; i++) {
|
||||
let parentTerm = t.find(state.terms[i], [], (node, par) => { return node.id == parent; });
|
||||
if (parentTerm != undefined) {
|
||||
let index = parentTerm.children.findIndex(deletedTerm => deletedTerm.id == termId);
|
||||
if (index >= 0) {
|
||||
parentTerm.children.splice(index, 1);
|
||||
parentTerm.total_children = parentTerm.children.length;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (state.terms != undefined) {
|
||||
for (let i = 0; i < state.terms.length; i++) {
|
||||
if (state.terms[i].id == termId)
|
||||
state.terms.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export const deleteTerm = ( state, termId ) => {
|
||||
let index = state.terms.findIndex(deletedTerm => deletedTerm.id === termId);
|
||||
if (index >= 0) {
|
||||
state.terms.splice(index, 1);
|
||||
}
|
||||
};
|
||||
|
|
@ -271,7 +271,7 @@
|
|||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
<option :value="maxActivitiesPerPage">{{ maxActivitiesPerPage }}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -312,7 +312,7 @@
|
|||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
<option :value="maxActivitiesPerPage">{{ maxActivitiesPerPage }}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -367,7 +367,8 @@
|
|||
userIdForFiltering: null,
|
||||
usersForFilteringSearchQuery: '',
|
||||
usersForFilteringSearchPage: 1,
|
||||
totalUsers: 0
|
||||
totalUsers: 0,
|
||||
maxActivitiesPerPage: tainacan_plugin.api_max_items_per_page ? Number(tainacan_plugin.api_max_items_per_page) : 96
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
|
|||
|
|
@ -333,7 +333,7 @@
|
|||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
<option :value="maxCollectionsPerPage">{{ maxCollectionsPerPage }}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -377,13 +377,14 @@ export default {
|
|||
isLoadingCollectionTaxonomies: false,
|
||||
status: '',
|
||||
order: 'desc',
|
||||
ordeBy: 'date',
|
||||
orderBy: 'date',
|
||||
searchQuery: '',
|
||||
sortingOptions: [
|
||||
{ label: this.$i18n.get('label_title'), value: 'title' },
|
||||
{ label: this.$i18n.get('label_creation_date'), value: 'date' },
|
||||
{ label: this.$i18n.get('label_modification_date'), value: 'modified' }
|
||||
]
|
||||
],
|
||||
maxCollectionsPerPage: tainacan_plugin.api_max_items_per_page ? Number(tainacan_plugin.api_max_items_per_page) : 96
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
|
|||
|
|
@ -125,7 +125,7 @@
|
|||
</a>
|
||||
</li>
|
||||
<li
|
||||
v-for="(statusOption, index) of $statusHelper.getStatuses()"
|
||||
v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
|
||||
:key="index"
|
||||
v-if="statusOption.slug != 'private' || (statusOption.slug == 'private' && $userCaps.hasCapability('tnc_rep_read_private_taxonomies'))"
|
||||
@click="onChangeTab(statusOption.slug)"
|
||||
|
|
@ -212,7 +212,7 @@
|
|||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
<option :value="maxTaxonomiesPerPage">{{ maxTaxonomiesPerPage }}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</div>
|
||||
|
|
@ -254,12 +254,13 @@
|
|||
taxonomiesPerPage: 12,
|
||||
status: '',
|
||||
order: 'asc',
|
||||
ordeBy: 'date',
|
||||
orderBy: 'date',
|
||||
searchQuery: '',
|
||||
sortingOptions: [
|
||||
{ label: this.$i18n.get('label_title'), value: 'title' },
|
||||
{ label: this.$i18n.get('label_creation_date'), value: 'date' },
|
||||
]
|
||||
],
|
||||
maxTaxonomiesPerPage: tainacan_plugin.api_max_items_per_page ? Number(tainacan_plugin.api_max_items_per_page) : 96
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
|
|||
|
|
@ -96,6 +96,7 @@
|
|||
overflow-x: visible !important;
|
||||
white-space: normal !important;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -433,3 +434,8 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* This makes sure dropdown autocomplete inside a modal that is appended to body appears in front of the modal. */
|
||||
body.tainacan-admin-page>.control.autocomplete {
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -135,6 +135,7 @@
|
|||
max-width: 240px !important;
|
||||
p {
|
||||
font-size: 0.875em !important;
|
||||
line-height: 1.125em;
|
||||
color: var(--tainacan-input-color) !important;
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -289,8 +289,8 @@
|
|||
.slideshow-icon {
|
||||
color: var(--tainacan-info-color);
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 7px;
|
||||
right: 18px;
|
||||
top: 12px;
|
||||
transform: scale(0.0);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -319,6 +319,7 @@ class Admin {
|
|||
'admin_url' => admin_url(),
|
||||
'theme_items_list_url' => esc_url_raw( get_site_url() ) . '/' . \Tainacan\Theme_Helper::get_instance()->get_items_list_slug(),
|
||||
'theme_collection_list_url' => get_post_type_archive_link( 'tainacan-collection' ),
|
||||
'theme_taxonomy_list_url' => get_post_type_archive_link( 'tainacan-taxonomy' ),
|
||||
'custom_header_support' => get_theme_support('custom-header'),
|
||||
'registered_view_modes' => \Tainacan\Theme_Helper::get_instance()->get_registered_view_modes(),
|
||||
'exposer_mapper_param' => \Tainacan\Mappers_Handler::MAPPER_PARAM,
|
||||
|
|
|
|||
|
|
@ -191,12 +191,16 @@ export default {
|
|||
tainacanAxios: undefined,
|
||||
paged: undefined,
|
||||
totalCollections: 0,
|
||||
apiRoot: '',
|
||||
errorMessage: 'No collections found.',
|
||||
swiper: {}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.tainacanAxios = axios.create({ baseURL: this.tainacanApiRoot });
|
||||
|
||||
this.apiRoot = (tainacan_blocks && tainacan_blocks.root && !this.tainacanApiRoot) ? tainacan_blocks.root : this.tainacanApiRoot;
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.apiRoot });
|
||||
if (tainacan_blocks && tainacan_blocks.nonce)
|
||||
this.tainacanAxios.defaults.headers.common['X-WP-Nonce'] = tainacan_blocks.nonce;
|
||||
|
||||
|
|
|
|||
|
|
@ -526,7 +526,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
setContent();
|
||||
}}
|
||||
min={ 1 }
|
||||
max={ 96 }
|
||||
max={ tainacan_blocks.api_max_items_per_page ? Number(tainacan_blocks.api_max_items_per_page) : 96 }
|
||||
/>
|
||||
</div>
|
||||
</PanelBody>
|
||||
|
|
|
|||
|
|
@ -201,11 +201,15 @@ export default {
|
|||
paged: undefined,
|
||||
totalItems: 0,
|
||||
swiper: {},
|
||||
apiRoot: '',
|
||||
errorMessage: 'No items found.'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.tainacanAxios = axios.create({ baseURL: this.tainacanApiRoot });
|
||||
|
||||
this.apiRoot = (tainacan_blocks && tainacan_blocks.root && !this.tainacanApiRoot) ? tainacan_blocks.root : this.tainacanApiRoot;
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.apiRoot });
|
||||
if (tainacan_blocks && tainacan_blocks.nonce)
|
||||
this.tainacanAxios.defaults.headers.common['X-WP-Nonce'] = tainacan_blocks.nonce;
|
||||
|
||||
|
|
|
|||
|
|
@ -14,100 +14,104 @@
|
|||
},
|
||||
"attributes": {
|
||||
"content": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"source": "children",
|
||||
"selector": "div"
|
||||
},
|
||||
"terms": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"isModalOpen": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"selectedTerms": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"itemsRequestSource": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"maxTermsNumber": {
|
||||
"type": "Number",
|
||||
"maxTermsnumber": {
|
||||
"type": "number",
|
||||
"value": 12
|
||||
},
|
||||
"maxTermsPerScreen": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"value": 6
|
||||
},
|
||||
"spaceBetweenTerms": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"value": 32
|
||||
},
|
||||
"spaceAroundCarousel": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"value": 50
|
||||
},
|
||||
"isLoading": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"isLoadingTerm": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"arrowsPosition": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"value": "around"
|
||||
},
|
||||
"largeArrows": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"arrowsStyle": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"value": "type-1"
|
||||
},
|
||||
"autoPlay": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"autoPlaySpeed": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"value": 3
|
||||
},
|
||||
"loopSlides": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"hideName": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": true
|
||||
},
|
||||
"showTermThumbnail": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"term": {
|
||||
"type": "Object",
|
||||
"type": "object",
|
||||
"value": {}
|
||||
},
|
||||
"imageSize": {
|
||||
"type": "string",
|
||||
"default": "tainacan-medium"
|
||||
},
|
||||
"blockId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"termBackgroundColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#454647"
|
||||
},
|
||||
"termTextColor": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"taxonomyId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,6 +1,153 @@
|
|||
const { useBlockProps } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
export default [
|
||||
/* Deprecated on 0.20.1 to add imageSize attribute */
|
||||
{
|
||||
"attributes": {
|
||||
"content": {
|
||||
"type": "Array",
|
||||
"source": "children",
|
||||
"selector": "div"
|
||||
},
|
||||
"terms": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"isModalOpen": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"selectedTerms": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"itemsRequestSource": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"maxTermsNumber": {
|
||||
"type": "Number",
|
||||
"value": 12
|
||||
},
|
||||
"maxTermsPerScreen": {
|
||||
"type": "Number",
|
||||
"value": 6
|
||||
},
|
||||
"spaceBetweenTerms": {
|
||||
"type": "Number",
|
||||
"value": 32
|
||||
},
|
||||
"spaceAroundCarousel": {
|
||||
"type": "Number",
|
||||
"value": 50
|
||||
},
|
||||
"isLoading": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"isLoadingTerm": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"arrowsPosition": {
|
||||
"type": "String",
|
||||
"value": "around"
|
||||
},
|
||||
"largeArrows": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"arrowsStyle": {
|
||||
"type": "String",
|
||||
"value": "type-1"
|
||||
},
|
||||
"autoPlay": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"autoPlaySpeed": {
|
||||
"type": "Number",
|
||||
"value": 3
|
||||
},
|
||||
"loopSlides": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"hideName": {
|
||||
"type": "Boolean",
|
||||
"value": true
|
||||
},
|
||||
"showTermThumbnail": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"term": {
|
||||
"type": "Object",
|
||||
"value": {}
|
||||
},
|
||||
"blockId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"termBackgroundColor": {
|
||||
"type": "String",
|
||||
"default": "#454647"
|
||||
},
|
||||
"termTextColor": {
|
||||
"type": "String",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"taxonomyId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
save({ attributes, className }) {
|
||||
const {
|
||||
content,
|
||||
blockId,
|
||||
selectedTerms,
|
||||
arrowsPosition,
|
||||
largeArrows,
|
||||
arrowsStyle,
|
||||
maxTermsPerScreen,
|
||||
maxTermsNumber,
|
||||
spaceBetweenTerms,
|
||||
spaceAroundCarousel,
|
||||
autoPlay,
|
||||
autoPlaySpeed,
|
||||
loopSlides,
|
||||
hideName,
|
||||
showTermThumbnail,
|
||||
taxonomyId
|
||||
} = attributes;
|
||||
|
||||
// Gets attributes such as style, that are automatically added by the editor hook
|
||||
const blockProps = tainacan_blocks.wp_version < '5.6' ? { className: className } : useBlockProps.save();
|
||||
return <div
|
||||
{ ...blockProps }
|
||||
data-module="carousel-terms-list"
|
||||
selected-terms={ JSON.stringify(selectedTerms.map((term) => { return term.id; })) }
|
||||
arrows-position={ arrowsPosition }
|
||||
auto-play={ '' + autoPlay }
|
||||
auto-play-speed={ autoPlaySpeed }
|
||||
loop-slides={ '' + loopSlides }
|
||||
hide-name={ '' + hideName }
|
||||
large-arrows={ '' + largeArrows }
|
||||
arrows-style={ arrowsStyle }
|
||||
max-terms-number={ maxTermsNumber }
|
||||
max-terms-per-screen={ maxTermsPerScreen }
|
||||
space-between-terms={ spaceBetweenTerms }
|
||||
space-around-carousel={ spaceAroundCarousel }
|
||||
taxonomy-id={ taxonomyId }
|
||||
tainacan-api-root={ tainacan_blocks.root }
|
||||
tainacan-base-url={ tainacan_blocks.base_url }
|
||||
show-term-thumbnail={ '' + showTermThumbnail }
|
||||
id={ 'wp-block-tainacan-carousel-terms-list_' + blockId }>
|
||||
{ content }
|
||||
</div>
|
||||
}
|
||||
},
|
||||
/* Deprecated on Tainacan 0.18.6 due to arrowsStyle option */
|
||||
{
|
||||
"attributes": {
|
||||
|
|
|
|||
|
|
@ -2,8 +2,12 @@ const { __ } = wp.i18n;
|
|||
|
||||
const { RangeControl, Spinner, Button, BaseControl, ToggleControl, SelectControl, Placeholder, IconButton, PanelBody } = wp.components;
|
||||
|
||||
const { InspectorControls, BlockControls, useBlockProps } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
const { InspectorControls, BlockControls, useBlockProps, store } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
const { useSelect } = wp.data;
|
||||
|
||||
import map from 'lodash/map'; // Do not user import { map,pick } from 'lodash'; -> These causes conflicts with underscore due to lodash global variable
|
||||
import pick from 'lodash/pick';
|
||||
import TermsModal from '../terms-list/terms-modal.js';
|
||||
import tainacan from '../../js/axios.js';
|
||||
import axios from 'axios';
|
||||
|
|
@ -34,7 +38,8 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
loopSlides,
|
||||
hideName,
|
||||
showTermThumbnail,
|
||||
taxonomyId
|
||||
taxonomyId,
|
||||
imageSize
|
||||
} = attributes;
|
||||
|
||||
// Gets blocks props from hook
|
||||
|
|
@ -48,9 +53,30 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
maxTermsPerScreen = 6;
|
||||
setAttributes({ maxTermsPerScreen: maxTermsPerScreen });
|
||||
}
|
||||
if (imageSize === undefined) {
|
||||
imageSize = 'tainacan-medium';
|
||||
setAttributes({ imageSize: imageSize });
|
||||
}
|
||||
|
||||
const thumbHelper = ThumbnailHelperFunctions();
|
||||
|
||||
// Get available image sizes
|
||||
const { imageSizes } = useSelect(
|
||||
( select ) => {
|
||||
const { getSettings } = select( store );
|
||||
|
||||
const settings = pick( getSettings(), [
|
||||
'imageSizes'
|
||||
] );
|
||||
return settings
|
||||
},
|
||||
[ clientId ]
|
||||
);
|
||||
const imageSizeOptions = map(
|
||||
imageSizes,
|
||||
( { name, slug } ) => ( { value: slug, label: name } )
|
||||
);
|
||||
|
||||
function prepareItem(term, termItems) {
|
||||
return (
|
||||
<li
|
||||
|
|
@ -87,8 +113,18 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
</div>
|
||||
:
|
||||
<img
|
||||
src={ term.header_image ? term.header_image : `${tainacan_blocks.base_url}/assets/images/placeholder_square.png`}
|
||||
alt={ term.name ? term.name : __( 'Thumbnail', 'tainacan' )}/>
|
||||
src={
|
||||
term.thumbnail && term.thumbnail[imageSize] && term.thumbnail[imageSize][0]
|
||||
?
|
||||
term.thumbnail[imageSize][0]
|
||||
:
|
||||
(term.thumbnail && term.thumbnail['thumbnail'][0] && term.thumbnail['thumbnail'][0]
|
||||
?
|
||||
term.thumbnail['thumbnail'][0]
|
||||
:
|
||||
`${tainacan_blocks.base_url}/assets/images/placeholder_square.png`)
|
||||
}
|
||||
alt={ term.thumbnail_alt ? term.thumbnail_alt : (term.name ? term.name : __( 'Thumbnail', 'tainacan' ) ) }/>
|
||||
}
|
||||
{ !hideName ? <span>{ term.name ? term.name : '' }</span> : null }
|
||||
</a>
|
||||
|
|
@ -233,6 +269,16 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
min={ 1 }
|
||||
max={ 9 }
|
||||
/>
|
||||
<SelectControl
|
||||
label={__('Image size', 'tainacan')}
|
||||
value={ imageSize }
|
||||
options={ imageSizeOptions }
|
||||
onChange={ ( anImageSize ) => {
|
||||
imageSize = anImageSize;
|
||||
setAttributes({ imageSize: imageSize });
|
||||
setContent();
|
||||
}}
|
||||
/>
|
||||
<RangeControl
|
||||
label={ __('Space between each term', 'tainacan') }
|
||||
value={ !isNaN(spaceBetweenTerms) ? spaceBetweenTerms : 32 }
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ export default function({ attributes, className }) {
|
|||
autoPlaySpeed,
|
||||
loopSlides,
|
||||
hideName,
|
||||
imageSize,
|
||||
showTermThumbnail,
|
||||
taxonomyId
|
||||
} = attributes;
|
||||
|
|
@ -33,6 +34,7 @@ export default function({ attributes, className }) {
|
|||
hide-name={ '' + hideName }
|
||||
large-arrows={ '' + largeArrows }
|
||||
arrows-style={ arrowsStyle }
|
||||
image-size={ imageSize }
|
||||
max-terms-number={ maxTermsNumber }
|
||||
max-terms-per-screen={ maxTermsPerScreen }
|
||||
space-between-terms={ spaceBetweenTerms }
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@ export default (element) => {
|
|||
maxTermsPerScreen: 6,
|
||||
spaceBetweenTerms: 32,
|
||||
spaceAroundCarousel: 50,
|
||||
imageSize: 'tainacan-medium',
|
||||
loopSlides: false,
|
||||
hideName: true,
|
||||
showTermThumbnail: false,
|
||||
|
|
@ -57,6 +58,7 @@ export default (element) => {
|
|||
loopSlides: this.loopSlides,
|
||||
largeArrows: this.largeArrows,
|
||||
arrowsStyle: this.arrowsStyle,
|
||||
imageSize: this.imageSize,
|
||||
maxTermsPerScreen: this.maxTermsPerScreen,
|
||||
spaceBetweenTerms: this.spaceBetweenTerms,
|
||||
spaceAroundCarousel: this.spaceAroundCarousel,
|
||||
|
|
@ -83,6 +85,7 @@ export default (element) => {
|
|||
this.largeArrows = this.$el.attributes['large-arrows'] != undefined ? this.$el.attributes['large-arrows'].value == 'true' : false;
|
||||
this.arrowsStyle = this.$el.attributes['arrows-style'] != undefined ? this.$el.attributes['arrows-style'].value : undefined;
|
||||
this.loopSlides = this.$el.attributes['loop-slides'] != undefined ? this.$el.attributes['loop-slides'].value == 'true' : false;
|
||||
this.imageSize = this.$el.attributes['image-size'] != undefined ? this.$el.attributes['image-size'].value : 'tainacan-medium';
|
||||
this.hideName = this.$el.attributes['hide-name'] != undefined ? this.$el.attributes['hide-name'].value == 'true' : false;
|
||||
this.taxonomyId = this.$el.attributes['taxonomy-id'] != undefined ? this.$el.attributes['taxonomy-id'].value : undefined;
|
||||
this.showTermThumbnail = this.$el.attributes['show-term-thumbnail'] != undefined ? this.$el.attributes['show-term-thumbnail'].value == 'true' : false;
|
||||
|
|
|
|||
|
|
@ -39,8 +39,29 @@
|
|||
:id="isNaN(term.id) ? term.id : 'term-id-' + term.id"
|
||||
:href="term.url">
|
||||
<img
|
||||
:src="term.header_image ? term.header_image : `${tainacanBaseUrl}/assets/images/placeholder_square.png`"
|
||||
:alt="term.name ? term.name : $root.__('Thumbnail', 'tainacan')" >
|
||||
:src="
|
||||
term.thumbnail && term.thumbnail[imageSize] && term.thumbnail[imageSize][0]
|
||||
?
|
||||
term.thumbnail[imageSize][0]
|
||||
:
|
||||
(term.thumbnail && term.thumbnail['thumbnail'] && term.thumbnail['thumbnail'][0]
|
||||
?
|
||||
term.thumbnail['thumbnail'][0]
|
||||
:
|
||||
`${tainacanBaseUrl}/assets/images/placeholder_square.png`)
|
||||
"
|
||||
:data-src="
|
||||
term.thumbnail && term.thumbnail[imageSize] && term.thumbnail[imageSize][0]
|
||||
?
|
||||
term.thumbnail[imageSize][0]
|
||||
:
|
||||
(term.thumbnail && term.thumbnail['thumbnail'] && term.thumbnail['thumbnail'][0]
|
||||
?
|
||||
term.thumbnail['thumbnail'][0]
|
||||
:
|
||||
`${tainacanBaseUrl}/assets/images/placeholder_square.png`)
|
||||
"
|
||||
:alt="term.thumbnail_alt ? term.thumbnail_alt : (term.name ? term.name : $root.__('Thumbnail', 'tainacan'))" >
|
||||
<span v-if="!hideName">{{ term.name ? term.name : '' }}</span>
|
||||
</a>
|
||||
<a
|
||||
|
|
@ -152,6 +173,7 @@ export default {
|
|||
hideName: Boolean,
|
||||
largeArrows: Boolean,
|
||||
arrowsStyle: String,
|
||||
imageSize: String,
|
||||
showTermThumbnail: Boolean,
|
||||
tainacanApiRoot: String,
|
||||
tainacanBaseUrl: String,
|
||||
|
|
@ -172,11 +194,15 @@ export default {
|
|||
paged: undefined,
|
||||
totalTerms: 0,
|
||||
swiper: {},
|
||||
apiRoot: '',
|
||||
errorMessage: 'No terms found.'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.tainacanAxios = axios.create({ baseURL: this.tainacanApiRoot });
|
||||
|
||||
this.apiRoot = (tainacan_blocks && tainacan_blocks.root && !this.tainacanApiRoot) ? tainacan_blocks.root : this.tainacanApiRoot;
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.apiRoot });
|
||||
if (tainacan_blocks && tainacan_blocks.nonce)
|
||||
this.tainacanAxios.defaults.headers.common['X-WP-Nonce'] = tainacan_blocks.nonce;
|
||||
|
||||
|
|
|
|||
|
|
@ -678,7 +678,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
setContent();
|
||||
}}
|
||||
min={ 1 }
|
||||
max={ 96 }
|
||||
max={ tainacan_blocks.api_max_items_per_page ? Number(tainacan_blocks.api_max_items_per_page) : 96 }
|
||||
/>
|
||||
<hr></hr>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -324,13 +324,16 @@ export default {
|
|||
tainacanAxios: undefined,
|
||||
paged: undefined,
|
||||
totalItems: 0,
|
||||
apiRoot: '',
|
||||
errorMessage: 'No items found.'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.tainacanApiRoot });
|
||||
if (tainacan_blocks && tainacan_blocks.nonce)
|
||||
this.apiRoot = (tainacan_blocks && tainacan_blocks.root && !this.tainacanApiRoot) ? tainacan_blocks.root : this.tainacanApiRoot;
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.apiRoot });
|
||||
if ( tainacan_blocks && tainacan_blocks.nonce )
|
||||
this.tainacanAxios.defaults.headers.common['X-WP-Nonce'] = tainacan_blocks.nonce;
|
||||
|
||||
this.localOrder = this.order;
|
||||
|
|
|
|||
|
|
@ -93,8 +93,8 @@ export default class TermModal extends React.Component {
|
|||
id: term.id,
|
||||
url: term.url,
|
||||
header_image: [{
|
||||
src: term.header_image,
|
||||
alt: term.name
|
||||
src: term.thumbnail && term.thumbnail['tainacan-small'] && term.thumbnail['tainacan-small'][0] ? term.thumbnail['tainacan-small'][0] : term.header_image,
|
||||
alt: term.thumbnail_alt ? term.thumbnail_alt : term.name
|
||||
}]
|
||||
}));
|
||||
|
||||
|
|
@ -134,8 +134,8 @@ export default class TermModal extends React.Component {
|
|||
id: term.id,
|
||||
url: term.url,
|
||||
header_image: [{
|
||||
src: term.header_image,
|
||||
alt: term.name
|
||||
src: term.thumbnail && term.thumbnail['tainacan-small'] && term.thumbnail['tainacan-small'][0] ? term.thumbnail['tainacan-small'][0] : term.header_image,
|
||||
alt: term.thumbnail_alt ? term.thumbnail_alt : term.name
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,13 +48,26 @@
|
|||
content: item.metadata != undefined ? renderMetadata(item, column) : '',
|
||||
html: true,
|
||||
autoHide: false,
|
||||
placement: 'auto-start',
|
||||
placement: 'top-start',
|
||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||
}"
|
||||
v-for="(column, metadatumIndex) in displayedMetadata"
|
||||
:key="metadatumIndex"
|
||||
v-if="column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'title')"
|
||||
v-html="item.metadata != undefined && collectionId ? renderMetadata(item, column) : (item.title ? item.title :`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
v-html="item.metadata != undefined && collectionId && renderMetadata(item, column) ? renderMetadata(item, column) : (item.title ? item.title :`<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`)" />
|
||||
<div class="tainacan-map-card-thumbnail">
|
||||
<blur-hash-image
|
||||
v-if="item.thumbnail != undefined"
|
||||
class="tainacan-map-card-item-thumbnail"
|
||||
:width="$thumbHelper.getWidth(item['thumbnail'], 'tainacan-small', 40)"
|
||||
:height="$thumbHelper.getHeight(item['thumbnail'], 'tainacan-small', 40)"
|
||||
:hash="$thumbHelper.getBlurhashString(item['thumbnail'], 'tainacan-small')"
|
||||
:src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small', item.document_mimetype)"
|
||||
:srcset="$thumbHelper.getSrcSet(item['thumbnail'], 'tainacan-small', item.document_mimetype)"
|
||||
:alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
|
||||
:transition-duration="500"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
v-if="isSlideshowViewModeEnabled"
|
||||
v-tooltip="{
|
||||
|
|
|
|||
|
|
@ -131,7 +131,7 @@ export default (element) => {
|
|||
|
||||
// View Modes Logic
|
||||
const registeredViewModes =
|
||||
( tainacan_plugin && tainacan_plugin.registered_view_modes && tainacan_plugin.registered_view_modes.lenght ) ?
|
||||
( tainacan_plugin && tainacan_plugin.registered_view_modes && tainacan_plugin.registered_view_modes.length ) ?
|
||||
tainacan_plugin.registered_view_modes :
|
||||
[ 'table', 'cards', 'records', 'masonry', 'slideshow', 'list', 'map' ];
|
||||
|
||||
|
|
|
|||
|
|
@ -14,129 +14,133 @@
|
|||
},
|
||||
"attributes": {
|
||||
"content": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"source": "children",
|
||||
"selector": "div"
|
||||
},
|
||||
"collectionId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"collectionSlug": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"facets": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"facetsObject": {
|
||||
"type": "Array",
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"showImage": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"nameInsideImage": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"showItemsCount": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"showLoadMore": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"showSearchBar": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"layout": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "grid"
|
||||
},
|
||||
"cloudRate": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": 1
|
||||
},
|
||||
"isModalOpen": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"gridMargin": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": 24
|
||||
},
|
||||
"metadatumId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"metadatumType": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"facetsRequestSource": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"maxFacetsNumber": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"value": 12
|
||||
},
|
||||
"isLoading": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"isLoadingCollection": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"value": false
|
||||
},
|
||||
"collection": {
|
||||
"type": "Object",
|
||||
"type": "object",
|
||||
"value": {}
|
||||
},
|
||||
"searchString": {
|
||||
"type": "String",
|
||||
"searchstring": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"blockId": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"parentTerm": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": null
|
||||
},
|
||||
"isParentTermModalOpen": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"maxColumnsCount": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": 5
|
||||
},
|
||||
"appendChildTerms": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"childFacetsObject": {
|
||||
"type": "Object",
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"linkTermFacetsToTermPage": {
|
||||
"type": "Boolean",
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"isLoadingChildTerms": {
|
||||
"type": "Number",
|
||||
"type": "number",
|
||||
"default": null
|
||||
},
|
||||
"itemsCountStyle": {
|
||||
"type": "String",
|
||||
"type": "string",
|
||||
"default": "default"
|
||||
},
|
||||
"imageSize": {
|
||||
"type": "string",
|
||||
"default": "tainacan-medium"
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,190 @@
|
|||
const { useBlockProps } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
export default [
|
||||
/* Deprecated on Tainacan 0.20.1 to add imageSize */
|
||||
{
|
||||
"attributes": {
|
||||
"content": {
|
||||
"type": "Array",
|
||||
"source": "children",
|
||||
"selector": "div"
|
||||
},
|
||||
"collectionId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"collectionSlug": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"facets": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"facetsObject": {
|
||||
"type": "Array",
|
||||
"default": []
|
||||
},
|
||||
"showImage": {
|
||||
"type": "Boolean",
|
||||
"default": true
|
||||
},
|
||||
"nameInsideImage": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"showItemsCount": {
|
||||
"type": "Boolean",
|
||||
"default": true
|
||||
},
|
||||
"showLoadMore": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"showSearchBar": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"layout": {
|
||||
"type": "String",
|
||||
"default": "grid"
|
||||
},
|
||||
"cloudRate": {
|
||||
"type": "Number",
|
||||
"default": 1
|
||||
},
|
||||
"isModalOpen": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"gridMargin": {
|
||||
"type": "Number",
|
||||
"default": 24
|
||||
},
|
||||
"metadatumId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"metadatumType": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"facetsRequestSource": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"maxFacetsNumber": {
|
||||
"type": "Number",
|
||||
"value": 12
|
||||
},
|
||||
"isLoading": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"isLoadingCollection": {
|
||||
"type": "Boolean",
|
||||
"value": false
|
||||
},
|
||||
"collection": {
|
||||
"type": "Object",
|
||||
"value": {}
|
||||
},
|
||||
"searchString": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"blockId": {
|
||||
"type": "String",
|
||||
"default": ""
|
||||
},
|
||||
"parentTerm": {
|
||||
"type": "Number",
|
||||
"default": null
|
||||
},
|
||||
"isParentTermModalOpen": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"maxColumnsCount": {
|
||||
"type": "Number",
|
||||
"default": 5
|
||||
},
|
||||
"appendChildTerms": {
|
||||
"type": "Boolean",
|
||||
"default": false
|
||||
},
|
||||
"childFacetsObject": {
|
||||
"type": "Object",
|
||||
"default": {}
|
||||
},
|
||||
"linkTermFacetsToTermPage": {
|
||||
"type": "Boolean",
|
||||
"default": true
|
||||
},
|
||||
"isLoadingChildTerms": {
|
||||
"type": "Number",
|
||||
"default": null
|
||||
},
|
||||
"itemsCountStyle": {
|
||||
"type": "String",
|
||||
"default": "default"
|
||||
}
|
||||
},
|
||||
save({ attributes, className }) {
|
||||
const {
|
||||
content,
|
||||
blockId,
|
||||
collectionId,
|
||||
collectionSlug,
|
||||
parentTerm,
|
||||
showImage,
|
||||
nameInsideImage,
|
||||
showItemsCount,
|
||||
showLoadMore,
|
||||
layout,
|
||||
cloudRate,
|
||||
gridMargin,
|
||||
metadatumId,
|
||||
metadatumType,
|
||||
maxFacetsNumber,
|
||||
maxColumnsCount,
|
||||
showSearchBar,
|
||||
linkTermFacetsToTermPage,
|
||||
appendChildTerms,
|
||||
itemsCountStyle
|
||||
} = attributes;
|
||||
|
||||
// Gets attributes such as style, that are automatically added by the editor hook
|
||||
const blockProps = tainacan_blocks.wp_version < '5.6' ? { className: className } : useBlockProps.save();
|
||||
return <div
|
||||
{ ...blockProps }
|
||||
data-module="facets-list"
|
||||
metadatum-id={ metadatumId }
|
||||
metadatum-type={ metadatumType }
|
||||
collection-id={ collectionId }
|
||||
collection-slug={ collectionSlug }
|
||||
parent-term-id={ parentTerm ? parentTerm.id : undefined }
|
||||
show-image={ '' + showImage }
|
||||
name-inside-image={ nameInsideImage === true ? 'true' : 'false' }
|
||||
show-items-count={ '' + showItemsCount }
|
||||
show-search-bar={ '' + showSearchBar }
|
||||
show-load-more={ '' + showLoadMore }
|
||||
append-child-terms={ (appendChildTerms === true ? 'true' : 'false') }
|
||||
link-term-facets-to-term-page={ linkTermFacetsToTermPage === false ? 'false' : 'true' }
|
||||
layout={ layout }
|
||||
items-count-style={ itemsCountStyle }
|
||||
cloud-rate={ cloudRate }
|
||||
grid-margin={ gridMargin }
|
||||
max-facets-number={ maxFacetsNumber }
|
||||
max-columns-count={ maxColumnsCount }
|
||||
tainacan-api-root={ tainacan_blocks.root }
|
||||
tainacan-base-url={ tainacan_blocks.base_url }
|
||||
tainacan-site-url={ tainacan_blocks.site_url }
|
||||
id={ 'wp-block-tainacan-facets-list_' + blockId }>
|
||||
{ content }
|
||||
</div>
|
||||
}
|
||||
},
|
||||
/* Deprecated on Tainacan 0.18.6 due to itemsCountStyle */
|
||||
{
|
||||
"attributes": {
|
||||
|
|
|
|||
|
|
@ -2,13 +2,18 @@ const { __ } = wp.i18n;
|
|||
|
||||
const { BaseControl, RangeControl, Spinner, SelectControl, Button, ToggleControl, Placeholder, PanelBody } = wp.components;
|
||||
|
||||
const { InspectorControls, BlockControls, useBlockProps } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
const { InspectorControls, BlockControls, useBlockProps, store } = (tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
|
||||
|
||||
const { useSelect } = wp.data;
|
||||
|
||||
import map from 'lodash/map'; // Do not user import { map,pick } from 'lodash'; -> These causes conflicts with underscore due to lodash global variable
|
||||
import pick from 'lodash/pick';
|
||||
import MetadataModal from './metadata-modal.js';
|
||||
import ParentTermModal from './parent-term-modal.js';
|
||||
import tainacan from '../../js/axios.js';
|
||||
import axios from 'axios';
|
||||
import qs from 'qs';
|
||||
import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
|
||||
import TainacanBlocksCompatToolbar from '../../js/compatibility/tainacan-blocks-compat-toolbar.js';
|
||||
|
||||
export default function({ attributes, setAttributes, className, isSelected, clientId }) {
|
||||
|
|
@ -40,7 +45,8 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
childFacetsObject,
|
||||
linkTermFacetsToTermPage,
|
||||
isLoadingChildTerms,
|
||||
itemsCountStyle
|
||||
itemsCountStyle,
|
||||
imageSize
|
||||
} = attributes;
|
||||
|
||||
// Gets blocks props from hook
|
||||
|
|
@ -87,7 +93,30 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
if (metadatumType == __('Relationship', 'tainacan')) {
|
||||
metadatumType = 'Tainacan\\Metadata_Types\\Relationship';
|
||||
setAttributes({ metadatumType: metadatumType });
|
||||
} if (imageSize === undefined) {
|
||||
imageSize = 'tainacan-medium';
|
||||
setAttributes({ imageSize: imageSize });
|
||||
}
|
||||
|
||||
const thumbHelper = ThumbnailHelperFunctions();
|
||||
|
||||
// Get available image sizes
|
||||
const { imageSizes } = useSelect(
|
||||
( select ) => {
|
||||
const { getSettings } = select( store );
|
||||
|
||||
const settings = pick( getSettings(), [
|
||||
'imageSizes'
|
||||
] );
|
||||
return settings
|
||||
},
|
||||
[ clientId ]
|
||||
);
|
||||
const imageSizeOptions = map(
|
||||
imageSizes,
|
||||
( { name, slug } ) => ( { value: slug, label: name } )
|
||||
);
|
||||
|
||||
|
||||
function prepareFacet(facet) {
|
||||
const facetId = facet.id != undefined ? facet.id : facet.value;
|
||||
|
|
@ -96,38 +125,23 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
key={ facetId }
|
||||
className={ 'facet-list-item' + (!showImage ? ' facet-without-image' : '') + (nameInsideImage ? ' facet-with-name-inside-image' : '') + ((appendChildTerms && facet.total_children > 0) ? ' facet-term-with-children': '')}>
|
||||
<a
|
||||
id={ isNaN(facetId) ? facetId : 'facet-id-' + facetId }
|
||||
href={ !appendChildTerms ? ((linkTermFacetsToTermPage && isMetadatumTypeTaxonomy(metadatumType)) ? facet.term_url : facet.url) : (facet.total_children > 0 ? null : (linkTermFacetsToTermPage ? facet.term_url : facet.url)) }
|
||||
onClick={ () => { (appendChildTerms && facet.total_children > 0) ? displayChildTerms(facetId) : null } }
|
||||
style={{ fontSize: layout == 'cloud' && facet.total_items ? + (1 + (cloudRate/4) * Math.log(facet.total_items)) + 'em' : ''}}>
|
||||
{ isMetadatumTypeTaxonomy(metadatumType) ?
|
||||
<img
|
||||
src={
|
||||
facet.entity && facet.entity['header_image']
|
||||
?
|
||||
facet.entity['header_image']
|
||||
:
|
||||
`${tainacan_blocks.base_url}/assets/images/placeholder_square.png`
|
||||
}
|
||||
alt={ facet.label ? facet.label : __( 'Thumbnail', 'tainacan' ) }/>
|
||||
: null
|
||||
}
|
||||
{ isMetadatumTypeRelationship(metadatumType) ?
|
||||
<img
|
||||
src={
|
||||
facet.entity.thumbnail && facet.entity.thumbnail['tainacan-medium'][0] && facet.entity.thumbnail['tainacan-medium'][0]
|
||||
?
|
||||
facet.entity.thumbnail['tainacan-medium'][0]
|
||||
:
|
||||
(facet.entity.thumbnail && facet.entity.thumbnail['thumbnail'][0] && facet.entity.thumbnail['thumbnail'][0]
|
||||
?
|
||||
facet.entity.thumbnail['thumbnail'][0]
|
||||
:
|
||||
`${tainacan_blocks.base_url}/assets/images/placeholder_square.png`)
|
||||
}
|
||||
alt={ facet.label ? facet.label : __( 'Thumbnail', 'tainacan' ) }/>
|
||||
: null
|
||||
}
|
||||
id={ isNaN(facetId) ? facetId : 'facet-id-' + facetId }
|
||||
href={ !appendChildTerms ? ((linkTermFacetsToTermPage && isMetadatumTypeTaxonomy(metadatumType)) ? facet.term_url : facet.url) : (facet.total_children > 0 ? null : (linkTermFacetsToTermPage ? facet.term_url : facet.url)) }
|
||||
onClick={ () => { (appendChildTerms && facet.total_children > 0) ? displayChildTerms(facetId) : null } }
|
||||
style={{ fontSize: layout == 'cloud' && facet.total_items ? + (1 + (cloudRate/4) * Math.log(facet.total_items)) + 'em' : ''}}>
|
||||
<img
|
||||
src={
|
||||
facet.entity.thumbnail && facet.entity.thumbnail[imageSize][0] && facet.entity.thumbnail[imageSize][0]
|
||||
?
|
||||
facet.entity.thumbnail[imageSize][0]
|
||||
:
|
||||
(facet.entity.thumbnail && facet.entity.thumbnail['thumbnail'][0] && facet.entity.thumbnail['thumbnail'][0]
|
||||
?
|
||||
facet.entity.thumbnail['thumbnail'][0]
|
||||
:
|
||||
`${tainacan_blocks.base_url}/assets/images/placeholder_square.png`)
|
||||
}
|
||||
alt={ facet.label ? facet.label : __( 'Thumbnail', 'tainacan' ) }/>
|
||||
<div className={ 'facet-label-and-count' + (itemsCountStyle === 'below' ? ' is-style-facet-label-and-count--below' : '') }>
|
||||
<span>{ facet.label ? facet.label : '' }</span>
|
||||
{
|
||||
|
|
@ -507,7 +521,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
setContent();
|
||||
}}
|
||||
min={ 1 }
|
||||
max={ 96 }
|
||||
max={ tainacan_blocks.api_max_items_per_page ? Number(tainacan_blocks.api_max_items_per_page) : 96 }
|
||||
/>
|
||||
<ToggleControl
|
||||
label={__('Items count', 'tainacan')}
|
||||
|
|
@ -592,6 +606,17 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
>
|
||||
<div>
|
||||
{ (isMetadatumTypeTaxonomy(metadatumType) || isMetadatumTypeRelationship(metadatumType)) ?
|
||||
<>
|
||||
<SelectControl
|
||||
label={__('Image size', 'tainacan')}
|
||||
value={ imageSize }
|
||||
options={ imageSizeOptions }
|
||||
onChange={ ( anImageSize ) => {
|
||||
imageSize = anImageSize;
|
||||
setAttributes({ imageSize: imageSize });
|
||||
setContent();
|
||||
}}
|
||||
/>
|
||||
<ToggleControl
|
||||
label={__('Name inside image', 'tainacan')}
|
||||
help={ nameInsideImage ? __("Toggle to show facet's name inside the image", 'tainacan') : __("Do not show facet's name image", 'tainacan')}
|
||||
|
|
@ -602,7 +627,8 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
updateContent();
|
||||
}
|
||||
}
|
||||
/> : null
|
||||
/>
|
||||
</> : null
|
||||
}
|
||||
<div style={{ marginTop: '16px'}}>
|
||||
<RangeControl
|
||||
|
|
@ -642,6 +668,17 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
>
|
||||
<div>
|
||||
{ (isMetadatumTypeTaxonomy(metadatumType) || isMetadatumTypeRelationship(metadatumType)) ?
|
||||
<>
|
||||
<SelectControl
|
||||
label={__('Image size', 'tainacan')}
|
||||
value={ imageSize }
|
||||
options={ imageSizeOptions }
|
||||
onChange={ ( anImageSize ) => {
|
||||
imageSize = anImageSize;
|
||||
setAttributes({ imageSize: imageSize });
|
||||
setContent();
|
||||
}}
|
||||
/>
|
||||
<ToggleControl
|
||||
label={__('Image', 'tainacan')}
|
||||
help={ showImage ? __("Toggle to show facet's image", 'tainacan') : __("Do not show facet's image", 'tainacan')}
|
||||
|
|
@ -653,6 +690,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
}
|
||||
}
|
||||
/>
|
||||
</>
|
||||
: null }
|
||||
<div style={{ marginTop: '16px'}}>
|
||||
<RangeControl
|
||||
|
|
@ -706,7 +744,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
existingMetadatumId={ metadatumId }
|
||||
existingMetadatumType={ metadatumType }
|
||||
onSelectCollection={ (selectedCollection) => {
|
||||
collectionId = selectedCollection.id;
|
||||
collectionId = selectedCollection.id + "";
|
||||
collectionSlug = selectedCollection.slug;
|
||||
|
||||
setAttributes({
|
||||
|
|
@ -715,7 +753,7 @@ export default function({ attributes, setAttributes, className, isSelected, clie
|
|||
});
|
||||
}}
|
||||
onSelectMetadatum={ (selectedFacet) =>{
|
||||
metadatumId = selectedFacet.metadatumId;
|
||||
metadatumId = selectedFacet.metadatumId + "";
|
||||
metadatumType = selectedFacet.metadatumType;
|
||||
setAttributes({
|
||||
metadatumId: metadatumId,
|
||||
|
|
|
|||
|
|
@ -8,21 +8,10 @@
|
|||
@click="() => { isCollapseInsteadOfLink(facet) ? displayChildTerms(facetId) : null }"
|
||||
:style="{ fontSize: layout == 'cloud' && facet.total_items ? + (1 + (cloudRate/4) * Math.log(facet.total_items)) + 'em' : ''}">
|
||||
<img
|
||||
v-if="isMetadatumTypeTaxonomy"
|
||||
:src="
|
||||
facet.entity && facet.entity['header_image']
|
||||
?
|
||||
facet.entity['header_image']
|
||||
:
|
||||
`${tainacanBaseUrl}/assets/images/placeholder_square.png`
|
||||
"
|
||||
:alt="facet.label ? facet.label : $root.__('Thumbnail', 'tainacan')">
|
||||
<img
|
||||
v-if="isMetadatumTypeRelationship"
|
||||
:src="
|
||||
facet.entity.thumbnail && facet.entity.thumbnail['tainacan-medium'][0] && facet.entity.thumbnail['tainacan-medium'][0]
|
||||
facet.entity.thumbnail && facet.entity.thumbnail[imageSize][0] && facet.entity.thumbnail[imageSize][0]
|
||||
?
|
||||
facet.entity.thumbnail['tainacan-medium'][0]
|
||||
facet.entity.thumbnail[imageSize][0]
|
||||
:
|
||||
(facet.entity.thumbnail && facet.entity.thumbnail['thumbnail'][0] && facet.entity.thumbnail['thumbnail'][0]
|
||||
?
|
||||
|
|
@ -30,7 +19,7 @@
|
|||
:
|
||||
`${tainacanBaseUrl}/assets/images/placeholder_square.png`)
|
||||
"
|
||||
:alt="facet.label ? facet.label : $root.__('Thumbnail', 'tainacan')">
|
||||
:alt="facet.thumbnail_alt ? facet.thumbnail_alt : (facet.label ? facet.label : $root.__('Thumbnail', 'tainacan'))">
|
||||
<div :class=" 'facet-label-and-count' + (itemsCountStyle === 'below' ? ' is-style-facet-label-and-count--below' : '')">
|
||||
<span>{{ facet.label ? facet.label : '' }}</span>
|
||||
<span
|
||||
|
|
@ -143,7 +132,8 @@ export default {
|
|||
childFacetsObject: Object,
|
||||
isMetadatumTypeTaxonomy: Boolean,
|
||||
isMetadatumTypeRelationship: Boolean,
|
||||
itemsCountStyle: String
|
||||
itemsCountStyle: String,
|
||||
imageSize: String
|
||||
},
|
||||
computed:{
|
||||
facetId() {
|
||||
|
|
|
|||
|
|
@ -21,7 +21,8 @@ export default function({ attributes, className }) {
|
|||
showSearchBar,
|
||||
linkTermFacetsToTermPage,
|
||||
appendChildTerms,
|
||||
itemsCountStyle
|
||||
itemsCountStyle,
|
||||
imageSize
|
||||
} = attributes;
|
||||
|
||||
// Gets attributes such as style, that are automatically added by the editor hook
|
||||
|
|
@ -39,6 +40,7 @@ export default function({ attributes, className }) {
|
|||
show-items-count={ '' + showItemsCount }
|
||||
show-search-bar={ '' + showSearchBar }
|
||||
show-load-more={ '' + showLoadMore }
|
||||
image-size={ imageSize }
|
||||
append-child-terms={ (appendChildTerms === true ? 'true' : 'false') }
|
||||
link-term-facets-to-term-page={ linkTermFacetsToTermPage === false ? 'false' : 'true' }
|
||||
layout={ layout }
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@ export default (element) => {
|
|||
nameInsideImage: false,
|
||||
linkTermFacetsToTermPage: true,
|
||||
appendChildTerms: false,
|
||||
imageSize: 'tainacan-medium',
|
||||
layout: 'grid',
|
||||
itemsCountStyle: 'default',
|
||||
cloudRate: 1,
|
||||
|
|
@ -67,6 +68,7 @@ export default (element) => {
|
|||
itemsCountStyle: this.itemsCountStyle,
|
||||
cloudRate: this.cloudRate,
|
||||
gridMargin: this.gridMargin,
|
||||
imageSize: this.imageSize,
|
||||
linkTermFacetsToTermPage: this.linkTermFacetsToTermPage,
|
||||
appendChildTerms: this.appendChildTerms,
|
||||
maxFacetsNumber: this.maxFacetsNumber,
|
||||
|
|
@ -95,6 +97,7 @@ export default (element) => {
|
|||
this.itemsCountStyle = this.$el.attributes['items-count-style'] != undefined ? this.$el.attributes['items-count-style'].value : undefined;
|
||||
this.cloudRate = this.$el.attributes['cloud-rate'] != undefined ? Number(this.$el.attributes['cloud-rate'].value) : undefined;
|
||||
this.gridMargin = this.$el.attributes['grid-margin'] != undefined ? Number(this.$el.attributes['grid-margin'].value) : undefined;
|
||||
this.imageSize = this.$el.attributes['image-size'] != undefined ? this.$el.attributes['image-size'].value : 'tainacan-medium';
|
||||
this.linkTermFacetsToTermPage = this.$el.attributes['link-term-facets-to-term-page'] != undefined ? this.$el.attributes['link-term-facets-to-term-page'].value == 'true' : true;
|
||||
this.maxFacetsNumber = this.$el.attributes['max-facets-number'] != undefined ? this.$el.attributes['max-facets-number'].value : undefined;
|
||||
this.maxColumnsCount = this.$el.attributes['max-columns-count'] != undefined ? this.$el.attributes['max-columns-count'].value : 5;
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@
|
|||
:child-facets-object="childFacetsObject"
|
||||
:append-child-terms="appendChildTerms"
|
||||
:facet="facet"
|
||||
:image-size="imageSize"
|
||||
:cloud-rate="cloudRate"
|
||||
:items-count-style="itemsCountStyle"
|
||||
:tainacan-base-url="tainacanBaseUrl"
|
||||
|
|
@ -121,6 +122,7 @@
|
|||
:child-facets-object="childFacetsObject"
|
||||
:append-child-terms="appendChildTerms"
|
||||
:facet="facet"
|
||||
:image-size="imageSize"
|
||||
:cloud-rate="cloudRate"
|
||||
:items-count-style="itemsCountStyle"
|
||||
:tainacan-base-url="tainacanBaseUrl"
|
||||
|
|
@ -194,7 +196,8 @@ export default {
|
|||
tainacanBaseUrl: String,
|
||||
tainacanSiteUrl: String,
|
||||
className: String,
|
||||
customStyle: String
|
||||
customStyle: String,
|
||||
imageSize: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -211,6 +214,7 @@ export default {
|
|||
tainacanAxios: undefined,
|
||||
offset: undefined,
|
||||
totalFacets: 0,
|
||||
apiRoot: '',
|
||||
lastTerm: undefined,
|
||||
localParentTermId: ''
|
||||
}
|
||||
|
|
@ -224,7 +228,9 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
this.tainacanAxios = axios.create({ baseURL: this.tainacanApiRoot });
|
||||
this.apiRoot = (tainacan_blocks && tainacan_blocks.root && !this.tainacanApiRoot) ? tainacan_blocks.root : this.tainacanApiRoot;
|
||||
|
||||
this.tainacanAxios = axios.create({ baseURL: this.apiRoot });
|
||||
|
||||
if (tainacan_blocks && tainacan_blocks.nonce)
|
||||
this.tainacanAxios.defaults.headers.common['X-WP-Nonce'] = tainacan_blocks.nonce;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
"apiVersion": 2,
|
||||
"category": "tainacan-blocks",
|
||||
"keywords": [ "item", "location", "geographic", "coordinates", "metadatum", "field", "value" ],
|
||||
"description": "A single item geographic metadatum, containing location information.",
|
||||
"description": "A single item geocoordinate metadatum, containing location information.",
|
||||
"textdomain": "tainacan",
|
||||
"parent": [],
|
||||
"example": {
|
||||
|
|
|
|||
|
|
@ -286,7 +286,7 @@
|
|||
li.swiper-slide {
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
font-size: 0.875em;
|
||||
max-width: calc(var(--tainacan-media-thumbs-carousel-item-size, 136px) + 17px);
|
||||
|
||||
|
|
@ -328,15 +328,18 @@
|
|||
font-size: 1em;
|
||||
color: var(--tainacan-media-metadata-color, #454647);
|
||||
opacity: 0.75;
|
||||
word-break: break-word;
|
||||
}
|
||||
.swiper-slide-metadata__caption {
|
||||
font-size: 0.9375em;
|
||||
color: var(--tainacan-media-metadata-color, #454647);
|
||||
word-break: break-word;
|
||||
}
|
||||
.swiper-slide-metadata__caption {
|
||||
font-size: 0.875em;
|
||||
color: var(---tainacan-media-metadata-color, #454647);
|
||||
opacity: 0.85;
|
||||
word-break: break-word;
|
||||
}
|
||||
.swiper-slide-metadata {
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@
|
|||
|
||||
<!-- Parent -------------- -->
|
||||
<b-field
|
||||
v-if="isHierarchical"
|
||||
:addons="false"
|
||||
:type="((formErrors.parent !== '' || formErrors.repeated !== '') && (formErrors.parent !== undefined || formErrors.repeated !== undefined )) ? 'is-danger' : ''"
|
||||
:message="formErrors.parent ? formErrors : formErrors.repeated">
|
||||
|
|
@ -71,7 +72,7 @@
|
|||
class="media-left">
|
||||
<img
|
||||
width="28"
|
||||
:src="props.option.header_image">
|
||||
:src="props.option.thumbnail && props.option.thumbnail['tainacan-small'] && props.option.thumbnail['tainacan-small'][0] ? props.option.thumbnail['tainacan-small'][0] : props.option.header_image">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
{{ props.option.name }}
|
||||
|
|
@ -83,19 +84,23 @@
|
|||
</b-field>
|
||||
|
||||
<!-- Submit buttons -------------- -->
|
||||
<div class="field is-grouped form-submit">
|
||||
<div class="control">
|
||||
<div
|
||||
class="wp-block-buttons form-submit"
|
||||
style="gap: 1rem;">
|
||||
<div
|
||||
class="wp-block-button is-style-outline"
|
||||
style="margin-right: auto;">
|
||||
<button
|
||||
type="button"
|
||||
class="button is-outlined"
|
||||
class="wp-block-button__link wp-element-button"
|
||||
@click.prevent="cancelEdition()"
|
||||
slot="trigger">
|
||||
{{ $i18n.get('cancel') }}
|
||||
</button>
|
||||
</div>
|
||||
<div class="control">
|
||||
<div class="wp-block-button">
|
||||
<button
|
||||
class="button is-success"
|
||||
class="wp-block-button__link wp-element-button"
|
||||
type="submit">
|
||||
{{ $i18n.get('label_create_and_select') }}
|
||||
</button>
|
||||
|
|
@ -107,14 +112,15 @@
|
|||
|
||||
<script>
|
||||
import { formHooks } from "../../../../../admin/js/mixins";
|
||||
import { mapActions, mapGetters } from 'vuex';
|
||||
import { mapActions } from 'vuex';
|
||||
|
||||
export default {
|
||||
name: 'TermEditionForm',
|
||||
mixins: [ formHooks ],
|
||||
props: {
|
||||
originalForm: Object,
|
||||
taxonomyId: ''
|
||||
taxonomyId: '',
|
||||
isHierarchical: Boolean
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -157,13 +163,10 @@
|
|||
methods: {
|
||||
...mapActions('taxonomy', [
|
||||
'sendChildTerm',
|
||||
'updateChildTerm',
|
||||
'updateTerm',
|
||||
'fetchParentName',
|
||||
'fetchPossibleParentTerms'
|
||||
]),
|
||||
...mapGetters('taxonomy', [
|
||||
'getTerms'
|
||||
]),
|
||||
saveEdition(term) {
|
||||
|
||||
if (term.id === 'new') {
|
||||
|
|
@ -260,7 +263,7 @@
|
|||
border-left: 1px solid var(--tainacan-input-border-color, #dbdbdb);
|
||||
border-bottom: 1px solid var(--tainacan-input-border-color, #dbdbdb);
|
||||
column-count: 2;
|
||||
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
column-count: 1;
|
||||
}
|
||||
|
|
@ -269,9 +272,10 @@
|
|||
break-inside: avoid;
|
||||
}
|
||||
.form-submit {
|
||||
padding-top: 0;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 0;
|
||||
column-span: all;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -499,6 +499,9 @@
|
|||
v-if="enabledMetadata[index] == 'true'"
|
||||
:item-metadatum="itemMetadatum"
|
||||
:hide-collapses="hideCollapses"
|
||||
:hide-metadata-types="hideMetadataTypes"
|
||||
:hide-help-buttons="hideHelpButtons"
|
||||
:help-info-bellow-label="helpInfoBellowLabel"
|
||||
:is-collapsed="metadataCollapses[index]"
|
||||
@changeCollapse="onChangeCollapse($event, index)"/>
|
||||
|
||||
|
|
@ -609,6 +612,7 @@
|
|||
style="margin-right: auto;">
|
||||
<button
|
||||
@click="onDiscard()"
|
||||
id="tainacan-item-submission-block-button--cancel"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('cancel') }}
|
||||
|
|
@ -619,6 +623,7 @@
|
|||
class="wp-block-button">
|
||||
<button
|
||||
@click="onPreviousStep()"
|
||||
id="tainacan-item-submission-block-button--previous"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('previous') }}
|
||||
|
|
@ -629,6 +634,7 @@
|
|||
class="wp-block-button">
|
||||
<button
|
||||
@click="onNextStep()"
|
||||
id="tainacan-item-submission-block-button--next"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
{{ $i18n.get('next') }}
|
||||
|
|
@ -639,6 +645,7 @@
|
|||
class="wp-block-button">
|
||||
<button
|
||||
:disabled="showTermsAgreementCheckbox && !userHasAgreedToTerms"
|
||||
id="tainacan-item-submission-block-button--submit"
|
||||
@click="onSubmit()"
|
||||
type="button"
|
||||
class="wp-block-button__link wp-element-button">
|
||||
|
|
@ -880,7 +887,7 @@ export default {
|
|||
},
|
||||
},
|
||||
created() {
|
||||
|
||||
|
||||
// Puts loading on form
|
||||
this.isLoading = true;
|
||||
|
||||
|
|
@ -953,7 +960,6 @@ export default {
|
|||
});
|
||||
},
|
||||
mounted() {
|
||||
|
||||
// Checks if only one type of document is allowed. In this case we preset document type
|
||||
if (!this.hideFileModalButton && this.hideTextModalButton && this.hideLinkModalButton)
|
||||
this.form.document_type = 'attachment';
|
||||
|
|
|
|||
|
|
@ -135,8 +135,8 @@ export default class TermsModal extends React.Component {
|
|||
id: term.id,
|
||||
url: term.url,
|
||||
header_image: [{
|
||||
src: term.header_image,
|
||||
alt: term.name
|
||||
src: term.thumbnail && term.thumbnail['tainacan-medium'] && term.thumbnail['tainacan-medium'][0] ? term.thumbnail['tainacan-medium'][0] : term.header_image,
|
||||
alt: term.thumbnail_alt ? term.thumbnail_alt : term.name
|
||||
}]
|
||||
}));
|
||||
|
||||
|
|
@ -176,8 +176,8 @@ export default class TermsModal extends React.Component {
|
|||
id: term.id,
|
||||
url: term.url,
|
||||
header_image: [{
|
||||
src: term.header_image,
|
||||
alt: term.name
|
||||
src: term.thumbnail && term.thumbnail['tainacan-medium'] && term.thumbnail['tainacan-medium'][0] ? term.thumbnail['tainacan-medium'][0] : term.header_image,
|
||||
alt: term.thumbnail_alt ? term.thumbnail_alt : term.name
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -153,7 +153,7 @@ function tainacan_blocks_register_block($block_slug, $options = []) {
|
|||
wp_register_style(
|
||||
$block_slug,
|
||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-' . $block_slug . '.css',
|
||||
array('tainacan-blocks-common-editor-styles'),
|
||||
array(),
|
||||
$TAINACAN_VERSION
|
||||
);
|
||||
$register_params['style'] = $block_slug;
|
||||
|
|
@ -215,6 +215,7 @@ function tainacan_blocks_get_common_editor_styles() {
|
|||
*/
|
||||
function tainacan_blocks_get_plugin_js_settings(){
|
||||
global $TAINACAN_BASE_URL;
|
||||
global $TAINACAN_API_MAX_ITEMS_PER_PAGE;
|
||||
global $wp_version;
|
||||
|
||||
$Tainacan_Collections = \Tainacan\Repositories\Collections::get_instance();
|
||||
|
|
@ -229,6 +230,7 @@ function tainacan_blocks_get_plugin_js_settings(){
|
|||
'root' => esc_url_raw( rest_url() ) . 'tainacan/v2',
|
||||
'nonce' => is_user_logged_in() ? wp_create_nonce( 'wp_rest' ) : false,
|
||||
'base_url' => $TAINACAN_BASE_URL,
|
||||
'api_max_items_per_page' => $TAINACAN_API_MAX_ITEMS_PER_PAGE,
|
||||
'admin_url' => admin_url(),
|
||||
'site_url' => site_url(),
|
||||
'theme_items_list_url' => esc_url_raw( get_site_url() ) . '/' . \Tainacan\Theme_Helper::get_instance()->get_items_list_slug(),
|
||||
|
|
@ -310,7 +312,7 @@ function tainacan_blocks_get_variations_script() {
|
|||
wp_enqueue_script(
|
||||
'tainacan-blocks-query-variations',
|
||||
$TAINACAN_BASE_URL . '/assets/js/tainacan_blocks_query_variations.js',
|
||||
array('wp-blocks', 'wp-components'),
|
||||
array('wp-blocks', 'wp-components', 'wp-i18n'),
|
||||
$TAINACAN_VERSION
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
const { registerBlockVariation } = wp.blocks;
|
||||
const { __ } = wp.i18n;
|
||||
import itemsIcon from '../blocks/items-list/icon';
|
||||
import collectionsIcon from '../blocks/collections-list/icon';
|
||||
import taxonomiesIcon from '../blocks/terms-list/icon';
|
||||
|
||||
const { registerBlockVariation } = wp.blocks;
|
||||
const { __ } = wp.i18n;
|
||||
|
||||
/**
|
||||
* Adds Tainacan Collections as a query loop variation
|
||||
|
|
@ -91,3 +93,46 @@ Object.keys(POST_TYPES).forEach((postType) => {
|
|||
]
|
||||
} );
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Adds Tainacan Taxonomies as a query loop variation
|
||||
*/
|
||||
registerBlockVariation( 'core/query', {
|
||||
name: 'tainacan-taxonomies',
|
||||
title: __( 'Tainacan taxonomies', 'tainacan'),
|
||||
icon: taxonomiesIcon,
|
||||
category: 'tainacan-blocks-variations',
|
||||
description: __('Displays a list of Tainacan taxonomies', 'tainacan'),
|
||||
isActive: ( { namespace, query } ) => {
|
||||
return (
|
||||
namespace === 'tainacan-taxonomy'
|
||||
&& query.postType === 'tainacan-taxonomy'
|
||||
);
|
||||
},
|
||||
attributes: {
|
||||
namespace: 'tainacan-taxonomy',
|
||||
query: {
|
||||
postType: 'tainacan-taxonomy',
|
||||
perPage: 12,
|
||||
offset: 0
|
||||
},
|
||||
align: 'wide',
|
||||
displayLayout: {
|
||||
type: 'flex',
|
||||
columns: 4
|
||||
}
|
||||
},
|
||||
allowedControls: [ 'inherit', 'order', 'search' ],
|
||||
innerBlocks: [
|
||||
[
|
||||
'core/post-template',
|
||||
{},
|
||||
[
|
||||
// [ 'core/post-featured-image' ],
|
||||
[ 'core/post-title' ]
|
||||
],
|
||||
]
|
||||
]
|
||||
} );
|
||||
|
||||
|
|
|
|||
|
|
@ -241,7 +241,8 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_collection_filters' => __( 'Collection Filters', 'tainacan' ),
|
||||
'label_parent_term' => __( 'Parent Term', 'tainacan' ),
|
||||
'label_children_terms' => __( 'children terms', 'tainacan' ),
|
||||
'label_new_term' => __( 'Create New Term', 'tainacan' ),
|
||||
'label_new_term' => __( 'New Term', 'tainacan' ),
|
||||
'label_create_new_term' => __( 'Create New Term', 'tainacan' ),
|
||||
'label_create_and_select' => __( 'Create and Select', 'tainacan' ),
|
||||
'label_new_child' => __( 'New Child', 'tainacan' ),
|
||||
'label_taxonomy_terms' => __( 'Taxonomy Terms', 'tainacan' ),
|
||||
|
|
@ -311,6 +312,8 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_select_all_items_page' => __( 'Select all items on page', 'tainacan' ),
|
||||
'label_select_all_taxonomies_page' => __( 'Select all taxonomies on page', 'tainacan' ),
|
||||
'label_select_all_processes_page' => __( 'Select all processes on page', 'tainacan' ),
|
||||
'label_select_all_terms' => __( 'Select all taxonomy terms', 'tainacan' ),
|
||||
'label_all_terms_selected' => __( 'All terms selected', 'tainacan' ),
|
||||
'label_add_or_update_attachments' => __( 'Add or update attachments', 'tainacan' ),
|
||||
'label_blank_collection' => __( 'Blank collection', 'tainacan' ),
|
||||
/* translators: the metadata scheme https://dublincore.org/ */
|
||||
|
|
@ -361,6 +364,7 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_remove_value' => __( 'Remove value', 'tainacan' ),
|
||||
'label_create_new_page' => __( 'Create new page', 'tainacan' ),
|
||||
'label_total_items' => __( 'Total items', 'tainacan' ),
|
||||
'label_total_terms' => __( 'Total terms', 'tainacan' ),
|
||||
'label_view_all' => __( 'View all', 'tainacan' ),
|
||||
'label_until' => __( 'until', 'tainacan' ),
|
||||
'label_visibility' => __( 'Visibility', 'tainacan' ),
|
||||
|
|
@ -395,11 +399,12 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_delete_process' => __( 'Delete process', 'tainacan' ),
|
||||
'label_process_failed' => __( 'Process failed', 'tainacan' ),
|
||||
'label_max_options_to_show' => __( 'Max options to show', 'tainacan' ),
|
||||
'label_unnamed_process' => __( 'Unnamed process', 'tainacan' ),
|
||||
'label_unnamed_process' => __( 'Unnamed process', 'tainacan' ),
|
||||
'loading_processes' => __( 'Loading processes', 'tainacan' ),
|
||||
'label_semantic_uri' => __( 'Semantic Uri', 'tainacan' ),
|
||||
'label_view_collection_on_website' => __( 'View collection on website', 'tainacan' ),
|
||||
'label_view_collections_on_website' => __( 'View collections on website', 'tainacan' ),
|
||||
'label_view_collections_on_website' => __( 'View collections on website', 'tainacan' ),
|
||||
'label_view_taxonomies_on_website' => __( 'View taxonomies on website', 'tainacan' ),
|
||||
'label_view_more' => __( 'View more', 'tainacan' ),
|
||||
'label_log_file' => __( 'Log file', 'tainacan' ),
|
||||
'label_error_log_file' => __( 'Error Log file', 'tainacan' ),
|
||||
|
|
@ -459,6 +464,8 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_urls_for_item_page' => __( 'URLs for Item Page', 'tainacan' ),
|
||||
'label_item_page_on_website' => __( 'Item page on website', 'tainacan' ),
|
||||
'label_items_list_on_website' => __( 'Items list on website', 'tainacan' ),
|
||||
'label_taxonomy_page_on_website' => __( 'Taxonomy page on website', 'tainacan' ),
|
||||
'label_term_page_on_website' => __( 'Term page on website', 'tainacan' ),
|
||||
'label_copy_link_url' => __( 'Copy link URL', 'tainacan' ),
|
||||
'label_open_externally' => __( 'Open externally', 'tainacan' ),
|
||||
'label_no_output_info' => __( 'No output info', 'tainacan' ),
|
||||
|
|
@ -666,8 +673,30 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'label_show_item_location_on_map' => __( 'Show item location on map', 'tainacan' ),
|
||||
/* translators: This appears before a select where you choose possible geocoorinate metadata */
|
||||
'label_showing_locations_for' => __( 'Showing locations for:', 'tainacan' ),
|
||||
'label_one_selected_location' => __( 'One selected location', 'tainacan' ),
|
||||
'label_%s_selected_locations' => __( '%s selected locations', 'tainacan' ),
|
||||
'label_one_selected_location' => __( 'One location selected', 'tainacan' ),
|
||||
'label_%s_selected_locations' => __( '%s locations selected', 'tainacan' ),
|
||||
'label_update_parent' => __( 'Change parent term', 'tainacan' ),
|
||||
'label_select_child_terms_long' => __( 'Select all child terms', 'tainacan' ),
|
||||
/* translators: This relates to taxonomy terms selections. It is a shorter version of "select all child terms" */
|
||||
'label_select_child_terms_short' => __( 'All children', 'tainacan' ),
|
||||
'label_select_root_terms_long' => __( 'Select all root terms', 'tainacan' ),
|
||||
/* translators: This relates to taxonomy terms selections. It is a shorter version of "select all root terms" */
|
||||
'label_select_root_terms_short' => __( 'All root terms', 'tainacan' ),
|
||||
'label_all_root_terms_selected' => __( 'All root terms selected', 'tainacan' ),
|
||||
'label_terms_child_of_%s_selected' => __( 'Terms child of %s selected', 'tainacan' ),
|
||||
'label_remove_selected_term' => __( 'Remove only the selected term', 'tainacan' ),
|
||||
'label_remove_term_and_descendants' => __( 'Remove term and its descendants', 'tainacan' ),
|
||||
'label_remove_selected_terms' => __( 'Remove only selected terms', 'tainacan' ),
|
||||
'label_remove_terms_and_descendants' => __( 'Remove terms and their descendants', 'tainacan' ),
|
||||
'label_%s_selected_terms' => __( '%s terms selected', 'tainacan' ),
|
||||
'label_one_selected_term' => __( 'One term selected', 'tainacan' ),
|
||||
'label_no_parent_root_term' => __( 'No parent (set as root term)', 'tainacan' ),
|
||||
/* translators: This relates to terms that are in use by some item via a taxonomy. */
|
||||
'label_used_by_items' => __( 'In use by some item', 'tainacan' ),
|
||||
'label_multiple_terms_insertion' => __( 'Multiple terms insertion', 'tainacan' ),
|
||||
'label_multiple_terms' => __( 'Multiple terms', 'tainacan' ),
|
||||
'label_multiple' => __( 'Multiple', 'tainacan' ),
|
||||
'label_separator' => __( 'Separator', 'tainacan' ),
|
||||
|
||||
// Instructions. More complex sentences to guide user and placeholders
|
||||
'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),
|
||||
|
|
@ -748,6 +777,7 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'instruction_type_geocoordinate' => __( 'Type a geo coordinate in the form of lat,lng', 'tainacan' ),
|
||||
'instruction_click_to_add_a_point' => __( 'Drag to reposition or click to insert a marker', 'tainacan' ),
|
||||
'instruction_select_geocoordinate_metadatum' => __( 'Select a geocoordinate metadatum', 'tainacan' ),
|
||||
'instruction_multiple_terms_insertion' => __( 'Type or paste here a list of names using a separator to create multiple terms at once.', 'tainacan' ),
|
||||
|
||||
// Info. Other feedback to user.
|
||||
'info_items_tab_all' => __( 'Every item, except by those sent to trash.', 'tainacan' ),
|
||||
|
|
@ -825,7 +855,6 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'info_warning_selected_collections_delete' => __( 'Do you really want to permanently delete the selected collections?', 'tainacan' ),
|
||||
'info_warning_selected_collections_trash' => __( 'Do you really want to trash the selected collections?', 'tainacan' ),
|
||||
'info_warning_selected_items_delete' => __( 'Do you really want to permanently delete the selected items?', 'tainacan' ),
|
||||
'info_warning_selected_term_delete' => __( 'Do you really want to permanently delete the selected term?', 'tainacan' ),
|
||||
'info_warning_selected_items_trash' => __( 'Do you really want to trash the selected items?', 'tainacan' ),
|
||||
'info_warning_selected_taxonomies_delete' => __( 'Do you really want to delete the selected taxonomies?', 'tainacan' ),
|
||||
'info_warning_collection_related' => __( 'The metadata Collection related is required', 'tainacan' ),
|
||||
|
|
@ -859,7 +888,6 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'info_no_description_provided' => __( 'No description provided.', 'tainacan' ),
|
||||
'info_warning_taxonomy_not_saved' => __( 'Are you sure? The taxonomy is not saved, changes will be lost.', 'tainacan' ),
|
||||
'info_warning_terms_not_saved' => __( 'Are you sure? There are terms not saved, changes will be lost.', 'tainacan' ),
|
||||
'info_warning_orphan_terms' => __( 'Are you sure? This term is parent of other terms. These will be converted to root terms.', 'tainacan' ),
|
||||
'info_no_activities' => __( 'No activities found.', 'tainacan' ),
|
||||
'info_logs_before' => __( 'Before', 'tainacan' ),
|
||||
'info_logs_after' => __( 'After', 'tainacan' ),
|
||||
|
|
@ -961,6 +989,8 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'info_no_value_compound_metadata' => __( 'No value has been added to this compound metadata.', 'tainacan' ),
|
||||
/* translators: Refers to the hierarchy of compound metadata. Like in 'Metadata X (child of Metadata Y) */
|
||||
'info_child_of' => __( 'child of', 'tainacan' ),
|
||||
/* translators: Refers to the hierarchy of taxonomy terms. Like in 'Macro (child of Photography) */
|
||||
'info_children_of_%s' => __( 'Children of %s', 'tainacan' ),
|
||||
'info_slides_help_introduction' => __( 'Use the following commands to navigate through the items', 'tainacan' ),
|
||||
'info_slides_previous_item' => __( 'to go to the previous item', 'tainacan' ),
|
||||
'info_slides_next_item' => __( 'to go to the next item', 'tainacan' ),
|
||||
|
|
@ -1006,6 +1036,14 @@ return apply_filters( 'tainacan-i18n', [
|
|||
'info_non_located_item' => __( 'This item does not have any location based on this metadata.', 'tainacan' ),
|
||||
'info_metadata_section_hidden_conditional' => __( 'Section disabled due to a conditional metadatum value.', 'tainacan' ),
|
||||
'info_create_select_metadatum_for_conditional_section' => __( 'For configuring conditional sections, first create one select type metadatum to use its values as rules for displaing this section. The metadatum should be inside another metadatum section.', 'tainacan' ),
|
||||
'info_taxonomy_terms_list' => __( 'The list of terms that are managed by this taxonomy. They will be used as values for the taxonomy metadata.', 'tainacan' ),
|
||||
'info_no_child_term_of_%s_found' => __( 'No child term of %s was found.', 'tainacan' ),
|
||||
'info_warning_term_with_child' => __( 'This term has child terms. Per default, if you remove a parent term, its child terms will be moved one level up in the hierarchy.', 'tainacan' ),
|
||||
'info_warning_selected_term_delete' => __( 'Do you really want to permanently delete the selected term?', 'tainacan' ),
|
||||
'info_warning_some_terms_with_child' => __( 'When removing multiple terms at once, it is possible that some of the terms contain child terms. Per default, if you remove a parent term, its child terms will be moved one level up in the hierarchy.', 'tainacan' ),
|
||||
'info_%s_terms_created' => __( '%s terms created with success.', 'tainacan' ),
|
||||
'info_terms_creation_failed_due_to_value_%s' => __( 'Terms creation failed due to value: %s.', 'tainacan' ),
|
||||
'info_terms_creation_failed_due_to_values_%s' => __( 'Terms creation failed due to values: %s.', 'tainacan' ),
|
||||
|
||||
/* Activity actions */
|
||||
'action_update-metadata-value' => __( 'Item Metadata Value Updates', 'tainacan'),
|
||||
|
|
|
|||
Loading…
Reference in New Issue