Real estates agents

  • Ivana Sychrová
    • *
    • *
    • *
    • *
    • *
    85 %

    Průměr hodnocení makléřů

    • Byty 603
    • Domy 25
    • Pozemky 12
    • Komerční 7
    • Ostatní 7
    Read more 
  •         {% include "@Components/items/re-agents-item/re-agents-item.twig" with {
	props: {
		img: {
			src: "images/content/re-agent.jpg",
			nativeLazyload: true,
			ratio: "1-1"
		},
		img_agency: {
			src: "images/content/remax.png",
			nativeLazyload: true
		},
		title: "Ivana Sychrová",
		href: "#",
		button: {
			title: "Read more"
		},
		chart: {
			count: "648",
			unit: "nem.",
			items: [
				{
					title: "Byty",
					count: "603"
				},
				{
					title: "Domy",
					count: "25"
				},
				{
					title: "Pozemky",
					count: "12"
				},
				{
					title: "Komerční",
					count: "7"
				},
				{
					title: "Ostatní",
					count: "7"
				}
			]
		},
		rating: {
			stars: {
				percentage: "85"
			},
			legend: {
				votes: "85",
				label: "%",
				variant: "large"
			},
			caption: "Průměr hodnocení makléřů"
		},
	}
} %}

      
  •           <div class="i-re-agent">
	<a href="" class="i-re-agent__agent-image">
		<div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/content/re-agent.jpg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
	</a>
	<a href="" class="i-re-agent__re-agency-logo">
		<div class="img">
      <picture>
    
    <img src="images/content/remax.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
	</a>
	<div class="i-re-agent__content">
		<a class="i-re-agent__title" href="">
			<h2>Ivana Sychrová</h2>
		</a>
    		  <div class="i-rating">
    <div class="i-rating__content">
        <ul class="g-rating__stars" data-percentage="85">
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-full.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
            <li>
                            <div class="i-star">
            <span class="icon">
      <img src="images/svg/star-empty.svg" alt="*" loading="lazy">
  
  </span>
    </div>
                    </li>
    </ul>
                    <div class="i-rating__legend --large">
                                    <span>85</span>
                                                    <span>%</span>
                            </div>
            </div>

            <p class="i-rating__caption">Průměr hodnocení makléřů</p>
    </div>
    		<div class="i-re-agent__statistical">
			<dl class="g-statistical">
    </dl>
		</div>
	</div>
	<div class="i-re-agent__chart-button">
		<div class="i-re-agent__chart">
			<div class="i-broker-list-chart" data-chart-data="603,25,12,7,7" data-chart-labels="Byty,Domy,Pozemky,Komerční,Ostatní">
  <div class="i-broker-chart__chart">
    <canvas class="i-broker-chart__canvas"></canvas>
  </div>

  <ul class="i-broker-chart__legend">
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Byty</span>
        <span class="i-broker-chart__legend-item-count">603</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Domy</span>
        <span class="i-broker-chart__legend-item-count">25</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Pozemky</span>
        <span class="i-broker-chart__legend-item-count">12</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Komerční</span>
        <span class="i-broker-chart__legend-item-count">7</span>
      </li>
          <li class="i-broker-chart__legend-item">
        <span class="i-broker-chart__legend-item-title">Ostatní</span>
        <span class="i-broker-chart__legend-item-count">7</span>
      </li>
      </ul>
</div>
		</div>
		<div class="i-re-agent__button">
			<a class="btn --conversion" href='#'>    <span class="btn__title ">Read more</span>
      </a>
		</div>
	</div>

</div>

Schema 

    {
  "props": {
    "img_src": {
      "type": "string",
      "description": "url of image"
    },
    "img_agency": {
      "type": "string",
      "description": "url of image"
    },
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "rating": {
      "type": "string",
      "description": "All props are documented by the component 'rating-item'"
    },
    "statistical": {
      "type": "string",
      "description": "All props are documented by the component 'statistical-item'"
    },
    "chart": {
      "type": "string",
      "description": "All props are documented by the component 'broker-chart-item'"
    },
    "href": {
      "type": "string",
      "description": "Href of the component"
    },
    "button": {
      "type": "string",
      "description": "All props are documented by the component 'button'"
    }
  }
}