Skip to content

Commit

Permalink
fix card
Browse files Browse the repository at this point in the history
  • Loading branch information
@webgrafia
webgrafia committed Oct 9, 2019
1 parent 2cfa93b commit c0e729e
Show file tree
Hide file tree
Showing 8 changed files with 176 additions and 130 deletions.
82 changes: 28 additions & 54 deletions taxonomy-classe.php
View file
Expand Up @@ -12,62 +12,36 @@
<main id="main-container" class="main-container redbrown">
<?php get_template_part("template-parts/common/breadcrumb"); ?>

<section class="section bg-white py-2 py-lg-3 py-xl-5">
<div class="container">
<div class="row variable-gutters">
<div class="col-lg-5 col-md-8 offset-lg-3">
<div class="section-title">
<?php the_archive_title( '<h2 class="mb-0">', '</h2>' ); ?>
<?php the_archive_description("<p>","</p>"); ?>
</div><!-- /title-section -->
</div><!-- /col-lg-5 col-md-8 offset-lg-2 -->
<section class="section bg-white">
<div class="container">
<div class="row variable-gutters">
<div class="col-md-12 article-title-author-container">
<div class="title-content">
<?php the_archive_title( '<h1>', '</h1>' ); ?>
</div><!-- /title-content -->
</div><!-- /col-md-6 -->
</div><!-- /row -->
</div><!-- /container -->
</section>


<section class="section bg-white">
<div class="container ">
<article class="article-wrapper">
<div class="row variable-gutters">
<div class="col-lg-12">
<?php
// todo
the_archive_description();
?>
<p>Work in progress</p>
</div>
</div>
</article>
</div>
</section>

<div class="col-lg-3 col-md-4 offset-lg-1">
<?php get_template_part("template-parts/single/actions"); ?>
</div><!-- /col-lg-3 col-md-4 offset-lg-1 -->
</div><!-- /row -->
</div><!-- /container -->
</section><!-- /section -->


<section class="section bg-white border-top border-bottom d-block d-lg-none">
<div class="container d-flex justify-content-between align-items-center py-3">
<h3 class="h6 text-uppercase mb-0 label-filter"><strong><?php _e("Filtri", "design_scuole_italia"); ?></strong></h3>
<a class="toggle-search-results-mobile toggle-menu menu-search push-body mb-0" href="#">
<svg class="svg-filters"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-filters"></use></svg>
</a>
</div>
</section>
<section class="section bg-gray-light">
<div class="container">
<div class="row variable-gutters sticky-sidebar-container">
<div class="col-lg-3 bg-white bg-white-left">
<?php get_template_part("template-parts/search/filters", "documento"); ?>
</div>
<div class="col-lg-7 offset-lg-1 pt84">
<?php if ( have_posts() ) : ?>
<?php
/* Start the Loop */
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/list/article', get_post_type() );

endwhile;
?>
<nav class="pagination-wrapper justify-content-center col-12" aria-label="Navigazione centrata">
<?php echo dsi_bootstrap_pagination(); ?>
</nav>
<?php
else :

get_template_part( 'template-parts/content', 'none' );

endif;
?>
</div><!-- /col-lg-8 -->
</div><!-- /row -->
</div><!-- /container -->
</section>
</main>

<?php
Expand Down
58 changes: 29 additions & 29 deletions template-parts/list/article-circolare.php
View file
Expand Up @@ -17,36 +17,36 @@
$posizione_gps = false;

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<div class="card-article-img" <?php if($image_url && !$posizione_gps) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<a href="<?php the_permalink(); ?>">
<div class="date">
<span class="year"><?php echo date_i18n("Y", strtotime($post->post_date)); ?></span>
<span class="day"><?php echo date_i18n("d", strtotime($post->post_date)); ?></span>
<span class="month"><?php echo date_i18n("M", strtotime($post->post_date)); ?></span>
</div>
</a>
<?php if(!$image_url){ ?>
<svg class="icon-<?php echo $class; ?> svg-<?php echo $icon; ?>"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-<?php echo $icon; ?>"></use></svg>
<?php } ?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<div class="card-article-img" <?php if($image_url && !$posizione_gps) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<a href="<?php the_permalink(); ?>">
<div class="date">
<span class="year"><?php echo date_i18n("Y", strtotime($post->post_date)); ?></span>
<span class="day"><?php echo date_i18n("d", strtotime($post->post_date)); ?></span>
<span class="month"><?php echo date_i18n("M", strtotime($post->post_date)); ?></span>
</div>
</a>
<?php if(!$image_url){ ?>
<svg class="icon-<?php echo $class; ?> svg-<?php echo $icon; ?>"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-<?php echo $icon; ?>"></use></svg>
<?php } ?>

