| 1 |
<?php if (!defined('ABSPATH')) exit; // if accessed directly exit ?> |
| 2 |
<div id="<?php echo esc_attr(sanitize_text_field($slug)); ?>-app" |
| 3 |
class="warp fconnector_app"> |
| 4 |
<div class="fframe_app"> |
| 5 |
<div class="fframe_main-menu-items"> |
| 6 |
<div class="fframe_header_left"> |
| 7 |
<div class="menu_logo_holder"> |
| 8 |
<a href="<?php echo esc_url($baseUrl); ?>"> |
| 9 |
<img style="height: 30px;" src="<?php echo esc_url($icon); ?>"/> |
| 10 |
<?php if(defined('FLUENT_BOARDS_PRO') && is_admin()): ?> |
| 11 |
<span><?php esc_html_e('Pro', 'fluent-boards'); ?></span> |
| 12 |
<?php endif; ?> |
| 13 |
</a> |
| 14 |
</div> |
| 15 |
<ul class="fframe_menu"> |
| 16 |
<?php foreach ($menuItems as $fluent_boards_item) { ?> |
| 17 |
<?php $fluent_boards_has_submenu = !empty($fluent_boards_item['sub_items']); ?> |
| 18 |
<li data-key="<?php echo esc_attr($fluent_boards_item['key']); ?>" |
| 19 |
class="fframe_menu_item <?php echo ($fluent_boards_has_submenu) ? 'fframe_has_sub_items' : ''; ?> fframe_item_<?php echo esc_attr($fluent_boards_item['key']); ?> <?php echo esc_attr($fluent_boards_item['class'] ?? '') ?? ''; ?>"> |
| 20 |
<a class="fframe_menu_primary" |
| 21 |
<?php if (!empty($fluent_boards_item['target'])) : ?>target="_blank" rel="noopener" <?php endif; ?> |
| 22 |
href="<?php echo esc_url($fluent_boards_item['permalink']); ?>"> |
| 23 |
<?php echo esc_html(sanitize_text_field($fluent_boards_item['label'])); ?> |
| 24 |
<?php if(!empty($fluent_boards_item['target'])): ?> |
| 25 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" focusable="false"> |
| 26 |
<path d="M13.0582 8.01999L6.49492 14.5833L5.41667 13.505L11.9792 6.94173H6.19524V5.41663H14.5833V13.8047H13.0582V8.01999Z" fill="#99A0AE"/> |
| 27 |
</svg> |
| 28 |
<?php endif; ?> |
| 29 |
<?php if ($fluent_boards_has_submenu) { ?> |
| 30 |
<span class="dashicons dashicons-arrow-down-alt2"></span> |
| 31 |
<?php } ?></a> |
| 32 |
<?php if ($fluent_boards_has_submenu) { ?> |
| 33 |
<div class="fframe_submenu_items"> |
| 34 |
<?php foreach ($fluent_boards_item['sub_items'] as $fluent_boards_sub_item) { ?> |
| 35 |
<a href="<?php echo esc_url($fluent_boards_sub_item['permalink']); ?>"><?php echo esc_attr($fluent_boards_sub_item['label']); ?></a> |
| 36 |
<?php } ?> |
| 37 |
</div> |
| 38 |
<?php } ?> |
| 39 |
</li> |
| 40 |
<?php } ?> |
| 41 |
</ul> |
| 42 |
</div> |
| 43 |
<div class="fbs_menu_action"> |
| 44 |
<div class="fbs_menu_actions" id="fluent_app_actions"></div> |
| 45 |
<?php |
| 46 |
if (!defined('FLUENT_BOARDS_PRO')) { |
| 47 |
?> |
| 48 |
<a |
| 49 |
href="<?php echo esc_url(fluent_boards_get_upgrade_url('top_bar')); ?>" |
| 50 |
class="el-button el-button--primary no-underline fbs_menu_action__upgrade"> |
| 51 |
<span> |
| 52 |
<?php esc_html_e('Upgrade to Pro', 'fluent-boards'); ?> |
| 53 |
</span> |
| 54 |
</a> |
| 55 |
<?php |
| 56 |
} |
| 57 |
?> |
| 58 |
<?php do_action('fluent_boards/in_menu_actions'); ?> |
| 59 |
</div> |
| 60 |
</div> |
| 61 |
<div class="fframe_menu_overlay" data-fbs-menu-overlay></div> |
| 62 |
<ul class="fframe_menu fframe_menu_small_screen" id="fframe_mobile_menu" |
| 63 |
aria-label="<?php esc_attr_e('Navigation Menu', 'fluent-boards'); ?>"> |
| 64 |
<li class="fframe_menu_close_item"> |
| 65 |
<button type="button" class="fframe_offcanvas_close" data-fbs-menu-close |
| 66 |
aria-label="<?php esc_attr_e('Close Navigation Menu', 'fluent-boards'); ?>"> |
| 67 |
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 68 |
<path d="M9.99956 8.93955L13.7121 5.22705L14.7726 6.28755L11.0601 10.0001L14.7726 13.7126L13.7121 14.7731L9.99956 11.0606L6.28706 14.7731L5.22656 13.7126L8.93906 10.0001L5.22656 6.28755L6.28706 5.22705L9.99956 8.93955Z" fill="currentColor"/> |
| 69 |
</svg> |
| 70 |
</button> |
| 71 |
</li> |
| 72 |
<?php foreach ($menuItems as $fluent_boards_item) { ?> |
| 73 |
<?php $fluent_boards_has_submenu = !empty($fluent_boards_item['sub_items']); ?> |
| 74 |
<li data-key="<?php echo esc_attr($fluent_boards_item['key']); ?>" |
| 75 |
class="fframe_menu_item <?php echo ($fluent_boards_has_submenu) ? 'fframe_has_sub_items' : ''; ?> fframe_item_<?php echo esc_attr($fluent_boards_item['key']); ?> <?php echo esc_attr($fluent_boards_item['class'] ?? '') ?? ''; ?>"> |
| 76 |
<a class="fframe_menu_primary" |
| 77 |
<?php if (!empty($fluent_boards_item['target'])) : ?>target="_blank" rel="noopener" <?php endif; ?> |
| 78 |
href="<?php echo esc_url($fluent_boards_item['permalink']); ?>"> |
| 79 |
<?php echo esc_html(sanitize_text_field($fluent_boards_item['label'])); ?> |
| 80 |
<?php if(!empty($fluent_boards_item['target'])): ?> |
| 81 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" focusable="false"> |
| 82 |
<path d="M13.0582 8.01999L6.49492 14.5833L5.41667 13.505L11.9792 6.94173H6.19524V5.41663H14.5833V13.8047H13.0582V8.01999Z" fill="#99A0AE"/> |
| 83 |
</svg> |
| 84 |
<?php endif; ?> |
| 85 |
<?php if ($fluent_boards_has_submenu) { ?> |
| 86 |
<span class="dashicons dashicons-arrow-down-alt2"></span> |
| 87 |
<?php } ?></a> |
| 88 |
<?php if ($fluent_boards_has_submenu) { ?> |
| 89 |
<div class="fframe_submenu_items"> |
| 90 |
<?php foreach ($fluent_boards_item['sub_items'] as $fluent_boards_sub_item) { ?> |
| 91 |
<a href="<?php echo esc_url($fluent_boards_sub_item['permalink']); ?>"><?php echo esc_attr($fluent_boards_sub_item['label']); ?></a> |
| 92 |
<?php } ?> |
| 93 |
</div> |
| 94 |
<?php } ?> |
| 95 |
</li> |
| 96 |
<?php } ?> |
| 97 |
<?php if (!defined('FLUENT_BOARDS_PRO')) { ?> |
| 98 |
<li data-key="get_pro" class="fframe_menu_item fframe_item_get_pro"> |
| 99 |
<a class="fframe_menu_primary" |
| 100 |
href="<?php echo esc_url(fluent_boards_get_upgrade_url('sidebar_cta')); ?>"> |
| 101 |
<?php esc_html_e('Upgrade to Pro', 'fluent-boards'); ?> |
| 102 |
</a> |
| 103 |
</li> |
| 104 |
<?php } ?> |
| 105 |
</ul> |
| 106 |
<div class="fframe_body"> |
| 107 |
<div id="fluent-framework-app" class="fs_route_wrapper"></div> |
| 108 |
</div> |
| 109 |
</div> |
| 110 |
</div> |
| 111 |
|
