wpflames

<h2>Leave a comment</h2>
<form #f="ngForm" (ngSubmit)="submit(f)">
    <div ngModelGroup="contact" #contact="ngModelGroup">
        <div *ngIf="!contact.valid">...</div>
        <div class="form-group">
            <label for="firstName">First Name</label> 
            <input 
                required 
                minlength="3"
                maxlength="10"

wpflames

<h2>Leave a comment</h2>
<form #f="ngForm" (ngSubmit)="submit(f)">
    <div ngModelGroup="contact" #contact="ngModelGroup">
        <div *ngIf="!contact.valid">...</div>
        <div class="form-group">
            <label for="firstName">First Name</label> 
            <input 
                required 
                minlength="3"
                maxlength="10"

wpflames

<h2>Leave a comment</h2>
<form #f="ngForm" (ngSubmit)="submit(f)">
    <div class="form-group">
        <label for="firstName">First Name</label> 
        <input 
            required 
            minlength="3"
            maxlength="10"
            pattern="banana"
            ngModel 

wpflames

<h2>Leave a comment</h2>
<form>
    <div class="form-group">
        <label for="firstName">First Name</label> 
        <input 
            required 
            minlength="3"
            maxlength="10"
            pattern="banana"
            ngModel 

wpflames

<h2>Leave a comment</h2>
<form>
    <div class="form-group">
        <label for="firstName">First Name</label> 
        <input 
            ngModel 
            name="firstName" 
            #firstName="ngModel"
            (change)="log(firstName)"
            type="text" 

wpflames

import { Component } from '@angular/core';

@Component({
  selector: 'contact-form',
  templateUrl: './contact-form.component.html',
  styleUrls: ['./contact-form.component.scss']
})
export class ContactFormComponent {

  log(x) { console.log(x); }

wpflames

<?php if( have_rows('repeater') ): ?>
    <?php while ( have_rows('repeater') ) : the_row(); ?>   

        <?php $post_object = get_sub_field('post_object'); ?>

            <?php if( $post_object ): ?>

                <?php $post = $post_object; setup_postdata( $post ); 
                

wpflames

<div id="boxes" class="container">
		<div class="grid-2">

			<?php if( have_rows('repeater_boxes', 'option') ): ?>
				<?php while( have_rows('repeater_boxes', 'option') ): the_row(); ?>

					<?php if( have_rows('group_box', 'option') ): ?>
						<?php while( have_rows('group_box', 'option') ): the_row(); 

							$title = get_sub_field('title', 'option'); 

wpflames

<div class="accordion-wrapper">
    
    <?php if(get_field('repeater_root')): ?>
        <?php while(has_sub_field('repeater_root')): ?>

           <h2 class="headline accordion-title"><?php the_sub_field('repeater_heading'); ?></h2>

           <div class="accordion-panel">
               
            <?php if(get_sub_field('repeater_item')): ?>

wpflames

const accTitle = document.getElementsByClassName("accordion-title");
let i;
for (i = 0; i < accTitle.length; i++) {
    accTitle[i].addEventListener("click", function() {
    this.classList.toggle("active");
    let panel = this.nextElementSibling;
        panel.classList.toggle("active");
    });
}