Skip to content

Commit

Permalink
Merge pull request #527 from newfold-labs/PRESS4-509
Browse files Browse the repository at this point in the history 
feature/Launchpad with view & add buttons - PRESS4 509
  • Loading branch information
@wpalani
wpalani authored Apr 23, 2024
2 parents ddea0cb + da4ffec commit b4681e2
Show file tree
Hide file tree
Showing 10 changed files with 458 additions and 16,609 deletions.
15 changes: 8 additions & 7 deletions inc/Admin.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,13 +59,14 @@ public static function add_to_runtime( $sdk ) {
*/
public static function subpages() {
return array(
'hostgator#/home' => __( 'Home', 'wp-plugin-hostgator' ),
'hostgator#/store' => __( 'Store', 'wp-plugin-hostgator' ),
'hostgator#/marketplace' => __( 'Marketplace', 'wp-plugin-hostgator' ),
'hostgator#/performance' => __( 'Performance', 'wp-plugin-hostgator' ),
'hostgator#/settings' => __( 'Settings', 'wp-plugin-hostgator' ),
'hostgator#/staging' => __( 'Staging', 'wp-plugin-hostgator' ),
'hostgator#/help' => __( 'Help', 'wp-plugin-hostgator' ),
'hostgator#/home' => __( 'Home', 'wp-plugin-hostgator' ),
'hostgator#/pages-and-posts' => __( 'Pages & Posts', 'wp-plugin-hostgator' ),
'hostgator#/store' => __( 'Store', 'wp-plugin-hostgator' ),
'hostgator#/marketplace' => __( 'Marketplace', 'wp-plugin-hostgator' ),
'hostgator#/performance' => __( 'Performance', 'wp-plugin-hostgator' ),
'hostgator#/settings' => __( 'Settings', 'wp-plugin-hostgator' ),
'hostgator#/staging' => __( 'Staging', 'wp-plugin-hostgator' ),
'hostgator#/help' => __( 'Help', 'wp-plugin-hostgator' ),
);
}

Expand Down
16,561 changes: 1 addition & 16,560 deletions package-lock.json
View file

Large diffs are not rendered by default.

90 changes: 50 additions & 40 deletions src/app/data/routes.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import {
AdjustmentsHorizontalIcon,
BuildingStorefrontIcon,
QuestionMarkCircleIcon,
DocumentDuplicateIcon,
} from '@heroicons/react/24/outline';
import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
import { Route, Routes } from 'react-router-dom';
Expand All @@ -17,40 +18,41 @@ import Settings from '../pages/settings';
import Staging from '../pages/staging';
import Help from '../pages/help';
import Store from '../pages/ecommerce/page';
import PagesAndPosts from '../pages/pages-and-posts';
import { getMarketplaceSubnavRoutes } from '../../../vendor/newfold-labs/wp-module-marketplace/components/marketplaceSubnav';

const addPartialMatch = ( prefix, path ) =>
prefix === path ? `${ prefix }/*` : path;
const addPartialMatch = (prefix, path) =>
prefix === path ? `${prefix}/*` : path;

const HelpCenterAI = ( e ) => {
const HelpCenterAI = (e) => {
e.preventDefault();
window.newfoldEmbeddedHelp.toggleNFDLaunchedEmbeddedHelp();
};

export const AppRoutes = () => {
return (
<Routes>
{ routes.map( ( page ) => (
{routes.map((page) => (
<Route
end
key={ page.name }
path={ addPartialMatch(
key={page.name}
path={addPartialMatch(
'/marketplace',
addPartialMatch( '/store', page.name )
) }
element={ <page.Component /> }
addPartialMatch('/store', page.name)
)}
element={<page.Component />}
/>
) ) }
<Route path="/" element={ <Home /> } />
))}
<Route path="/" element={<Home />} />
<Route
path="*"
element={
<main style={ { padding: '1rem' } }>
<main style={{ padding: '1rem' }}>
<p>
{ __(
{__(
"There's nothing here!",
'wp-plugin-hostgator'
) }
)}
</p>
</main>
}
Expand All @@ -61,94 +63,102 @@ export const AppRoutes = () => {

const topRoutePaths = [
'/home',
'/pages-and-posts',
'/store',
'/marketplace',
'/performance',
'/settings',
'/staging',
];
const utilityRoutePaths = [ '/help' ];
const utilityRoutePaths = ['/help'];

export const routes = [
{
name: '/home',
title: __( 'Home', 'wp-plugin-hostgator' ),
title: __('Home', 'wp-plugin-hostgator'),
Component: Home,
Icon: HomeIcon,
},
{
name: '/pages-and-posts',
title: __('Pages & Posts', 'wp-plugin-hostgator'),
Component: PagesAndPosts,
Icon: DocumentDuplicateIcon,
condition: true,
},
{
name: '/store',
title: __( 'Store', 'wp-plugin-hostgator' ),
title: __('Store', 'wp-plugin-hostgator'),
Component: Store,
Icon: BuildingStorefrontIcon,
subRoutes: [
{
name: '/store/products',
title: __( 'Products & Services', 'wp-plugin-hostgator' ),
title: __('Products & Services', 'wp-plugin-hostgator'),
},
NewfoldRuntime.hasCapability( 'hasYithExtended' )
NewfoldRuntime.hasCapability('hasYithExtended')
? {
name: '/store/sales_discounts',
title: __(
'Sales & Promotions',
'wp-plugin-hostgator'
),
}
name: '/store/sales_discounts',
title: __(
'Sales & Promotions',
'wp-plugin-hostgator'
),
}
: null,
NewfoldRuntime.isWoo
? {
name: '/store/payments',
title: __( 'Payments', 'wp-plugin-bluehost' ),
}
name: '/store/payments',
title: __('Payments', 'wp-plugin-hostgator'),
}
: null,
{
name: '/store/details',
title: __( 'Store Details', 'wp-plugin-hostgator' ),
title: __('Store Details', 'wp-plugin-hostgator'),
},
].filter( Boolean ),
].filter(Boolean),
},
{
name: '/marketplace',
title: __( 'Marketplace', 'wp-plugin-hostgator' ),
title: __('Marketplace', 'wp-plugin-hostgator'),
Component: Marketplace,
Icon: ShoppingBagIcon,
subRoutes: await getMarketplaceSubnavRoutes(),
},
{
name: '/performance',
title: __( 'Performance', 'wp-plugin-hostgator' ),
title: __('Performance', 'wp-plugin-hostgator'),
Component: Performance,
Icon: BoltIcon,
},
{
name: '/settings',
title: __( 'Settings', 'wp-plugin-hostgator' ),
title: __('Settings', 'wp-plugin-hostgator'),
Component: Settings,
Icon: AdjustmentsHorizontalIcon,
},
{
name: '/staging',
title: __( 'Staging', 'wp-plugin-hostgator' ),
title: __('Staging', 'wp-plugin-hostgator'),
Component: Staging,
Icon: WrenchScrewdriverIcon,
},
{
name: '/help',
title: __( 'Help', 'wp-plugin-hostgator' ),
title: __('Help', 'wp-plugin-hostgator'),
Component: Help,
Icon: QuestionMarkCircleIcon,
action: NewfoldRuntime.hasCapability( 'canAccessHelpCenter' )
action: NewfoldRuntime.hasCapability('canAccessHelpCenter')
? HelpCenterAI
: false,
},
];

export const topRoutes = _filter( routes, ( route ) =>
topRoutePaths.includes( route.name )
export const topRoutes = _filter(routes, (route) =>
topRoutePaths.includes(route.name)
);

export const utilityRoutes = _filter( routes, ( route ) =>
utilityRoutePaths.includes( route.name )
export const utilityRoutes = _filter(routes, (route) =>
utilityRoutePaths.includes(route.name)
);

export default AppRoutes;
49 changes: 49 additions & 0 deletions src/app/pages/pages-and-posts/ProductsPages.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import { Button, Card, Title } from '@newfold/ui-component-library';

const ProductsPages = () => {
return (
<Card
className="hgwp-app-products nfd-border-0 md:nfd-border-r nfd-shadow-none hover:nfd-bg-[#FEFCEA]"
style={ {
borderRadius: 0,
} }
>
<Card.Content>
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="48" height="48" rx="8" fill="#FEFCEA" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.9508 14.6899C17.8182 14.2827 17.437 14 17 14H15L14.8834 14.0067C14.386 14.0645 14 14.4872 14 15L14.0067 15.1166C14.0645 15.614 14.4872 16 15 16H16.18L16.4158 17.1781C16.4181 17.1909 16.4207 17.2037 16.4235 17.2163L17.9145 24.6713L15.9999 26.5859L15.8943 26.6993C15.0637 27.6584 15.3668 29.0487 16.3082 29.6739C16.1109 30.0738 16 30.5239 16 31C16 32.6569 17.3431 34 19 34C20.6569 34 22 32.6569 22 31C22 30.6494 21.9398 30.3128 21.8293 30H26.1707C26.0602 30.3128 26 30.6494 26 31C26 32.6569 27.3431 34 29 34C30.6569 34 32 32.6569 32 31C32 29.3431 30.6569 28 29 28L19.0237 28.0001C19.0158 28 19.0079 28 19 28C18.9921 28 18.9841 28 18.9762 28.0001L17.4141 28.0001L19.4142 26H29L29.1249 25.9922C29.4535 25.9509 29.7439 25.7484 29.8944 25.4472L33.8944 17.4472L33.9402 17.3414C34.1753 16.7021 33.7043 16 33 16H18.2198L17.9806 14.8039L17.9508 14.6899ZM19 30C18.4477 30 18 30.4477 18 31C18 31.5523 18.4477 32 19 32C19.5523 32 20 31.5523 20 31C20 30.4477 19.5523 30 19 30ZM28 31C28 30.4477 28.4477 30 29 30C29.5523 30 30 30.4477 30 31C30 31.5523 29.5523 32 29 32C28.4477 32 28 31.5523 28 31ZM19.8198 24L18.6198 18H31.381L28.381 24H19.8198Z"
fill="#986423"
/>
</svg>
<Title size="4" className="nfd-leading-normal nfd-my-4">
{__('Products', 'wp-plugin-hostgator')}
</Title>
<p>
{__(
'Showcase physical and digital goods, product variations, and custom configurations.',
'wp-plugin-hostgator'
)}
</p>
</Card.Content>
<div className="nfd-flex nfd-justify-end nfd-gap-6 nfd-items-center">
<a href="edit.php?post_type=product">
{__('View all ', 'wp-plugin-hostgator')}
</a>
<a href="post-new.php?post_type=product">
<Button>{__('Add New', 'wp-plugin-hostgator')}</Button>
</a>
</div>
</Card>
);
};

export default ProductsPages;
49 changes: 49 additions & 0 deletions src/app/pages/pages-and-posts/blogPosts.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import { Button, Card, Title } from '@newfold/ui-component-library';

const BlogPosts = () => {
return (
<Card
className="hgwp-app-blog-posts nfd-border-0 nfd-border-b nfd-shadow-none hover:nfd-bg-[#F9F5FE]"
style={ {
borderRadius: 0,
} }
>
<Card.Content>
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="48" height="48" rx="8" fill="#F9F5FE" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17 15H31C32.6569 15 34 16.3431 34 18V26C34 27.6569 32.6569 29 31 29H26.414L21.7071 33.7071C21.1045 34.3097 20.0928 33.9277 20.006 33.1136L20 33V29H17C15.4023 29 14.0963 27.7511 14.0051 26.1763L14 26V18C14 16.3431 15.3431 15 17 15ZM31 17H17C16.4477 17 16 17.4477 16 18V26C16 26.5523 16.4477 27 17 27H21C21.5523 27 22 27.4477 22 28V30.584L25.2929 27.2929C25.4492 27.1366 25.6519 27.0374 25.8686 27.0087L26 27H31C31.5523 27 32 26.5523 32 26V18C32 17.4477 31.5523 17 31 17Z"
fill="#7D3CCA"
/>
</svg>
<Title size="4" className="nfd-leading-normal nfd-my-4">
{__('Blog Posts', 'wp-plugin-hostgator')}
</Title>
<p>
{__(
'Add a new blog post or edit your existing posts.',
'wp-plugin-hostgator'
)}
</p>
</Card.Content>
<div className="nfd-flex nfd-justify-end nfd-gap-6 nfd-items-center">
<a href="edit.php">
{__('View all ', 'wp-plugin-hostgator')}
</a>
<a href="post-new.php">
<Button>{__('Add New', 'wp-plugin-hostgator')}</Button>
</a>
</div>
</Card>
);
};

export default BlogPosts;
49 changes: 49 additions & 0 deletions src/app/pages/pages-and-posts/bookingAndAppointments.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import { Button, Card, Title } from '@newfold/ui-component-library';

const BookingAndAppointments = () => {
return (
<Card
className="hgwp-app-bookings nfd-border-0 nfd-border-t md:nfd-border-t-0 nfd-shadow-none hover:nfd-bg-[#F2F9FE]"
style={ {
borderRadius: 0,
} }
>
<Card.Content>
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="48" height="48" rx="8" fill="#F2F9FE" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.9933 14.8834C20.9355 14.386 20.5128 14 20 14C19.4477 14 19 14.4477 19 15V16H17C15.3431 16 14 17.3431 14 19V31C14 32.6569 15.3431 34 17 34H31C32.6569 34 34 32.6569 34 31V19C34 17.3431 32.6569 16 31 16H29V15L28.9933 14.8834C28.9355 14.386 28.5128 14 28 14C27.4477 14 27 14.4477 27 15V16H21V15L20.9933 14.8834ZM19 18V19L19.0067 19.1166C19.0645 19.614 19.4872 20 20 20C20.5523 20 21 19.5523 21 19V18H27V19L27.0067 19.1166C27.0645 19.614 27.4872 20 28 20C28.5523 20 29 19.5523 29 19V18H31C31.5523 18 32 18.4477 32 19V31C32 31.5523 31.5523 32 31 32H17C16.4477 32 16 31.5523 16 31V19C16 18.4477 16.4477 18 17 18H19ZM29 22C29.5523 22 30 22.4477 30 23C30 23.5128 29.614 23.9355 29.1166 23.9933L29 24H19C18.4477 24 18 23.5523 18 23C18 22.4872 18.386 22.0645 18.8834 22.0067L19 22H29Z"
fill="#2D689C"
/>
</svg>
<Title size="4" className="nfd-leading-normal nfd-my-4">
{__('Bookings & Appointments', 'wp-plugin-hostgator')}
</Title>
<p>
{__(
'Add your list of services, setup a booking calendar, and edit your bookings form.',
'wp-plugin-hostgator'
)}
</p>
</Card.Content>
<div className="nfd-flex nfd-justify-end nfd-gap-6 nfd-items-center">
<a href="edit.php?post_type=yith_booking&yith-plugin-fw-panel-skip-redirect=1">
{__('View all ', 'wp-plugin-hostgator')}
</a>
<a href="edit.php?post_type=yith_booking&yith-plugin-fw-panel-skip-redirect=1">
<Button>{__('Add New', 'wp-plugin-hostgator')}</Button>
</a>
</div>
</Card>
);
};

export default BookingAndAppointments;
Loading

0 comments on commit b4681e2

Please sign in to comment.