menu.blade.php
107 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 |
| 72 | list and remove its data from the Clicks report permanently.', 'independent-analytics') }} |
| 73 | </p> |
| 74 | <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> |
| 75 | <div class="archived-links-table"> |
| 76 | <div class="table-labels"> |
| 77 | <span>{{ esc_html__('Name', 'independent-analytics') }}</span> |
| 78 | <span>{{ esc_html__('Type', 'independent-analytics') }}</span> |
| 79 | <span>{{ esc_html__('Value', 'independent-analytics') }}</span> |
| 80 | <button class="edit-button-for-spacing">{{ esc_html__('Resume Tracking', 'independent-analytics') }}</button> |
| 81 | <button class="edit-button-for-spacing">{{ esc_html__('Delete', 'independent-analytics') }}</button> |
| 82 | </div> |
| 83 | <div id="archived-links-list" class="archived-links-list"><?php |
| 84 | foreach($inactive_links as $link) { |
| 85 | echo iawp_blade()->run('click-tracking.link', [ |
| 86 | 'link' => $link, |
| 87 | 'types' => $types, |
| 88 | 'extensions' => $extensions, |
| 89 | 'protocols' => $protocols |
| 90 | ]); |
| 91 | } ?> |
| 92 | </div> |
| 93 | <p class="archived-links-empty-message {{ count($inactive_links) === 0 ? "show" : "" }}">{{ esc_html('No archived link patterns found', 'independent-analytics') }}</p> |
| 94 | </div> |
| 95 | </div> |
| 96 | </div> |
| 97 | <div id="delete-link-modal" aria-hidden="true" class="mm micromodal-slide delete-link-modal"> |
| 98 | <div tabindex="-1" class="mm__overlay" > |
| 99 | <div role="dialog" aria-modal="true" class="mm__container"> |
| 100 | <div class="modal-title">{{ esc_html__('Are you sure?', 'independent-analytics') }}</div> |
| 101 | <p>{{ esc_html__('Deleting this link pattern will remove its stats from the Clicks report permanently.', 'independent-analytics') }}</p> |
| 102 | <button data-link-id="" class="iawp-button purple yes">{{ esc_html__('Yes', 'independent-analytics') }}</button> |
| 103 | <button class="iawp-button ghost-purple cancel" data-micromodal-close>{{ esc_html__('Cancel', 'independent-analytics') }}</button> |
| 104 | </div> |
| 105 | </div> |
| 106 | </div> |
| 107 | </div> |