Added Coming Soon pages ⌛

Author: actuallyakash

assets/admin/css/admin-styles.css

@@ -127,7 +127,7 @@ button {
 
 .switch-label,
 .switch-handle {
-    transition: all 0.5s cubic-bezier(0.85, -0.28, 0, 1.38);
+    transition: all 0.5s cubic-bezier(0.79, -0.54, 0, 1.51);
 }
 
 .switch-handle {
@@ -597,4 +597,42 @@ button {
 
 .updated-widgets {
     margin-top: 3px;
+}
+
+.text-muted {
+    color: #78909C;
+}
+
+/* Extension (Coming Soon) */
+
+.coming-soon .mt-illustration {
+    width: 600px;
+    height: 600px;
+    display: flex;
+}
+
+.coming-soon .ma-col-full {
+    height: 500px;
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+}
+
+.coming-soon .under-construction {
+    width: 100%
+}
+
+.coming-soon .cs-cta {
+    margin-top: 26px;
+    text-transform: capitalize;
+}
+
+.coming-soon .cs-cta:hover {
+    background: #6000ff;
+    color: white;
+}
+
+.coming-soon .cs-cta:focus {
+    background: #5A00F0;
+    color: #fff;
 }

assets/admin/images/undraw_on_the_way.svg

@@ -146,6 +146,15 @@ public static function add_menu() {
                 'mighty-addons-extensions',
                 [ __CLASS__, 'generate_extensions_page' ]
             );
+
+            add_submenu_page(
+                'mighty-addons-home',
+                __( 'Mighty Pro', 'mighty-addons' ),
+                __( 'Go Pro 🔥', 'mighty-addons' ),
+                'manage_options',
+                'mighty-addons-pro',
+                [ __CLASS__, 'generate_pro_page' ]
+            );
         }
 
         public static function enqueue_scripts( $hook ) {
@@ -255,6 +264,10 @@ public static function generate_extensions_page() {
             self::load_html( 'extension-settings' );
         }
 
+        public static function generate_pro_page() {
+            self::load_html( 'go-pro' );
+        }
+
         public static function mighty_addons_status() {
 
             check_ajax_referer( 'mighty-addons', 'security' );

assets/admin/images/undraw_under_construction.svg

@@ -1,10 +1,26 @@
 <?php
 /**
- * Mighty Extension Command Template
+ * Mighty Extensions
  */
 
 if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+$page = 'extensions';
 ?>
-<div class="ma-extension-panel">
-<h1 class="mighty-heading">Mighty Extensions Panel</h1>
-</div>
+
+<?php include_once('includes/header.php'); ?>
+
+<div id="extensions" class="ma-tabs-content coming-soon">
+    <div class="ma-row">
+        <div class="ma-col-full">
+            <div class="text-center">
+                <h1>Coming Soon_</h1>
+                <p>: :&nbsp;&nbsp;&nbsp;&nbsp;: :&nbsp;&nbsp;&nbsp;&nbsp;: :</p>
+                <div class="text-muted">Something cool is coming. Stay tuned.</div>
+            </div>
+            <div class="mt-illustration">
+                <img class="under-construction" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/undraw_under_construction.svg' ?>" alt="">
+            </div>
+        </div>
+    </div>
+</div>
+<?php include_once('includes/footer.php'); ?>

classes/panel.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Mighty Extensions
+ */
+
+if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+$page = 'go-pro';
+?>
+
+<?php include_once('includes/header.php'); ?>
+
+<div id="go-pro" class="ma-tabs-content coming-soon">
+    <div class="ma-row">
+        <div class="ma-col-full">
+            <div class="mt-illustration">
+                <img class="under-construction" src="<?php echo MIGHTY_ADDONS_PLG_URL . 'assets/admin/images/undraw_on_the_way.svg' ?>" alt="">
+            </div>
+            <div class="text-center">
+                <h1>On the way ..</h1>
+                <p>: :&nbsp;&nbsp;&nbsp;&nbsp;: :&nbsp;&nbsp;&nbsp;&nbsp;: :</p>
+                <div class="text-muted">Mighty Addons is coming up with a pro version very soon.<br> Sign Up for an exclusive launch offer. </div>
+                <a href="https://mailchi.mp/58871d7350d3/mightyaddonspro" target="_BLANK" class="button ma-btn cs-cta"><?php echo __('Get Aboard', 'mighty-addons'); ?></a>
+            </div>
+        </div>
+    </div>
+</div>
+<?php include_once('includes/footer.php'); ?>

panel/extension-settings.php

@@ -2,5 +2,5 @@
     <li <?php echo $page == "home" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-home"><span>General</span></a></li>
     <li <?php echo $page == "widgets" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-widgets"><span>Widgets</span></a></li>
     <li <?php echo $page == "extensions" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-extensions"><span>Extensions</span></a></li>
-    <li><a href="#GoPro"><span>Go Pro</span></a></li>
+    <li <?php echo $page == "go-pro" ? 'class="active"' : ''; ?>><a href="admin.php?page=mighty-addons-pro"><span>Go Pro 🔥</span></a></li>
 </ul>