| 1 |
<?php |
| 2 |
/** |
| 3 |
* Funnel header design |
| 4 |
* |
| 5 |
* @package |
| 6 |
*/ |
| 7 |
|
| 8 |
$active_funnel_id = $this->funnel->get_id(); |
| 9 |
$first_step_id = $funnel->get_first_step_id(); |
| 10 |
$view_link = get_the_permalink($first_step_id); |
| 11 |
?> |
| 12 |
<div class="steps-page__header"> |
| 13 |
<div class="steps-page__header-left"> |
| 14 |
<div class="wpfnl-logo"> |
| 15 |
<?php require_once WPFNL_DIR . '/admin/partials/icons/logo.php'; ?> |
| 16 |
</div> |
| 17 |
|
| 18 |
<a href="<?php echo $back_link; ?>" class="back-link"> |
| 19 |
<?php require WPFNL_DIR . '/admin/partials/icons/angle-left-icon.php'; ?> |
| 20 |
<?php echo __('back', 'wpfnl'); ?> |
| 21 |
</a> |
| 22 |
|
| 23 |
<form action="" class="steps-page__fnl-name" id="wpfnl-change-funnel-name"> |
| 24 |
<label><?php echo __('Funnel Name: ', 'wpfnl'); ?></label> |
| 25 |
<input class="funnel-name-input" type="text" name="funnel_name" value="<?php echo $this->funnel->get_funnel_name(); ?>" /> |
| 26 |
<span class="funnel-name"><?php echo $this->funnel->get_funnel_name(); ?></span> |
| 27 |
<input type="hidden" name="funnel_id" value="<?php echo $this->funnel->get_id(); ?>"> |
| 28 |
<a class="fnl-name-btn funnel-name-edit"> |
| 29 |
<svg width="18" height="18" fill="#7A8B9A" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> |
| 30 |
<path d="M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z"></path> |
| 31 |
</svg> |
| 32 |
</a> |
| 33 |
<button class="fnl-name-btn funnel-name-submit" type="submit"> |
| 34 |
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-check" width="18" height="18" viewBox="0 0 24 17" stroke-width="3" stroke="#7A8B9A" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 35 |
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
| 36 |
<path d="M5 12l5 5l10 -10"></path> |
| 37 |
</svg> |
| 38 |
</button> |
| 39 |
</form> |
| 40 |
|
| 41 |
<div class="copy-clipboard "> |
| 42 |
<span class="link-icon"> |
| 43 |
<?php require WPFNL_DIR . '/admin/partials/icons/link-icon.php'; ?> |
| 44 |
</span> |
| 45 |
<input type="text" id="fnlURL" value="<?php echo $view_link; ?>" readonly> |
| 46 |
<button type="button" title="Copy to Clipboard" class="wpfnl-copy-clipboard" data-id="fnlURL"><?php echo __('copy', 'wpfnl'); ?></button> |
| 47 |
<span class="copied-msg"></span> |
| 48 |
</div> |
| 49 |
|
| 50 |
<div class="fnl-preview-btn"> |
| 51 |
<a href="<?php echo esc_url($view_link); ?>" target="_blank" class="btn-default"> |
| 52 |
<?php echo __('Preview', 'wpfnl'); ?> |
| 53 |
</a> |
| 54 |
</div> |
| 55 |
</div> |
| 56 |
|
| 57 |
<!-- <div class="steps-page__header-center"> |
| 58 |
<span class="title"><?php //echo __('Test Mode', 'wpfnl');?></span> |
| 59 |
|
| 60 |
<span class="wpfnl-switcher sm"> |
| 61 |
<input type="checkbox" id="test-mode"> |
| 62 |
<label for="test-mode"></label> |
| 63 |
</span> |
| 64 |
</div> --> |
| 65 |
|
| 66 |
<div class="steps-page__header-right"> |
| 67 |
<span class="wpfnl-hamburger" id="steps-header-hamburger"> |
| 68 |
<ul class="wpfnl-dropdown"> |
| 69 |
<!-- <li class="fnl-preview"> |
| 70 |
<a href=""> |
| 71 |
<?php //require WPFNL_DIR . '/admin/partials/icons/eye-icon.php';?> |
| 72 |
<?php //echo __('Preview', 'wpfnl');?> |
| 73 |
</a> |
| 74 |
</li> --> |
| 75 |
<!-- <li class="fnl-state"> |
| 76 |
<a href=""> |
| 77 |
<?php //require WPFNL_DIR . '/admin/partials/icons/graph-icon.php';?> |
| 78 |
<?php //echo __('Funnel Stats', 'wpfnl');?> |
| 79 |
</a> |
| 80 |
</li> --> |
| 81 |
<li class="fnl-doc"> |
| 82 |
<a href="<?php echo WPFNL_DOCUMENTATION_LINK;?>" target="_blank"> |
| 83 |
<?php require WPFNL_DIR . '/admin/partials/icons/doc-icon.php'; ?> |
| 84 |
<?php echo __('Documentation', 'wpfnl'); ?> |
| 85 |
</a> |
| 86 |
</li> |
| 87 |
</ul> |
| 88 |
</span> |
| 89 |
</div> |
| 90 |
|
| 91 |
</div> |
| 92 |
|