</div>
<div class="card-article-content">
<small class="h6 text-greendark"><?php _e("circ. n.", "design_scuole_italia"); echo $numerazione_circolare; ?></small>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo $excerpt; ?></p>
<?php if(count($argomenti)) { ?>
<div class="badges">
<?php foreach ( $argomenti as $item ) { ?>
<a href="<?php echo get_term_link($item); ?>" title="<?php _e("Vai all'argomento", "design_scuole_italia"); ?>: <?php echo $item->name; ?>"
class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo $item->name; ?></a>
<?php } ?>
</div><!-- /badges -->
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
</div>
<div class="card-article-content">
<small class="h6 text-greendark"><?php _e("circ. n.", "design_scuole_italia"); echo $numerazione_circolare; ?></small>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo $excerpt; ?></p>
<?php if(count($argomenti)) { ?>
<div class="badges">
<?php foreach ( $argomenti as $item ) { ?>
<a href="<?php echo get_term_link($item); ?>" title="<?php _e("Vai all'argomento", "design_scuole_italia"); ?>: <?php echo $item->name; ?>"
class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo $item->name; ?></a>
<?php } ?>
</div><!-- /badges -->
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
<?php if($posizione_gps != false){ ?>
<script>
var mymap = L.map('map_<?php echo $post->ID; ?>', {
Expand Down
21 changes: 2 additions & 19 deletions template-parts/list/article-documento.php
View file
Expand Up @@ -14,12 +14,10 @@
$numerazione_albo = dsi_get_meta("numerazione_albo", "", $post->ID);


$posizione_gps = false;

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<div class="card-article-img" <?php if($image_url && !$posizione_gps) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<div class="card-article-img" <?php if($image_url) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<a href="<?php the_permalink(); ?>">
<div class="date">
<span class="year"><?php echo date_i18n("Y", strtotime($post->post_date)); ?></span>
Expand Down Expand Up @@ -55,19 +53,4 @@ class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
<?php if($posizione_gps != false){ ?>
<script>
var mymap = L.map('map_<?php echo $post->ID; ?>', {
zoomControl: false,
scrollWheelZoom: false
}).setView([<?php echo $posizione_gps["lat"]; ?>, <?php echo $posizione_gps["lng"]; ?>], 15);
var marker = L.marker([<?php echo $posizione_gps["lat"]; ?>, <?php echo $posizione_gps["lng"]; ?>]).addTo(mymap);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: '',
maxZoom: 18,
id: 'mapbox.streets',
accessToken: '<?php echo dsi_get_mapbox_access_token(); ?>'
}).addTo(mymap);
</script>
<?php } ?>
</article><!-- /card card-bg card-article -->
2 changes: 1 addition & 1 deletion template-parts/list/article-luogo.php
View file
Expand Up @@ -28,7 +28,7 @@
<div class="card-body">
<div class="card-article-img" <?php if($image_url && !$posizione_gps) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<?php if($posizione_gps != false){ ?>
<a href="#">
<a href="<?php the_permalink(); ?>">
<div class="map-wrapper">
<div class="map" id="map_<?php echo $post->ID; ?>"></div>
</div>
Expand Down
37 changes: 37 additions & 0 deletions template-parts/list/article-page.php
View file
@@ -0,0 +1,37 @@
<?php
global $post;

$image_url = get_the_post_thumbnail_url($post, "article-simple-thumb");
$class = dsi_get_post_types_color_class($post->post_type);
$icon = dsi_get_post_types_icon_class($post->post_type);

$excerpt = dsi_get_meta("descrizione", "", $post->ID);
if(!$excerpt)
$excerpt = get_the_excerpt($post);

$argomenti = dsi_get_argomenti_of_post();

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<a href="<?php the_permalink(); ?>">
<div class="card-article-img" <?php if($image_url) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<?php if(!$image_url){ ?>
<svg class="icon-<?php echo $class; ?> svg-<?php echo $icon; ?>"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-<?php echo $icon; ?>"></use></svg>
<?php } ?>
</div>
</a>
<div class="card-article-content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo $excerpt; ?></p>
<?php if(count($argomenti)) { ?>
<div class="badges">
<?php foreach ( $argomenti as $item ) { ?>
<a href="<?php echo get_term_link($item); ?>" title="<?php _e("Vai all'argomento", "design_scuole_italia"); ?>: <?php echo $item->name; ?>"
class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo $item->name; ?></a>
<?php } ?>
</div><!-- /badges -->
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
38 changes: 38 additions & 0 deletions template-parts/list/article-servizio.php
View file
@@ -0,0 +1,38 @@
<?php
global $post;

$image_url = get_the_post_thumbnail_url($post, "article-simple-thumb");
$class = dsi_get_post_types_color_class($post->post_type);
$icon = dsi_get_post_types_icon_class($post->post_type);


$excerpt = dsi_get_meta("descrizione", "", $post->ID);
if(!$excerpt)
$excerpt = get_the_excerpt($post);

$argomenti = dsi_get_argomenti_of_post();

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<a href="<?php the_permalink(); ?>">
<div class="card-article-img" <?php if($image_url) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<?php if(!$image_url){ ?>
<svg class="icon-<?php echo $class; ?> svg-<?php echo $icon; ?>"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-<?php echo $icon; ?>"></use></svg>
<?php } ?>
</div>
</a>
<div class="card-article-content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo $excerpt; ?></p>
<?php if(count($argomenti)) { ?>
<div class="badges">
<?php foreach ( $argomenti as $item ) { ?>
<a href="<?php echo get_term_link($item); ?>" title="<?php _e("Vai all'argomento", "design_scuole_italia"); ?>: <?php echo $item->name; ?>"
class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo $item->name; ?></a>
<?php } ?>
</div><!-- /badges -->
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
38 changes: 38 additions & 0 deletions template-parts/list/article-struttura.php
View file
@@ -0,0 +1,38 @@
<?php
global $post;

$image_url = get_the_post_thumbnail_url($post, "article-simple-thumb");
$class = dsi_get_post_types_color_class($post->post_type);
$icon = dsi_get_post_types_icon_class($post->post_type);


$excerpt = dsi_get_meta("descrizione", "", $post->ID);
if(!$excerpt)
$excerpt = get_the_excerpt($post);

$argomenti = dsi_get_argomenti_of_post();

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<a href="<?php the_permalink(); ?>">
<div class="card-article-img" <?php if($image_url) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<?php if(!$image_url){ ?>
<svg class="icon-<?php echo $class; ?> svg-<?php echo $icon; ?>"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-<?php echo $icon; ?>"></use></svg>
<?php } ?>
</div>
</a>
<div class="card-article-content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo $excerpt; ?></p>
<?php if(count($argomenti)) { ?>
<div class="badges">
<?php foreach ( $argomenti as $item ) { ?>
<a href="<?php echo get_term_link($item); ?>" title="<?php _e("Vai all'argomento", "design_scuole_italia"); ?>: <?php echo $item->name; ?>"
class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo $item->name; ?></a>
<?php } ?>
</div><!-- /badges -->
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
30 changes: 3 additions & 27 deletions template-parts/list/article.php
View file
Expand Up @@ -12,20 +12,11 @@

$argomenti = dsi_get_argomenti_of_post();


$posizione_gps = false;

?>
<article class="card card-bg card-article card-article-<?php echo $class; ?>">
<div class="card-body">
<div class="card-article-img" <?php if($image_url && !$posizione_gps) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>
<?php if($posizione_gps != false){ ?>
<a href="#">
<div class="map-wrapper">
<div class="map" id="map_<?php echo $post->ID; ?>"></div>
</div>
</a>
<?php } ?>
<div class="card-article-img" <?php if($image_url) echo 'style="background-image: url(\''.$image_url.'\');"'; ?>>

<a href="<?php the_permalink(); ?>">
<div class="date">
<span class="year"><?php echo date_i18n("Y", strtotime($post->post_date)); ?></span>
Expand All @@ -51,19 +42,4 @@ class="badge badge-sm badge-pill badge-outline-<?php echo $class; ?>"><?php echo
<?php } ?>
</div><!-- /card-avatar-content -->
</div><!-- /card-body -->
</article><!-- /card card-bg card-article -->
<?php if($posizione_gps != false){ ?>
<script>
var mymap = L.map('map_<?php echo $post->ID; ?>', {
zoomControl: false,
scrollWheelZoom: false
}).setView([<?php echo $posizione_gps["lat"]; ?>, <?php echo $posizione_gps["lng"]; ?>], 15);
var marker = L.marker([<?php echo $posizione_gps["lat"]; ?>, <?php echo $posizione_gps["lng"]; ?>]).addTo(mymap);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: '',
maxZoom: 18,
id: 'mapbox.streets',
accessToken: '<?php echo dsi_get_mapbox_access_token(); ?>'
}).addTo(mymap);
</script>
<?php } ?>
</article><!-- /card card-bg card-article -->

0 comments on commit c0e729e

Please sign in to comment.