recent-conversions.blade.php
| 1 | @php /** @var \IAWP\Env $env */ @endphp |
| 2 | @php /** @var \IAWP\Overview\Modules\Recent_Conversions_Module $module */ @endphp |
| 3 | @php /** @var ?array $dataset */ @endphp |
| 4 | |
| 5 | @extends('overview.modules.layout') |
| 6 | |
| 7 | @section('empty') |
| 8 | <p class="no-data-message"><span class="dashicons dashicons-chart-bar"></span> {{ esc_html__('No data found in this date range.', 'independent-analytics') }}</p> |
| 9 | @endsection |
| 10 | |
| 11 | @section('content') |
| 12 | @if(is_array($dataset)) |
| 13 | <div> |
| 14 | @php $dataset = $module->add_icons_to_dataset($dataset) @endphp |
| 15 | @for ($i = 0; $i < count($dataset); $i++) |
| 16 | @if ($i % 10 == 0) |
| 17 | <div class="module-page module-page-{{ $i/10 + 1 }} {{ $i == 0 ? 'current' : ''}} conversions-grid"> |
| 18 | @endif |
| 19 | <div> |
| 20 | <span class="icon-container"> |
| 21 | <span class="icon">{{ sanitize_text_field($dataset[$i]['viewed_at']) }}</span> |
| 22 | <span class="icon-label">{{ sanitize_text_field($dataset[$i]['viewed_at_the_long_way']) }}</span> |
| 23 | </span> |
| 24 | </div> |
| 25 | <div> |
| 26 | <span class="icon-container"> |
| 27 | <span class="icon">{!! wp_kses($dataset[$i]['flag'], 'post') !!}</span> |
| 28 | <span class="icon-label">{{ sanitize_text_field($dataset[$i]['country']) }}</span> |
| 29 | </span> |
| 30 | </div> |
| 31 | <div> |
| 32 | <span class="icon-container"> |
| 33 | <span class="icon">{!! wp_kses($dataset[$i]['device_type_icon'], 'post') !!}</span> |
| 34 | <span class="icon-label">{{ sanitize_text_field($dataset[$i]['device_type']) }}</span> |
| 35 | </span> |
| 36 | </div> |
| 37 | <div> |
| 38 | <span class="icon-container"> |
| 39 | <span class="icon">{!! wp_kses($dataset[$i]['browser_icon'], 'post') !!}</span> |
| 40 | <span class="icon-label">{{ sanitize_text_field($dataset[$i]['browser']) }}</span> |
| 41 | </span> |
| 42 | </div> |
| 43 | <div> |
| 44 | <span class="conversion-type {{ esc_attr($dataset[$i]['conversion_type']) }}">{{ sanitize_text_field($dataset[$i]['conversion_label']) }}</span> |
| 45 | </div> |
| 46 | <div class="page-title"> |
| 47 | {{ $dataset[$i]['name'] }} |
| 48 | </div> |
| 49 | @if (($i + 1) % 10 == 0 || $i == count($dataset) - 1) |
| 50 | </div> |
| 51 | @endif |
| 52 | @endfor |
| 53 | @if (count($dataset) > 10) |
| 54 | <div class="module-pagination"> |
| 55 | <button class="pagination-button left" disabled><span class="dashicons dashicons-arrow-left-alt2"></span></button> |
| 56 | <span class="page-count"> |
| 57 | <span class="current-page">1</span> |
| 58 | <span>/</span> |
| 59 | <span class="full-width-count">{{ ceil(count($dataset) / 20 ) }}</span> |
| 60 | <span class="regular-count">{{ ceil(count($dataset) / 10 ) }}</span> |
| 61 | </span> |
| 62 | <button class="pagination-button right"><span class="dashicons dashicons-arrow-right-alt2"></span></button> |
| 63 | </div> |
| 64 | @endif |
| 65 | </div> |
| 66 | @else |
| 67 | <div class="loading-message"> |
| 68 | <img src="<?php echo esc_url(iawp_url_to('img/loading.svg')) ?>" /> |
| 69 | <p>{{ esc_html__('Loading data...', 'independent-analytics') }}</p> |
| 70 | </div> |
| 71 | @endif |
| 72 | @endsection |