← All changes | app/Views/admin/menu.php +123 -38 1.10.3 → 2.4.5 View file →

		@@ -1,56 +1,141 @@
1	1	<?php defined('ABSPATH') or die; ?>
2	2	<div id='alpha_app'>
3	3	<div class="fframe_app">
4		- <div class="fframe_main-menu-items">
5		-
	4	+ <div class="fs_main_navbar">
6	5	<div class="menu_logo_holder">
7	6	<a href="<?php echo esc_url($base_url); ?>">
8		- <img src="<?php echo esc_url($logo); ?>" />
	7	+ <img src="<?php echo esc_url($logo); ?>" alt="Logo" />
9	8	</a>
10	9	</div>
11		- <div class="fframe_handheld"><span class="dashicons dashicons-menu-alt3"></span></div>
12	10
13		- <ul class="fframe_menu">
14		- <?php foreach ($menuItems as $item): ?>
15		- <?php $hasSubMenu = !empty($item['sub_items']); ?>
16		- <li data-key="<?php echo esc_attr($item['key']); ?>" class="fframe_menu_item <?php echo ($hasSubMenu) ? 'fframe_has_sub_items' : ''; ?> fframe_item_<?php echo esc_attr($item['key']); ?>">
17		- <a class="fframe_menu_primary" href="<?php echo esc_url($item['permalink']); ?>">
18		- <?php echo esc_attr($item['label']); ?>
19		- <?php if($hasSubMenu){ ?>
20		- <span class="dashicons dashicons-arrow-down-alt2"></span>
21		- <?php } ?></a>
22		- <?php if($hasSubMenu): ?>
23		- <div class="fframe_submenu_items">
24		- <?php foreach ($item['sub_items'] as $sub_item): ?>
25		- <a href="<?php echo esc_url($sub_item['permalink']); ?>"><?php echo esc_attr($sub_item['label']); ?></a>
26		- <?php endforeach; ?>
27		- </div>
	11	+ <div class="fs_nav_container">
	12	+ <ul class="fs_nav_menu">
	13	+ <?php foreach ($menuItems as $item): ?>
	14	+ <?php if (!empty($item['children'])): ?>
	15	+ <li data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_item fs_item_<?php echo esc_attr($item['key']); ?> fs_has_dropdown">
	16	+ <button class="fs_nav_link fs_dropdown_trigger" type="button">
	17	+ <?php echo esc_html($item['label']); ?>
	18	+ <span class="fs_dropdown_arrow">
	19	+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
	20	+ <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
	21	+ </svg>
	22	+ </span>
	23	+ </button>
	24	+ <ul class="fs_dropdown_menu">
	25	+ <?php foreach ($item['children'] as $child): ?>
	26	+ <li data-key="<?php echo esc_attr($child['key']); ?>" class="fs_dropdown_item fs_item_<?php echo esc_attr($child['key']); ?>">
	27	+ <a class="fs_dropdown_link" href="<?php echo esc_url($child['permalink']); ?>">
	28	+ <?php echo esc_html($child['label']); ?>
	29	+ </a>
	30	+ </li>
	31	+ <?php endforeach; ?>
	32	+ </ul>
	33	+ </li>
	34	+ <?php else: ?>
	35	+ <li data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_item fs_item_<?php echo esc_attr($item['key']); ?>">
	36	+ <a class="fs_nav_link" href="<?php echo esc_url($item['permalink']); ?>">
	37	+ <?php echo esc_html($item['label']); ?>
	38	+ </a>
	39	+ </li>
28	40	<?php endif; ?>
	41	+ <?php endforeach; ?>
	42	+ </ul>
	43	+
	44	+ <ul class="fs_nav_menu fs_secondary_menu">
	45	+ <fs-notifications-pop></fs-notifications-pop>
	46	+ <li class="fs_nav_item fs_item_color_mode">
	47	+ <color-mode></color-mode>
29	48	</li>
30		- <?php endforeach; ?>
31		- </ul>
32		- <?php if($secondaryItems): ?>
33		- <ul class="frame_secondary_menu fframe_menu">
	49	+ <?php if($secondaryItems): ?>
	50	+ <?php foreach ($secondaryItems as $item): ?>
	51	+ <li data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_item fs_item_<?php echo esc_attr($item['key']); ?>">
	52	+ <a data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_right_item fs_item_<?php echo esc_attr($item['key']); ?>" href="<?php echo esc_url($item['permalink']); ?>">
	53	+ <?php if($item['key'] === 'settings'): ?>
	54	+ <img src="<?php echo esc_url($settingsLogo); ?>" alt="Settings" width="20" height="20" />
	55	+ <?php elseif($item['key'] === 'upgrade_to_pro'): ?>
	56	+ <?php echo esc_attr($item['label']); ?>
	57	+ <?php else: ?>
	58	+ <?php echo esc_attr($item['label']); ?>
	59	+ <?php endif; ?>
	60	+ </a>
	61	+ </li>
	62	+ <?php endforeach; ?>
	63	+ <?php endif; ?>
	64	+ </ul>
	65	+ </div>
	66	+
	67	+ <ul class="fs_nav_menu fs_secondary_menu fs_mobile_secondary_menu">
	68	+ <fs-notifications-pop></fs-notifications-pop>
	69	+ <li class="fs_nav_item fs_item_color_mode">
	70	+ <color-mode></color-mode>
	71	+ </li>
	72	+ <?php if($secondaryItems): ?>
