added agenda fields and its front page styles

adminstyles.css

@@ -1779,6 +1779,10 @@ Add your custom styles in this file so it is easier to update the theme.
    * ./template-parts/content-xarxaprod-ajut.php
    * ./template-parts/content-xarxaprod-convo.php
    * ./template-parts/section-eachpost.php
+   * */
+
+		/* used in
+   * ./template-parts/section-agenda.php
    * */
 
 		/* filters form custom fields
@@ -1884,6 +1888,42 @@ Add your custom styles in this file so it is easier to update the theme.
 		font-size: 0.8rem;
 	}
 
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each {
+		display: flex;
+		flex-direction: row-reverse;
+		justify-content: space-between;
+		padding: 1em 0;
+		border-bottom: 0.1em solid #000;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each:first-of-type {
+		border-top: 0.1em solid #000;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each header,
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .entry-header {
+		width: 60%;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .entry-title,
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each h6 {
+		border-bottom: none;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each p {
+		font-size: 1.5em;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
+		width: 24%;
+	}
+
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .agenda-date,
+	.edit-post-visual-editor__content-area .xarxaprod-agenda .xarxaprod-card-each .agenda-data {
+		width: 15%;
+	}
+
 	.edit-post-visual-editor__content-area .xarxaprod-filtered-content {
 		display: grid;
 		grid-template-columns: 1fr;

sass/components/content/_posts-and-pages.scss

@@ -41,7 +41,8 @@
     .more-link {
      margin-top: 2rem;
     }
-  } 
+  }
+
   /* used in 
    * ./template-parts/content-xarxaprod-ajut.php 
    * ./template-parts/content-xarxaprod-convo.php 
@@ -90,17 +91,43 @@
       font-size: 0.8rem;
     }
   }
+
+  /* used in 
+   * ./template-parts/section-agenda.php 
+   * */
+  .xarxaprod-agenda {
+    .xarxaprod-card-each {
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: space-between;
+      padding: 1em 0;
+      border-bottom: 0.1em solid $color__black;
+      &:first-of-type {
+        border-top: 0.1em solid $color__black;
+      }
+      header,.entry-header {
+        width: 60%;
+      }
+      .entry-title,h6 {
+        border-bottom: none;
+      }
+      p {
+        font-size: 1.5em;
+      }
+      .activity-organizer, .organiza-activitat {
+        width: 24%;
+      }
+      .agenda-date, .agenda-data {
+        width: 15%;
+      }
+    }
+  }
+
   /* filters form custom fields
    */
   .xarxaprod-filtered-content {
     display: grid;
     grid-template-columns: 1fr;
-    //[class*="xxp_fund"],[class*="xxp_convo"],[class*="xxp_associat"],
-    //.xarxaprod-filtered-fields {
-    //  .filter {
-    //    display: none;
-    //  }
-    //}
   }
   .xarxaprod-filters {
     section {

style.css

@@ -1743,6 +1743,45 @@ textarea {
 		font-size: 0.8rem;
 	}
 
+	/* used in
+   * ./template-parts/section-agenda.php
+   * */
+	.xarxaprod-agenda .xarxaprod-card-each {
+		display: flex;
+		flex-direction: row-reverse;
+		justify-content: space-between;
+		padding: 1em 0;
+		border-bottom: 0.1em solid #000;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each:first-of-type {
+		border-top: 0.1em solid #000;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each header,
+	.xarxaprod-agenda .xarxaprod-card-each .entry-header {
+		width: 60%;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each .entry-title,
+	.xarxaprod-agenda .xarxaprod-card-each h6 {
+		border-bottom: none;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each p {
+		font-size: 1.5em;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each .activity-organizer,
+	.xarxaprod-agenda .xarxaprod-card-each .organiza-activitat {
+		width: 24%;
+	}
+
+	.xarxaprod-agenda .xarxaprod-card-each .agenda-date,
+	.xarxaprod-agenda .xarxaprod-card-each .agenda-data {
+		width: 15%;
+	}
+
 	/* filters form custom fields
    */
 	.xarxaprod-filtered-content {

template-parts/section-agenda.php

@@ -27,7 +27,7 @@
            array (
              'taxonomy' => 'category',
              'field'    => 'slug',
-             'terms'    => 'activitats'
+             'terms'    => 'activitats','agenda'
            )
          )
        ) );
@@ -40,9 +40,22 @@
              <?php the_title( '<h3 class="entry-title">', '</h3>' ); ?>
               </a>
            </header><!-- .entry-header -->
-           <section class="tipus-activitat agenda-tipus-activitat">
+           <section class="activity-organizer organiza-activitat">
+           <?php if( get_field('xxp_agenda_who') ): ?>
+             <?php $allwhoproposes = get_field('xxp_agenda_who'); ?>
+             <p class="item-xxp-agenda-who">
+               <?php
+                 foreach( $allwhoproposes as $eachwhoproposes ):
+                   echo $eachwhoproposes['label'];
+                 endforeach;
+               ?>
+             </p>
+           <?php endif; ?>
            </section>
-           <aside class="agenda-date agenda-data">                
+           <aside class="agenda-date agenda-data">
+           <?php if( get_field('xxp_agenda_date_start') ): ?>
+             <p class="item-xxp-agenda-date-start"><?php the_field('xxp_agenda_date_start'); ?></p>
+           <?php endif; ?>
            </aside>
          </div>
        <?php endwhile;//end of the loop ?>