Skip to content

Commit

Permalink
Redesign roadmap and update content
Browse files Browse the repository at this point in the history
  • Loading branch information
@johnjago
johnjago committed Aug 14, 2024
1 parent 1ae1efc commit ed19f8b
Show file tree
Hide file tree
Showing 4 changed files with 97 additions and 49 deletions.
50 changes: 2 additions & 48 deletions content/roadmap.md
View file
Original file line number Diff line number Diff line change
@@ -1,54 +1,8 @@
+++
title = 'Roadmap'
draft = false
layout = 'roadmap'
+++

Here’s what we have planned for Dashify!

Have a suggestion or want to cast your vote for one of these? Let us know on the [WordPress.org forums](https://wordpress.org/support/plugin/dashify/), or [submit your request here](https://forms.gle/pRezSbdUcZmvZdX27) if you don’t have a WordPress.org account.

## 🎁 Working on now

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-green-50 mt-4">
<h3 class="mt-0">Redesigned product list</h3>
<p class="mb-0">The “All Products” page in WooCommerce will have the same modern and convenient styling as the order list.</p>
</div>
{{< /rawhtml >}}

## 🟡 Up next

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-yellow-50 mb-4">
<h3 class="mt-0">Redesigned WordPress admin navigation</h3>
<p class="mb-0">Making it modern and ecommerce-focused! WooCommerce pages such as orders will be made more prominent. You’ll be able to turn this off if it doesn’t suit the store.</p>
</div>
{{< /rawhtml >}}

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-yellow-50 mb-4">
<h3 class="mt-0">Find orders by customer name, email, or phone in Dashify Search</h3>
<p class="mb-0">From the quick search window in Dashify Pro, you’ll be able to search for orders by not just ID but also customer name, email, or phone number.</p>
</div>
{{< /rawhtml >}}

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-yellow-50 mb-4">
<h3 class="mt-0">Order duplication</h3>
<p class="mb-0">Intuitive order duplication that lets you choose which information to copy over to the duplicated order.</p>
</div>
{{< /rawhtml >}}

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-yellow-50 mb-4">
<h3 class="mt-0">Redesigned customers, settings, and other WooCommerce pages</h3>
<p class="mb-0">There is, or used to be, an admin theme out there called Energy+ which styled the entire WordPress dashboard to make it ecommerce focused. Eventually, our goal with Dashify is to do the same and turn the WordPress admin into a powerful ecommerce-focused dashboard.</p>
</div>
{{< /rawhtml >}}

{{< rawhtml >}}
<div class="p-8 border rounded-xl bg-yellow-50 mb-4">
<h3 class="mt-0">Recent store activity</h3>
<p class="mb-0">Get a feed of what’s been happening on your store. Orders, admin user actions, and everything else.</p>
</div>
{{< /rawhtml >}}
Have a suggestion or want to vote for one of these? Let us know on the [WordPress.org forums](https://wordpress.org/support/plugin/dashify/), or [submit your request here](https://forms.gle/pRezSbdUcZmvZdX27) if you don’t have a WordPress.org account.
61 changes: 61 additions & 0 deletions data/roadmap.toml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
[[section]]
title = "Up next"
description = "Things we plan to add to Dashify in the near future."
bgColor = "bg-yellow-600"

[[section.item]]
title = "Order duplication"
description = "Intuitive order duplication that lets you choose which information to copy over to the duplicated order."

[[section.item]]
title = "Find orders by customer name, email, or phone in Dashify Search"
description = "From the quick search window in Dashify Pro, you’ll be able to search for orders by not just ID but also customer name, email, or phone number."

[[section.item]]
title = "Restyled top admin bar"
description = "WordPress branding will be removed, and store actions like search and recent activity will be quickly accessible."

[[section.item]]
title = "Recent store activity feed"
description = "Get a feed of what’s been happening on your store. Orders, admin user actions, and everything else."

[[section.item]]
title = "Restyled coupons list & edit"

[[section.item]]
title = "Restyled WooCommerce settings"



[[section]]
title = "Working on"
description = "What we’re building now."
bgColor = "bg-blue-600"

[[section.item]]
title = "Restyled product list"
description = "The “All Products” page in WooCommerce will have the same modern and convenient styling as the order list."



[[section]]
title = "Released"
description = "What’s been completed."
bgColor = "bg-green-600"

[[section.item]]
title = "WooCommerce-focused admin navigation"
description = "Making it modern and ecommerce-focused! WooCommerce pages such as orders will be made more prominent. You’ll be able to turn this off if it doesn’t suit the store."
date = 2024-08-09
link = "/releases/2024-08-09-woocommerce-focused-navigation/"



[[section]]
title = "Ideas"
description = "Things Dashify users have suggested but that we don’t have plans to do yet."
bgColor = "bg-gray-600"

[[section.item]]
title = "Widget for a table of orders in shopper-facing pages"
description = "It would be similar to [WooCommerce Order List Table for Elementor](https://wordpress.org/plugins/order-list-table-elementor-widget/), but not only for Elementor."
32 changes: 32 additions & 0 deletions layouts/_default/roadmap.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{{ define "main" }}
<div class="max-w-7xl mx-auto px-4 pt-40 pb-28">
<div class="prose prose-lg max-w-none mb-16">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
<div class="md:grid grid-flow-col auto-cols-fr gap-4">
{{ range .Site.Data.roadmap.section }}
<div class='{{ if eq .title "Ideas" }}md:order-first{{ end }} mb-8 md:mb-0'>
<h2 class="font-semibold {{ .bgColor }} text-gray-50 w-fit py-1 px-2 rounded-lg mb-2">{{ .title }}</h2>
<p class="text-sm text-gray-600 mb-4 px-1 md:min-h-[2.5rem]">{{ .description }}</p>
{{ range .item }}
<div class='text-sm relative dark:ring-1 dark:ring-black/10 group min-w-0 p-3 mb-3 border rounded-lg shadow-sm bg-white dark:shadow dark:bg-secondary/70 dark:hover:bg-secondary dark:border-border main-transition border-gray-100/60'>
<h3 class="font-semibold">{{ .title }}</h3>
{{ if .description }}
<p class="mt-2 prose prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-a:font-normal text-xs">{{ .description | markdownify }}</p>
{{ end }}
{{ if .date }}
<div class="text-xs text-gray-500 mt-4 flex flex-row justify-between md:flex-col lg:flex-row">
{{ .date }}
{{ if .link }}
<a href="{{ .link }}" class="text-blue-600 hover:underline underline-offset-2">Release notes →</a>
{{ end }}
</div>
{{ end }}
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
{{ end }}
3 changes: 2 additions & 1 deletion tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@
module.exports = {
content: [
"layouts/**/*.html",
"content/**/*.md"
"content/**/*.md",
"data/**/*.toml"
],
theme: {
extend: {},
Expand Down

0 comments on commit ed19f8b

Please sign in to comment.