html un array en zetzer con varios componentes

Posted 2021-05-10

we overview
      <!-- html -->
{{= it.include("common/entity-awards-recognitions.html", {
         
         title : "Awards and recognitions",
         description :"
         <p>These are the prizes and awards recived by Radisson Hotel Group. Marianne Lunoe</p>
         <ul>
            <li>Triptic</li>
            <li>Unique</li>
            <li>Dual</li>
            <li>Common</li>
         </ul>
         ",
         readMore : "Read more",
         readLess : "Read less",
         awards : [
         {
            img: "img/loved-by-guest-award.png",
            title :"Loved by Guest Award",
            text : "Hotels.com 2017"
         },
         {
            img: "img/excellence-2017.png",
            title :"Excellence 2017",
            text : "TAA Awards: Highly Commended Sales Person of the Year - Marianne Lunoe"
         },
         {
            img: "img/tripadvaisor-2017.png",
            title :"Certificate of Excellence",
            text : "TripAdvisor's 2017"
         },
         {
            img: "img/hm-award.png",
            title :"Bentley Restaurant & Bar",
            text : "HM Awards 2016 Highly Commended Hotel Restaurant of the Year"
         }
         ]
         
      }) }}
      
      <!-- y donde se tendría que poner -->
      
      <div class="row mb-50 slick-cards">
         {{~it.roomCards :value:index}}
         <div class="col-md-4 mb-xs-30">
              
               {{= it.include("common/includes/card-room.html", {
                  roomCard : it.roomCards[index]
                  
               }) }}            
            
         </div>
         {{~}} 
         
         

      </div>
      
            <!-- y donde se tendría que poner y aparte hay que coger el de card-->
<div class="card text-center">
		
    <img src="{{= it.roomCard.img}}" class="card__image" alt="Default Alt"  />

	<div class="card__body card__body--thin">
		<h5 class="card__title">{{= it.roomCard.title}}</h5>
		<ul class="list--inline mb-15">
			<li class="small color-gunmetal">{{= it.roomCard.meters}}</li>
			<li class="small color-gunmetal">{{= it.roomCard.nameRoom}}</li>
			<li class="small color-gunmetal">{{= it.roomCard.maxGuest}}</li>
		</ul>
		<ul class="list--inline__icons mb-15">
			<li><i data-toggle="tooltip" title="Private bathroom width spa" class="icon-shower sm"></i></li>
			<li><i data-toggle="tooltip" title="TV"  class="icon-tv sm"></i></li>
			<li><i data-toggle="tooltip" title="Iron"  class="icon-iron sm"></i></li>
		</ul>

		<div class="room-description">
			<div class="alert alert-warning xs text-caps">{{= it.roomCard.alert}}</div>
			<div class="card__text">{{= it.roomCard.text}}</div>
		</div>
	</div>
</div>