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

Attempts to customize items list at repository and terms level

This commit is contained in:
mateuswetah 2021-02-02 10:31:52 -03:00
parent f646642eec
commit 2c72969ff1
13 changed files with 421 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
global.php
View File

@ -49,6 +49,20 @@ blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'selector' => blocksy_prefix_selector('.tainacan-item-section__attachments-file', $prefix),
'variableName' => 'attachments-size',
'value' => get_theme_mod( $prefix . '_attachments_size', [
'mobile' => '120px',
'tablet' => '130px',
'desktop' => '140px',
]),
'unit' => ''
]);
blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.collection-thumbnail', $prefix),
'variableName' => 'thumbnail-size',
'value' => get_theme_mod( $prefix . '_hero_thumbnail_size', [
'mobile' => '120px',
'tablet' => '300px',
'desktop' => '140px',
@ -57,6 +71,7 @@ blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
]);
blc_call_fnc(['fnc' => 'blocksy_output_font_css'], [
'css' => $css,
'tablet_css' => $tablet_css,

221
inc/options/archive-elements/page-header.php Normal file
View File

@ -0,0 +1,221 @@
<?php
if (! isset($prefix)) {
$prefix = '';
} else {
$prefix = $prefix . '_';
}
$default_hero_elements = [];
$default_hero_elements[] = [
'id' => 'custom_thumbnail',
'enabled' => true,
];
$default_hero_elements[] = [
'id' => 'custom_title',
'enabled' => true,
'heading_tag' => 'h1'
];
$default_hero_elements[] = [
'id' => 'custom_description',
'enabled' => true,
'description_visibility' => [
'desktop' => true,
'tablet' => true,
'mobile' => false,
]
];
$options = [
$prefix . 'page-header-panel' => [
'label' => __( 'Page header', 'blocksy-tainacan' ),
'type' => 'ct-panel',
'sync' => blocksy_sync_whole_page([
'prefix' => $prefix,
]),
'inner-options' => [
$prefix . 'hero_elements' => [
'label' => __('Elements', 'blocksy'),
'type' => 'ct-layers',
'attr' => [ 'data-layers' => 'title-elements' ],
'design' => 'block',
'value' => $default_hero_elements,
'sync' => blocksy_sync_whole_page([
'prefix' => $prefix
]),
'settings' => [
'breadcrumbs' => [
'label' => __('Breadcrumbs', 'blocksy'),
'options' => [
'hero_item_spacing' => [
'label' => __( 'Top Spacing', 'blocksy' ),
'type' => 'ct-slider',
'value' => 20,
'min' => 0,
'max' => 100,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
],
],
'custom_thumbnail' => [
'label' => __('Thumbnail', 'blocksy'),
'options' => [
'hero_thumbnail_size' => [
'label' => __( 'Thumbnail size', 'blocksy' ),
'type' => 'ct-slider',
'value' => 226,
'min' => 36,
'max' => 500,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_thumbnail_size',
],
],
],
],
'custom_title' => [
'label' => __('Title', 'blocksy'),
'options' => [
[
'heading_tag' => [
'label' => __('Heading tag', 'blocksy'),
'type' => 'ct-select',
'value' => 'h1',
'view' => 'text',
'design' => 'inline',
'sync' => [
'id' => $prefix . 'hero_elements_heading_tag',
],
'choices' => blocksy_ordered_keys(
[
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
]
),
],
],
[
[
'has_category_label' => [
'label' => __('Category Label', 'blocksy'),
'type' => 'ct-switch',
'value' => 'yes',
]
]
],
'hero_item_spacing' => [
'label' => __( 'Top Spacing', 'blocksy' ),
'type' => 'ct-slider',
'value' => 20,
'min' => 0,
'max' => 100,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
],
],
'custom_description' => [
'label' => __('Description', 'blocksy'),
'options' => [
'description_visibility' => [
'label' => __( 'Visibility', 'blocksy' ),
'type' => 'ct-visibility',
'design' => 'block',
'value' => [
'desktop' => true,
'tablet' => true,
'mobile' => false,
],
'choices' => blocksy_ordered_keys([
'desktop' => __( 'Desktop', 'blocksy' ),
'tablet' => __( 'Tablet', 'blocksy' ),
'mobile' => __( 'Mobile', 'blocksy' ),
]),
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
'hero_item_spacing' => [
'label' => __( 'Top Spacing', 'blocksy' ),
'type' => 'ct-slider',
'value' => 20,
'min' => 0,
'max' => 100,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
],
],
'custom_meta' => [
'label' => __('Post Meta', 'blocksy'),
'clone' => true,
'sync' => [
'id' => $prefix . 'hero_elements_meta'
],
'options' => [
'hero_item_spacing' => [
'label' => __( 'Top Spacing', 'blocksy' ),
'type' => 'ct-slider',
'value' => 20,
'min' => 0,
'max' => 100,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
],
],
'author_social_channels' => [
'label' => __('Social Channels', 'blocksy'),
'options' => [
'hero_item_spacing' => [
'label' => __( 'Top Spacing', 'blocksy' ),
'type' => 'ct-slider',
'value' => 20,
'min' => 0,
'max' => 100,
'responsive' => true,
'sync' => [
'id' => $prefix . 'hero_elements_spacing',
],
],
],
],
]
],
],
],
];

14
inc/options/posts/tainacan-item-archive.php
View File

@ -1,16 +1,6 @@
<?php
$options = [
blocksy_get_options('general/page-title', [
'prefix' => $post_type->name . '_archive',
'is_cpt' => true,
'is_archive' => true,
'enabled_label' => sprintf(
__('%s Title', 'blocksy'),
$post_type->labels->name
),
]),
[
blocksy_rand_md5() => [
'type' => 'ct-title',
@ -18,6 +8,10 @@ $options = [
],
],
blocksy_get_options(get_stylesheet_directory() . '/inc/options/archive-elements/page-header.php', [
'prefix' => $post_type->name . '_archive'
], false),
blocksy_get_options(get_stylesheet_directory() . '/inc/options/archive-elements/search-control.php', [
'prefix' => $post_type->name . '_archive'
], false),

2
js/attachments-carousel.js
View File

@ -76,7 +76,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
if (linkEl.classList.contains('attachment-without-image')) {
item = {
html: '<div class="attachment-without-image"><iframe src="' + linkEl.href + '"></iframe></div>'
html: '<div class="attachment-without-image"><iframe id="tainacan-attachment-iframe" src="' + linkEl.href + '"></iframe></div>'
}
} else {
imgWidth = linkEl.children[0] && linkEl.children[0].attributes.getNamedItem('width') ? linkEl.children[0].attributes.getNamedItem('width').value : 140;

29
sass/tainacan-item-archive.scss
View File

@ -14,7 +14,7 @@
// --tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1));
// --tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9));
// --tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9));
--tainacan-skeleton-color: rgba(252, 252, 252, 0.5);
--tainacan-skeleton-color: var(--tainacan-item-background-color, white);
&:not(.is-fullscreen) {
justify-content: center;
@ -41,6 +41,10 @@
.search-control-item {
margin-bottom: 20px !important;
}
.control.has-icons-right .icon .mdi-magnify::before {
color: var(--tainacan-secondary, #3eaf7c);
}
}
/* Filters panel */
@ -193,6 +197,29 @@
.advanced-search-criteria-title hr {
display: none;
}
/* Inputs style */
input.input,
.input,
textarea.textarea,
.textarea,
input[type="color"].input,
input[type="date"].input,
input[type="datetime-local"].input,
input[type="datetime"].input,
input[type="email"].input,
input[type="number"].input,
input[type="month"].input,
input[type="password"].input,
input[type="search"].input,
input[type="tel"].input,
input[type="text"].input,
input[type="time"].input,
input[type="url"].input,
input[type="week"].input {
border-radius: var(--borderRadius, 3px) !important;
border: 1px solid var(--tainacan-input-border-color);
}
}
/* Extra classes applied from customizer */

2
sass/tainacan-item-single.scss
View File

@ -9,7 +9,7 @@
column-gap: 32px;
.tainacan-item-section {
max-width: var(--block-max-width);;
max-width: var(--block-max-width);
align-self: flex-start;
align-self: start;
margin-bottom: 2.25rem;

29
style.css
View File

@ -23,11 +23,12 @@
--tainacan-base-font-size: var(--fontSize, 1em);
--tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
--tainacan-input-border-color: var(--formBorderInitialColor, #e0e5eb);
--tainacan-skeleton-color: rgba(252, 252, 252, 0.5);
--tainacan-skeleton-color: var(--tainacan-item-background-color, white);
/* Search control */
/* Filters panel */
/* Items list container */
/* Advanced Search */
/* Inputs style */
}
.theme-items-list:not(.is-fullscreen) {
@ -57,6 +58,10 @@
margin-bottom: 20px !important;
}
.theme-items-list .search-control .control.has-icons-right .icon .mdi-magnify::before {
color: var(--tainacan-secondary, #3eaf7c);
}
.theme-items-list #filters-modal {
grid-area: itemslist;
justify-self: start;
@ -223,6 +228,28 @@
display: none;
}
.theme-items-list input.input,
.theme-items-list .input,
.theme-items-list textarea.textarea,
.theme-items-list .textarea,
.theme-items-list input[type="color"].input,
.theme-items-list input[type="date"].input,
.theme-items-list input[type="datetime-local"].input,
.theme-items-list input[type="datetime"].input,
.theme-items-list input[type="email"].input,
.theme-items-list input[type="number"].input,
.theme-items-list input[type="month"].input,
.theme-items-list input[type="password"].input,
.theme-items-list input[type="search"].input,
.theme-items-list input[type="tel"].input,
.theme-items-list input[type="text"].input,
.theme-items-list input[type="time"].input,
.theme-items-list input[type="url"].input,
.theme-items-list input[type="week"].input {
border-radius: var(--borderRadius, 3px) !important;
border: 1px solid var(--tainacan-input-border-color);
}
/* Extra classes applied from customizer */
.page.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
border-radius: var(--borderRadius, 3px);

4
style.css.map
View File

File diff suppressed because one or more lines are too long

2
style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
style.min.css.map
View File

File diff suppressed because one or more lines are too long

41
tainacan/archive-items.php
View File

@ -44,15 +44,40 @@ $page_container_style .= 'background-color: var(--tainacan-background-color, #f8
<article class="<?php echo $page_container_classes ?>" style="<?php echo $page_container_style ?>">
<header class="tainacan-collection-header" style="background-image: <?php if ( get_header_image() ) { echo('linear-gradient(to bottom, rgba(255, 255, 255, 0.3), var(--tainacan-background-color, var(--background-color, #f8f9fb))), url(' . get_header_image() . ')'); } else { echo ''; } ?>">
<div class="tainacan-collection-header__box">
<?php if ( has_post_thumbnail( tainacan_get_collection_id() ) ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<div class="collection-thumbnail">
<img src="<?php echo get_the_post_thumbnail_url( tainacan_get_collection_id() ); ?>" alt="<?php echo esc_attr($alt); ?>">
</div>
<?php endif; ?>
<?php
echo blocksy_output_hero_section('type-1');
$thumbnail_element = '';
$is_thumbnail_enabled = false;
$hero_elements = blocksy_akg_or_customizer(
'hero_elements',
[ 'prefix' => $prefix ],
[]
);
foreach ($hero_elements as $index => $single_hero_element) {
if ($single_hero_element['id'] == 'custom_thumbnail') {
$is_thumbnail_enabled = $single_hero_element['enabled'];
}
}
if ( $is_thumbnail_enabled && has_post_thumbnail( tainacan_get_collection_id() ) ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true);
$thumbnail_element = '
<div class="collection-thumbnail">
<img src="' . get_the_post_thumbnail_url( tainacan_get_collection_id() ) . '" alt="' . esc_attr($alt) . '">
</div>
';
endif;
$elements = $thumbnail_element . blocksy_render_view(
get_template_directory() . '/inc/components/hero/elements.php', [ 'type' => 'type-1' ]
);
echo blocksy_output_hero_section([
'type' => 'type-1',
'source' => false,
'elements' => $elements
]);
?>
</div>
</header>

44
tainacan/archive-repository.php
View File

@ -1,7 +1,47 @@
<?php
$prefix = blocksy_manager()->screen->get_prefix();
$page_container_classes = 'page type-page hentry singular';
$page_container_classes = $page_container_classes . ( get_theme_mod($prefix . '_filters_panel_background_style', 'boxed') == 'boxed' ? ' has-filters-panel-style-boxed' : '' );
$filters_panel_size = get_theme_mod($prefix . '_filters_panel_size', '20%');
$page_container_style = '--tainacan-filter-menu-width-theme:' . $filters_panel_size . ';';
$background_color_palette = get_theme_mod($prefix . '_items_list_background_palette',
[
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--formBackgroundInitialColor, #ffffff)' ],
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
]);
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
$page_container_style .= '--tainacan-item-background-hover-color:' . $background_color_palette['color3']['color'] . ';';
$page_container_style .= '--tainacan-input-background-color:' . $background_color_palette['color4']['color'] . ';';
$page_container_style .= '--tainacan-primary-color:' . $background_color_palette['color5']['color'] . ';';
$text_color_palette = get_theme_mod($prefix . '_items_list_text_palette',
[
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ],
'color4' => [ 'color' => '#555758' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ],
]);
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
$page_container_style .= '--tainacan-label-color:' . $text_color_palette['color3']['color'] . ';';
$page_container_style .= '--tainacan-info-color:' . $text_color_palette['color4']['color'] . ';';
$page_container_style .= '--tainacan-input-color:' . $text_color_palette['color5']['color'] . ';';
$page_container_style .= 'background-color: var(--tainacan-background-color, #f8f9fb);';
?>
<?php get_header(); ?>
<article class="page type-page hentry singular">
<article class="<?php echo $page_container_classes ?>" style="<?php echo $page_container_style ?>">
<header class="tainacan-collection-header">
<div class="tainacan-collection-header__box">
<?php

52
tainacan/archive-taxonomy.php
View File

@ -1,14 +1,50 @@
<?php get_header(); ?>
<?php
<?php
$current_term = tainacan_get_term();
$current_taxonomy = get_taxonomy( $current_term->taxonomy );
$current_term = \Tainacan\Repositories\Terms::get_instance()->fetch($current_term->term_id, $current_term->taxonomy);
$image = $current_term->get_header_image_id();
$src = wp_get_attachment_image_src($image, 'full');
$page_container_classes = 'page type-page hentry singular';
$page_container_classes = $page_container_classes . ( get_theme_mod('tainacan-terms-items_filters_panel_background_style', 'boxed') == 'boxed' ? ' has-filters-panel-style-boxed' : '' );
$filters_panel_size = get_theme_mod('tainacan-terms-items_filters_panel_size', '20%');
$page_container_style = '--tainacan-filter-menu-width-theme:' . $filters_panel_size . ';';
$background_color_palette = get_theme_mod('tainacan-terms-items_items_list_background_palette',
[
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--formBackgroundInitialColor, #ffffff)' ],
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
]);
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
$page_container_style .= '--tainacan-item-background-hover-color:' . $background_color_palette['color3']['color'] . ';';
$page_container_style .= '--tainacan-input-background-color:' . $background_color_palette['color4']['color'] . ';';
$page_container_style .= '--tainacan-primary-color:' . $background_color_palette['color5']['color'] . ';';
$text_color_palette = get_theme_mod('tainacan-terms-items_items_list_text_palette',
[
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ],
'color4' => [ 'color' => '#555758' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ],
]);
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
$page_container_style .= '--tainacan-label-color:' . $text_color_palette['color3']['color'] . ';';
$page_container_style .= '--tainacan-info-color:' . $text_color_palette['color4']['color'] . ';';
$page_container_style .= '--tainacan-input-color:' . $text_color_palette['color5']['color'] . ';';
$page_container_style .= 'background-color: var(--tainacan-background-color, #f8f9fb);';
$current_term = tainacan_get_term();
$current_taxonomy = get_taxonomy( $current_term->taxonomy );
$current_term = \Tainacan\Repositories\Terms::get_instance()->fetch($current_term->term_id, $current_term->taxonomy);
$image = $current_term->get_header_image_id();
$src = wp_get_attachment_image_src($image, 'full');
?>
<article class="page type-page hentry singular">
<?php get_header(); ?>
<article class="<?php echo $page_container_classes ?>" style="<?php echo $page_container_style ?>">
<header class="tainacan-collection-header">
<div class="tainacan-collection-header__box">