link.blade.php
107 lines
| 1 | <div class="trackable-link" data-id="{{ esc_attr($link['id']) }}"> |
| 2 | <div class="input-container"> |
| 3 | <div class="inner-container name"> |
| 4 | <input class="link-name" type="text" value="{{ esc_attr($link['name']) }}" /> |
| 5 | </div> |
| 6 | <div class="inner-container type"> |
| 7 | <select class="link-type" value="{{ esc_attr($link['type']) }}"> |
| 8 | @foreach ($types as $type => $title) |
| 9 | <option value="{{ esc_attr($type) }}" {{ selected($type, $link['type'], true )}}>{{ esc_html($title) }}</option> |
| 10 | @endforeach |
| 11 | </select> |
| 12 | </div> |
| 13 | <div class="inner-container value"> |
| 14 | @foreach ($types as $type => $title) |
| 15 | <span class="value-container {{ esc_attr($type) }} {{ $type == $link['type'] ? 'visible' : '' }}"> |
| 16 | @if ($type == 'extension') |
| 17 | <select class="link-value"> |
| 18 | @foreach ($extensions as $extension) |
| 19 | <?php $selected = $link['type'] !== 'extension' ? 'pdf' : $link['value']; ?> |
| 20 | <option value="{{ esc_attr($extension) }}" {{ selected($extension, $selected, true)}}>{{ esc_html($extension) }}</option> |
| 21 | @endforeach |
| 22 | </select> |
| 23 | @elseif ($type == 'protocol') |
| 24 | <select class="link-value"> |
| 25 | @foreach ($protocols as $protocol) |
| 26 | <option value="{{ esc_attr($protocol) }}" {{ selected($protocol, $link['value'], true)}}>{{ esc_html($protocol) }}</option> |
| 27 | @endforeach |
| 28 | </select> |
| 29 | @elseif ($type === 'external') |
| 30 | <input class="link-value external" type="text" disabled/> |
| 31 | @else |
| 32 | @if ($type == 'class') |
| 33 | <span class="value-prefix">.</span> |
| 34 | @endif |
| 35 | @if ($type == 'id') |
| 36 | <span class="value-prefix">#</span> |
| 37 | @endif |
| 38 | @if ($type == 'subdirectory') |
| 39 | <span class="value-prefix">/</span> |
| 40 | @endif |
| 41 | <input class="link-value {{ esc_attr($type) }}" type="text" value="{{ esc_attr($type == $link['type'] ? $link['value'] : '') }}" /> |
| 42 | @if ($type == 'subdirectory') |
| 43 | <span class="value-suffix">/</span> |
| 44 | @endif |
| 45 | @endif |
| 46 | </span> |
| 47 | @endforeach |
| 48 | </div> |
| 49 | </div> |
| 50 | <div class="value-text-container"> |
| 51 | <span class="name"> |
| 52 | @if ($link['is_active']) |
| 53 | <span class="dashicons dashicons-yes-alt"></span> |
| 54 | @else |
| 55 | <span class="dashicons dashicons-dismiss"></span> |
| 56 | @endif |
| 57 | {{ esc_html($link['name']) }} |
| 58 | </span> |
| 59 | <span class="type">{{ esc_html($types[$link['type']]) }}</span> |
| 60 | <span class="value"> |
| 61 | @if ($link['type'] == 'class') |
| 62 | {{ '.' . esc_html($link['value']) }} |
| 63 | <button class="copy-class" data-controller="clipboard" data-action="clipboard#copy" |
| 64 | data-clipboard-text-value="{{ esc_attr($link['value']) }}"> |
| 65 | <span class="dashicons dashicons-clipboard"></span> |
| 66 | </button> |
| 67 | @elseif ($link['type'] == 'id') |
| 68 | {{ '#' . esc_html($link['value']) }} |
| 69 | <button class="copy-class" data-controller="clipboard" data-action="clipboard#copy" |
| 70 | data-clipboard-text-value="{{ esc_attr($link['value']) }}"> |
| 71 | <span class="dashicons dashicons-clipboard"></span> |
| 72 | </button> |
| 73 | @elseif ($link['type'] == 'extension') |
| 74 | {{ '.' . esc_html($link['value']) }} |
| 75 | @elseif ($link['type'] == 'domain') |
| 76 | {{ esc_html($link['value']) }} |
| 77 | @elseif ($link['type'] == 'subdirectory') |
| 78 | {{ '/' . esc_html($link['value']) . '/' }} |
| 79 | @elseif ($link['type'] == 'protocol') |
| 80 | {{ esc_html($link['value']) . ':' }} |
| 81 | @else |
| 82 | {{ esc_html($link['value']) }} |
| 83 | @endif |
| 84 | </span> |
| 85 | </div> |
| 86 | @if ($link['is_active'] !== false) |
| 87 | <div class="action-buttons"> |
| 88 | <div class="edit-container"> |
| 89 | <button class="edit-button">{{ esc_html__('Edit', 'independent-analytics') }}</button> |
| 90 | </div> |
| 91 | <div class="save-cancel-container"> |
| 92 | <button class="save-button">{{ esc_html__('Save', 'independent-analytics') }}</button> |
| 93 | <button class="cancel-button">{{ esc_html__('Cancel', 'independent-analytics') }}</button> |
| 94 | </div> |
| 95 | </div> |
| 96 | @endif |
| 97 | <button class="archive-button"> |
| 98 | @if($link['is_active']) |
| 99 | {{ esc_html__('Archive', 'independent-analytics' )}} |
| 100 | @else |
| 101 | {{ esc_html__('Resume Tracking', 'independent-analytics' )}} |
| 102 | @endif |
| 103 | </button> |
| 104 | @if ($link['is_active'] === false) |
| 105 | <button class="delete-link-button">{{ esc_html__('Delete', 'independent-analytics' )}}</button> |
| 106 | @endif |
| 107 | </div> |