stubbed mock shop creation forms

This commit is contained in:
2026-01-29 20:49:28 -07:00
parent 12ba219ef9
commit 2eaa0fcf3a
30 changed files with 360 additions and 23 deletions
@@ -1 +0,0 @@
<em>Coming soon!</em>
@@ -1 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1 +0,0 @@
<em>Coming soon!</em>
@@ -0,0 +1,12 @@
amazon.html.tmpl
big_cartel.html.tmpl
ebay.html.tmpl
ecwid.html.tmpl
shopify.html.tmpl
square_online.html.tmpl
squarespace.html.tmpl
tiktok.html.tmpl
walmart_marketplace.html.tmpl
wix.html.tmpl
woo_commerce.html.tmpl
zoho.html.tmpl
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -1,2 +0,0 @@
<em>Coming soon!</em>
@@ -0,0 +1,164 @@
{{- $acctID := .PathParams.acctID }}
{{- $platform := .PathParams.platform }}
<details
open
class="
flex flex-col items-center
open:mb-[2em]
group/create-mock-shop
details-content:opacity-[0]
open:details-content:opacity-[1]
details-content:transform-[translate(0px,-2em)]
open:details-content:transform-[translate(0px,0px)]
details-content:border-transparent
open:details-content:border-dotted
open:details-content:border-x-[0px]
open:details-content:border-x-transparent
open:details-content:border-b-[0px]
open:details-content:border-b-transparent
open:details-content:border-t-background
open:details-content:border-t-[0.225rem]
details-content:outline-transparent
details-content:transition-[opacity_transform]
"
>
<summary
class="
flex-grow
p-[0.5em]
grid
grid-cols-[2fr_8fr_2fr]
gap-[1em]
list-none
after:content-['+']
group-open/create-mock-shop:after:content-['-']
after:font-bold
after:text-[2em]
after:leading-[1em]
cursor-pointer
"
>
<h4 class="inline-block col-2 content-center">
Mock Shops
</h4>
</summary>
<form class="px-[2em] py-[0.5em]">
<div
class="
grid grid-cols-[max-content_max-content]
gap-[0.25em]
p-[0.5em]
"
>
<label>
Name:
</label>
<input
type="text"
name="name"
class="
ml-[1em]
bg-card
border-input border-[1px] rounded
"
/>
<!--label>
TODO:
</label>
<input
type="text"
name="name"
class="
ml-[1em]
bg-card
border-input border-[1px] rounded
"
/-->
</div>
{{/* TODO: make a css button class for this */}}
<button class="
border-thin
bg-card
rounded-sm
p-[0.5em]
font-semibold
cursor-pointer
hover:underline
hover:bg-accent
disabled:bg-accent-secondary
disabled:cursor-not-allowed
disabled:no-underline
{{/*mt-[1em] mb-[1em]*/}}
">
Create
</button>
</form>
</details>
<details
open
class="
flex flex-col items-center
group/link-shops
details-content:opacity-[0]
open:details-content:opacity-[1]
details-content:transform-[translate(0px,-2em)]
open:details-content:transform-[translate(0px,0px)]
details-content:border-transparent
open:details-content:border-dotted
open:details-content:border-x-[0px]
open:details-content:border-x-transparent
open:details-content:border-b-[0px]
open:details-content:border-b-transparent
open:details-content:border-t-background
open:details-content:border-t-[0.225rem]
details-content:outline-transparent
details-content:transition-[opacity_transform]
"
>
<summary
class="
flex-grow
p-[0.5em]
grid
grid-cols-[2fr_8fr_2fr]
gap-[1em]
list-none
after:content-['+']
group-open/link-shops:after:content-['-']
after:font-bold
after:text-[2em]
after:leading-[1em]
cursor-pointer
"
>
<h4 class="inline-block col-2 content-center">
Link Shops
</h4>
</summary>
{{ component ( printf "/accounts/%d/shops/link-sections/%s/links/%s" $acctID $platform $platform ) }}
</details>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -4,10 +4,10 @@
{{- if $etsyUser }}
<h3>Etsy User: {{ $etsyUser.UserID }}; Shop ID: {{ $etsyUser.ShopID }}</h3>
{{- else }}
<h3>
<h3 class="m-[0.5em] px-[2em] italic">
{{/* TODO: create this link dynamically, not EVERYTIME THE PAGE IS LOADED */}}
<a href="{{ printf "/webhooks/etsy/%d/new-account-link" $acctID.AccountID }}">
Link Your Etsy Store!
Link Your Store!
</a>
</h3>
{{- end }}
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -0,0 +1 @@
<div class="m-[0.5em] px-[2em] italic">Coming Soon!</div>
@@ -51,6 +51,7 @@
class="
group
{{/* TODO: make custom class for all this */}}
details-content:opacity-[0]
open:details-content:opacity-[1]
@@ -58,7 +58,7 @@
border-sidebar-border
"
>
<details class="flex flex-col items-stretch">
<details class="flex flex-col items-stretch" open>
<summary class="list-none cursor-pointer self-center">
{{-
component "tutorial-tooltip"