menu.blade.php
106 lines
| 1 | <div id="click-tracking-menu" class="click-tracking-menu"> |
| 2 | <div class="settings-container"> |
| 3 | <div class="settings-container-header"> |
| 4 | <h1>{{ esc_html__('Click Tracking', 'independent-analytics') }}</h1> |
| 5 | <a class="link-purple open-report" href="{{ esc_url(iawp_dashboard_url(['tab' => 'clicks'])) }}"><span class="dashicons dashicons-analytics"></span> {{ esc_html__('View Clicks Report', 'independent-analytics') }}</a> |
| 6 | <a class="link-purple" href="https://independentwp.com/knowledgebase/click-tracking/click-tracking/" target="_blank"><span class="dashicons dashicons-book"></span> {{ esc_html__('Read Tutorial', 'independent-analytics') }}</a> |
| 7 | </div> |
| 8 | <div id="click-tracking-cache-message-container" class="@if($show_click_tracking_cache_message) show @endif"> |
| 9 | <div class="cache-note"> |
| 10 | <span class="dashicons dashicons-warning"></span> |
| 11 | <p>{{ esc_html__('Please empty your cache to ensure your newest changes are tracked properly.', 'independent-analytics') }}</p> |
| 12 | <button id="click-tracking-cache-cleared" class="iawp-button">{{ esc_html__('Ok', 'independent-analytics') }}</button> |
| 13 | </div> |
| 14 | </div> |
| 15 | <div id="validation-error-messages" class="validation-error-messages"> |
| 16 | @foreach ($error_messages as $class => $message) |
| 17 | <p class="{{ esc_attr($class) }}"><span class="dashicons dashicons-warning"></span> {{ esc_html($message) }}</p> |
| 18 | @endforeach |
| 19 | </div> |
| 20 | <div class="tracked-links click-tracking-section"> |
| 21 | <div class="heading-container"> |
| 22 | <div> |
| 23 | <h2>{{ esc_html__('Link Patterns', 'independent-analytics') }}</h2> |
| 24 | <p class="description"> |
| 25 | {{ esc_html__('Links matching the patterns below are being actively monitored for clicks.', 'independent-analytics') }} |
| 26 | </p> |
| 27 | </div> |
| 28 | <button id="create-new-link" class="create-new-link iawp-button purple">{{ esc_html__('Add Link Pattern', 'independent-analytics') }}</button> |
| 29 | </div> |
| 30 | <div class="table-labels"> |
| 31 | <span>{{ esc_html__('Name', 'independent-analytics') }}</span> |
| 32 | <span>{{ esc_html__('Type', 'independent-analytics') }}</span> |
| 33 | <span>{{ esc_html__('Value', 'independent-analytics') }}</span> |
| 34 | <button class="edit-button-for-spacing">{{ esc_html__('Edit', 'independent-analytics') }}</button> |
| 35 | <button class="edit-button-for-spacing">{{ esc_html__('Archive', 'independent-analytics') }}</button> |
| 36 | </div> |
| 37 | <div id="tracked-links-list" class="tracked-links-list"> |
| 38 | <div id="sortable-tracked-links-list"> |
| 39 | <?php |
| 40 | foreach($active_links as $link) { |
| 41 | echo iawp_blade()->run('click-tracking.link', [ |
| 42 | 'link' => $link, |
| 43 | 'types' => $types, |
| 44 | 'extensions' => $extensions, |
| 45 | 'protocols' => $protocols |
| 46 | ]); |
| 47 | } ?> |
| 48 | </div> |
| 49 | </div> |
| 50 | <p class="tracked-links-empty-message {{ count($active_links) === 0 ? "show" : "" }}">{{ esc_html__('No link patterns found', 'independent-analytics') }}</p> |
| 51 | <div id="blueprint-link" class="blueprint-link"><?php |
| 52 | echo iawp_blade()->run('click-tracking.link', [ |
| 53 | 'link' => [ |
| 54 | 'id' => null, |
| 55 | 'name' => '', |
| 56 | 'type' => 'class', |
| 57 | 'value' => '', |
| 58 | 'is_active' => null |
| 59 | ], |
| 60 | 'types' => $types, |
| 61 | 'extensions' => $extensions, |
| 62 | 'protocols' => $protocols |
| 63 | ]); ?> |
| 64 | </div> |
| 65 | </div> |
| 66 | <div id="archived-links" class="archived-links click-tracking-section"> |
| 67 | <h2> |
| 68 | {{ esc_html__('Archived Link Patterns', 'independent-analytics') }} |
| 69 | </h2> |
| 70 | <p class="description"> |
| 71 | {{ esc_html__('Archived link patterns are no longer tracked, but their data remains in the Clicks report. Deleting an archived link pattern will remove it from this list and remove its data from the Clicks report permanently.', 'independent-analytics') }} |
| 72 | </p> |
| 73 | <button id="toggle-archived-links" class="iawp-button toggle-archived-links" data-alt-text="{{ __('Hide Archived Links', 'independent-analytics') }}">{{ __('Show Archived Links', 'independent-analytics') }}</button> |
| 74 | <div class="archived-links-table"> |
| 75 | <div class="table-labels"> |
| 76 | <span>{{ esc_html__('Name', 'independent-analytics') }}</span> |
| 77 | <span>{{ esc_html__('Type', 'independent-analytics') }}</span> |
| 78 | <span>{{ esc_html__('Value', 'independent-analytics') }}</span> |
| 79 | <button class="edit-button-for-spacing">{{ esc_html__('Resume Tracking', 'independent-analytics') }}</button> |
| 80 | <button class="edit-button-for-spacing">{{ esc_html__('Delete', 'independent-analytics') }}</button> |
| 81 | </div> |
| 82 | <div id="archived-links-list" class="archived-links-list"><?php |
| 83 | foreach($inactive_links as $link) { |
| 84 | echo iawp_blade()->run('click-tracking.link', [ |
| 85 | 'link' => $link, |
| 86 | 'types' => $types, |
| 87 | 'extensions' => $extensions, |
| 88 | 'protocols' => $protocols |
| 89 | ]); |
| 90 | } ?> |
| 91 | </div> |
| 92 | <p class="archived-links-empty-message {{ count($inactive_links) === 0 ? "show" : "" }}">{{ esc_html__('No archived link patterns found', 'independent-analytics') }}</p> |
| 93 | </div> |
| 94 | </div> |
| 95 | </div> |
| 96 | <div id="delete-link-modal" aria-hidden="true" class="mm micromodal-slide delete-link-modal"> |
| 97 | <div tabindex="-1" class="mm__overlay" > |
| 98 | <div role="dialog" aria-modal="true" class="mm__container"> |
| 99 | <div class="modal-title">{{ esc_html__('Are you sure?', 'independent-analytics') }}</div> |
| 100 | <p>{{ esc_html__('Deleting this link pattern will remove its stats from the Clicks report permanently.', 'independent-analytics') }}</p> |
| 101 | <button data-link-id="" class="iawp-button purple yes">{{ esc_html__('Yes', 'independent-analytics') }}</button> |
| 102 | <button class="iawp-button ghost-purple cancel" data-micromodal-close>{{ esc_html__('Cancel', 'independent-analytics') }}</button> |
| 103 | </div> |
| 104 | </div> |
| 105 | </div> |
| 106 | </div> |