34	73	<?php foreach ($secondaryItems as $item): ?>
35		- <?php $hasSubMenu = !empty($item['sub_items']); ?>
36		- <li data-key="<?php echo esc_attr($item['key']); ?>" class="fframe_menu_item <?php echo ($hasSubMenu) ? 'fframe_has_sub_items' : ''; ?> fframe_item_<?php echo esc_attr($item['key']); ?>">
37		- <a class="fframe_menu_primary" href="<?php echo esc_url($item['permalink']); ?>">
38		- <?php echo esc_attr($item['label']); ?>
39		- <?php if($hasSubMenu){ ?>
40		- <span class="dashicons dashicons-arrow-down-alt2"></span>
41		- <?php } ?></a>
42		- <?php if($hasSubMenu): ?>
43		- <div class="fframe_submenu_items">
44		- <?php foreach ($item['sub_items'] as $sub_item): ?>
45		- <a href="<?php echo esc_url($sub_item['permalink']); ?>"><?php echo esc_attr($sub_item['label']); ?></a>
46		- <?php endforeach; ?>
47		- </div>
48		- <?php endif; ?>
	74	+ <li data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_item fs_item_<?php echo esc_attr($item['key']); ?>">
	75	+ <a data-key="<?php echo esc_attr($item['key']); ?>" class="fs_nav_right_item fs_item_<?php echo esc_attr($item['key']); ?>" href="<?php echo esc_url($item['permalink']); ?>">
	76	+ <?php if($item['key'] === 'settings'): ?>
	77	+ <img src="<?php echo esc_url($settingsLogo); ?>" alt="Settings" width="20" height="20" />
	78	+ <?php elseif($item['key'] === 'upgrade_to_pro'): ?>
	79	+ <img src="<?php echo esc_url($upgradeLogo); ?>" alt="Settings" width="20" height="20" />
	80	+ <?php echo esc_attr($item['label']); ?>
	81	+ <?php else: ?>
	82	+ <?php echo esc_attr($item['label']); ?>
	83	+ <?php endif; ?>
	84	+ </a>
49	85	</li>
50	86	<?php endforeach; ?>
	87	+ <?php endif; ?>
51	88	</ul>
52		- <?php endif; ?>
	89	+
	90	+ <div class="fs_mobile_menu_container">
	91	+ <div class="fs_offcanvas_menu_overlay" data-fs-offcanvas-menu-overlay></div>
	92	+
	93	+ <div class="fs_menu_toggle_button" data-fs-menu-toggle>
	94	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
	95	+ <path d="M8.3335 4.16602L16.6668 4.16602" stroke="currentColor" stroke-width="1.5"
	96	+ stroke-linecap="round" stroke-linejoin="round"></path>
	97	+ <path d="M3.3335 10L16.6668 10" stroke="currentColor" stroke-width="1.5"
	98	+ stroke-linecap="round" stroke-linejoin="round"></path>
	99	+ <path d="M3.3335 15.832L11.6668 15.832" stroke="currentColor" stroke-width="1.5"
	100	+ stroke-linecap="round" stroke-linejoin="round"></path>
	101	+ </svg>
	102	+ </div>
	103	+
	104	+ <div class="fs_offcanvas_menu" data-fs-offcanvas-menu>
	105	+ <div class="fs_offcanvas_menu_content">
	106	+ <button class="fs_offcanvas_menu_close" data-fs-offcanvas-menu-close>
	107	+ <span class="icon">
	108	+ <svg class="cross" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
	109	+ <path d="M15.8337 4.1665L4.16699 15.8332M4.16699 4.1665L15.8337 15.8332"
	110	+ stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
	111	+ stroke-linejoin="round"></path>
	112	+ </svg>
	113	+ </span>
	114	+ </button>
	115	+ <div class="fs_offcanvas_menu_list">
	116	+ <?php foreach ($menuItems as $item): ?>
	117	+ <?php if (!empty($item['children'])): ?>
	118	+ <?php foreach ($item['children'] as $child): ?>
	119	+ <div class="fs_offcanvas_menu_item">
	120	+ <div class="fs_offcanvas_menu_label">
	121	+ <a href="<?php echo esc_url($child['permalink']); ?>"><?php echo esc_html($child['label']); ?></a>
	122	+ </div>
	123	+ </div>
	124	+ <?php endforeach; ?>
	125	+ <?php else: ?>
	126	+ <div class="fs_offcanvas_menu_item">
	127	+ <div class="fs_offcanvas_menu_label">
	128	+ <a href="<?php echo esc_url($item['permalink']); ?>"><?php echo esc_html($item['label']); ?></a>
	129	+ </div>
	130	+ </div>
	131	+ <?php endif; ?>
	132	+ <?php endforeach; ?>
	133	+ </div>
	134	+ </div>
	135	+ </div>
	136	+ </div>
	137	+ </div>
53	138	</div>
54	139	<div class="fframe_body">
55	140	<router-view></router-view>
56	141	</div>