<?php /** * Placeholders * * @since 2.0.0 */ ?> <div id="wu_event_payload_placeholders" class="wu-styling"> <div class="wu-widget-inside md:wu-flex wu-flex-none md:wu--mx-3 md:wu--mb-3 wu--m-2"> <div class="" v-show="!loading" v-cloak> <div class="wu-p-2 wu-border wu-border-solid wu-border-gray-400 wu-border-t-0 wu-border-l-0 wu-border-r-0 wu-bg-gray-100"> <input class="wu-w-full wu-border-gray-400" type="text" placeholder="<?php _e('Search Placeholders', 'wp-ultimo'); ?>" v-model="search" /> </div> <div style="max-height: 300px;" class="wu-overflow-auto"> <table class="wp-list-table widefat fixed striped wu-border-t-0 wu-border-l-0 wu-border-r-0"> <thead> <tr> <th style="width: 30%;"> <?php echo __('Name', 'wp-ultimo'); ?> </th> <th style="width: 30%;"> <?php echo __('Placeholder', 'wp-ultimo'); ?> </th> </tr> </thead> <tbody id="placeholders_table" class="wu-align-baseline"> <tr v-for="placeholder in filtered_placeholders"> <td class="wu-align-left wu-text-xs"> <span :id="'payload_event_name_' + placeholder.placeholder" class="wu-rounded-sm wu-text-xs"> {{ placeholder.name.replace('Id', 'ID').replace('Url', 'URL') }} </span> </td> <td class="wu-align-middle wu-text-xs"> <a @click.prevent="" <?php echo wu_tooltip_text(__('Copy', 'wp-ultimo')); ?> class="wu-no-underline wp-ui-text-highlight wu-copy" href="#" data-clipboard-action="copy" :data-clipboard-target="'#payload_event_placeholder_' + placeholder.placeholder"> <span class="dashicons-wu-copy wu-align-middle"></span> </a> <span v-html="'{{' + placeholder.placeholder + '}}'" :id="'payload_event_placeholder_' + placeholder.placeholder" class="wu-rounded-sm wu-text-xs wu-font-mono"> </span> </td> </tr> </tbody> </table> </div> </div> </div> <div v-show="loading" class="wu-block wu-p-4 wu-py-8 wu-mb-0 wu-bg-white wu-text-center wu-my-4 wu-rounded"> <span class="wu-blinking-animation wu-text-gray-600 wu-my-1 wu-mb-0 wu-text-2xs wu-uppercase wu-font-semibold" > <?php echo $loading_text; ?> </span> </div> </div>