Skip to content

Commit 94a7231

Browse files
actuallyakashactuallyakash
committed
Added quick tabs 💨
1 parent 2b793d7 commit 94a7231

File tree

4 files changed

+134
-29
lines changed

4 files changed

+134
-29
lines changed

‎assets/admin/js/admin-script.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,42 @@
1818
});
1919
}
2020

21+
function tabsStatus(tab, source, obj) {
22+
$('.ma-tabs li').removeClass('active');
23+
$('#toplevel_page_mighty-addons-home .wp-submenu li').removeClass('current');
24+
// Modifies Tab active status
25+
if ( source == "sidebar" ) {
26+
$('.ma-tabs li a[href="'+ tab +'"]').parent('li').addClass('active');
27+
} else {
28+
var url = tab == "#general" ? 'admin.php?page=mighty-addons-home' : 'admin.php?page=mighty-addons-home'+tab;
29+
$('#toplevel_page_mighty-addons-home .wp-submenu li a[href="'+ url +'"]').parent('li').addClass('current');
30+
$(obj).addClass('active');
31+
}
32+
$('.ma-tabs-content').hide();
33+
}
34+
35+
// Tabs Setting
36+
$('.ma-tabs li:first-child').addClass('active');
37+
$('.ma-tabs-content').hide();
38+
$('.ma-tabs-content:first').show();
39+
40+
// Tabs Events
41+
$('.ma-tabs li').click(function() {
42+
var activeTab = $(this).find('a').attr('href');
43+
tabsStatus(activeTab, 'topbar', this);
44+
$(activeTab).show();
45+
return false;
46+
});
47+
48+
// Sidebar Events
49+
$("#toplevel_page_mighty-addons-home .wp-submenu li a").click( function() {
50+
var activeTab = $(this).attr("href").substr($(this).attr("href").indexOf("#"));
51+
activeTab = activeTab === "e" ? "#general" : activeTab;
52+
tabsStatus(activeTab, 'sidebar',this);
53+
$(activeTab).show();
54+
return false;
55+
});
56+
2157
// Submit event - Form button
2258
$('form#mighty-settings').on('submit', function (e) {
2359
e.preventDefault();

‎classes/panel.php‎

Lines changed: 5 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -134,26 +134,23 @@ public static function add_menu() {
134134
__( 'Mighty Widgets', 'mighty-addons' ),
135135
__( 'Widgets', 'mighty-addons' ),
136136
'manage_options',
137-
'mighty-addons-widgets',
138-
[ __CLASS__, 'generate_widgets_page' ]
137+
'admin.php?page=mighty-addons-home#widgets'
139138
);
140139

141140
add_submenu_page(
142141
'mighty-addons-home',
143142
__( 'Mighty Extension', 'mighty-addons' ),
144-
__( 'Extension', 'mighty-addons' ),
143+
__( 'Extensions', 'mighty-addons' ),
145144
'manage_options',
146-
'mighty-addons-extensions',
147-
[ __CLASS__, 'generate_extensions_page' ]
145+
'admin.php?page=mighty-addons-home#extensions'
148146
);
149147

150148
add_submenu_page(
151149
'mighty-addons-home',
152150
__( 'Mighty Pro', 'mighty-addons' ),
153151
__( 'Go Pro 🔥', 'mighty-addons' ),
154152
'manage_options',
155-
'mighty-addons-pro',
156-
[ __CLASS__, 'generate_pro_page' ]
153+
'admin.php?page=mighty-addons-home#go-pro'
157154
);
158155
}
159156

@@ -223,11 +220,6 @@ public static function get_default_keys() {
223220
}
224221

225222
public static function generate_homepage() {
226-
self::load_html( 'home' );
227-
}
228-
229-
public static function generate_widgets_page() {
230-
231223
$script = array(
232224
'ajaxurl' => admin_url( 'admin-ajax.php' ),
233225
'nonce' => wp_create_nonce( self::PLG_SLUG ),
@@ -249,7 +241,7 @@ public static function generate_widgets_page() {
249241

250242
self::$ma_get_settings = get_option( 'mighty_addons_status', self::$ma_default_settings );
251243

252-
self::load_html( 'widget-settings' );
244+
self::load_html( 'home' );
253245
}
254246

255247
public static function get_enabled_addons() {
@@ -260,14 +252,6 @@ public static function get_enabled_addons() {
260252

261253
}
262254

263-
public static function generate_extensions_page() {
264-
self::load_html( 'extension-settings' );
265-
}
266-
267-
public static function generate_pro_page() {
268-
self::load_html( 'go-pro' );
269-
}
270-
271255
public static function mighty_addons_status() {
272256

273257
check_ajax_referer( 'mighty-addons', 'security' );

‎panel/home.php‎

Lines changed: 89 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55
*/
66

77
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
8-
?>
98

10-
<?php
11-
$page = 'home';
12-
include_once('includes/header.php');
9+
// All the Awesomeness
10+
$widgets = self::$ma_get_settings;
1311
?>
1412

13+
<?php include_once('includes/header.php'); ?>
14+
15+
<!-- Home Sweet Home -->
1516
<div id="general" class="ma-tabs-content">
1617
<div class="mt-banner">
1718
<img class="banner" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/banner.jpg'; ?>" alt="">
@@ -65,4 +66,88 @@
6566
</div>
6667
</div>
6768

69+
<!-- Widget Controls | What you allow is what will continue - Mighty Dashboard -->
70+
<div id="widgets" class="ma-tabs-content">
71+
<div class="ma-row">
72+
<div class="ma-col-full">
73+
74+
<div class="ma-gl-cnt-right">
75+
<div class="ma-btn-group">
76+
<button id="enable-all" type="button" class="ma-btn ma-btn-action ma-gl-cnt-enable">Enable All</button>
77+
<button id="disable-all" type="button" class="ma-btn ma-btn-action ma-gl-cnt-disable">Disable All</button>
78+
</div>
79+
</div>
80+
81+
<form id="mighty-settings" action="" method="POST" name="mighty-settings">
82+
<div class="ma-element-container">
83+
<?php foreach( $widgets as $widget => $props ) : ?>
84+
<div class="ma-element ma-element-free">
85+
<div class="ma-ele-info">
86+
<i class="<?php echo $props['icon']; ?> widget-icon"></i>
87+
<p class="ma-ele-title"><?php echo ucfirst($props['title']); ?></p>
88+
<a href="https://demo.mightythemes.com/mighty-addons/<?php echo strtolower(str_replace(' ', '-', $props['title'])); ?>" class="ma-ele-info-link" target="_blank">
89+
<span class="ma-view-demo">
90+
<img src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/desktop-solid.svg' ?>" alt="">
91+
</span>
92+
<span class="ma-ele-info-tooltip">Demo</span>
93+
</a>
94+
<a href="https://mightythemes.com/products/mighty-addons/" target="_blank" class="ma-ele-info-link">
95+
<span class="ma-get-help">
96+
<img src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/question-solid.svg' ?>" alt="">
97+
</span>
98+
<span class="ma-ele-info-tooltip">Documentation</span>
99+
</a>
100+
</div>
101+
<div class="ma-ele-switch">
102+
<label class="switch">
103+
<input class="switch-input" type="checkbox" name="<?php echo $props['slug']; ?>" id="<?php echo $props['slug']; ?>" <?php checked( 1, $props['enable'], true ); ?> />
104+
<span class="switch-label"></span>
105+
<span class="switch-handle"></span>
106+
</label>
107+
</div>
108+
</div>
109+
<?php endforeach; ?>
110+
</div>
111+
112+
<div class="text-center ma-cta-save">
113+
<button type="submit" class="button ma-btn js-ma-settings-save ma-btn ma-save-button" disabled="disabled"><?php echo __('Save Settings', 'mighty-addons'); ?></button>
114+
</div>
115+
</form>
116+
</div>
117+
</div>
118+
</div>
119+
120+
<!-- Extensions -->
121+
<div id="extensions" class="ma-tabs-content coming-soon">
122+
<div class="ma-row">
123+
<div class="ma-col-full">
124+
<div class="text-center">
125+
<h1 class="cs-title">Coming Soon_</h1>
126+
<p>: :&nbsp;&nbsp;&nbsp;&nbsp;: :&nbsp;&nbsp;&nbsp;&nbsp;: :</p>
127+
<div class="text-muted cs-description">Something cool is coming.<br>Stay tuned.</div>
128+
</div>
129+
<div class="mt-illustration">
130+
<img class="under-construction" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/undraw_under_construction.svg' ?>" alt="">
131+
</div>
132+
</div>
133+
</div>
134+
</div>
135+
136+
<!-- "Be a HERO" - Go Pro -->
137+
<div id="go-pro" class="ma-tabs-content coming-soon">
138+
<div class="ma-row">
139+
<div class="ma-col-full">
140+
<div class="mt-illustration">
141+
<img class="under-construction" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/undraw_on_the_way.svg' ?>" alt="">
142+
</div>
143+
<div class="text-center">
144+
<h1 class="cs-title">On the way ..</h1>
145+
<p>: :&nbsp;&nbsp;&nbsp;&nbsp;: :&nbsp;&nbsp;&nbsp;&nbsp;: :</p>
146+
<div class="text-muted cs-description">Mighty Addons is coming up with a pro version very soon.<br> Sign Up for an exclusive launch offer. </div>
147+
<a href="https://mailchi.mp/58871d7350d3/mightyaddonspro" target="_BLANK" class="button ma-btn cs-cta"><?php echo __('Get Aboard', 'mighty-addons'); ?></a>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
68153
<?php include_once('includes/footer.php'); ?>

‎panel/includes/tabs.php‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<ul class="ma-tabs">
2-
<li <?php echo $page == "home" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-home"><span>General</span></a></li>
3-
<li <?php echo $page == "widgets" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-widgets"><span>Widgets</span></a></li>
4-
<li <?php echo $page == "extensions" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-extensions"><span>Extensions</span></a></li>
5-
<li <?php echo $page == "go-pro" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-pro"><span>Go Pro 🔥</span></a></li>
2+
<li <?php echo $page == "home" ? 'class="active"' : ''; ?>><a href="#general"><span>General</span></a></li>
3+
<li <?php echo $page == "widgets" ? 'class="active"' : ''; ?>><a href="#widgets"><span>Widgets</span></a></li>
4+
<li <?php echo $page == "extensions" ? 'class="active"' : ''; ?>><a href="#extensions"><span>Extensions</span></a></li>
5+
<li <?php echo $page == "go-pro" ? 'class="active"' : ''; ?>><a href="#go-pro"><span>Go Pro 🔥</span></a></li>
66
</ul>

0 commit comments

Comments
 (0)