Subscribe page

.github/workflows/ci.yml

@@ -145,6 +145,9 @@ jobs:
       - name: Run tests with phpunit
         run: vendor/bin/phpunit tests
 
+      - name: Run tests with vitest
+        run: node node_modules/vitest/vitest.mjs --run
+
       - name: Upload Panther screenshots
         if: failure()
         uses: actions/upload-artifact@v4

assets/router/index.js

@@ -8,6 +8,8 @@ import CampaignEditView from '../vue/views/CampaignEditView.vue'
 import TemplatesView from '../vue/views/TemplatesView.vue'
 import TemplateEditView from '../vue/views/TemplateEditView.vue'
 import BouncesView from '../vue/views/BouncesView.vue'
+import PublicPagesView from '../vue/views/PublicPagesView.vue'
+import PublicPageEditView from '../vue/views/PublicPageEditView.vue'
 
 export const router = createRouter({
     history: createWebHistory(),
@@ -23,6 +25,9 @@ export const router = createRouter({
         { path: '/campaigns/:campaignId/edit', name: 'campaign-edit', component: CampaignEditView, meta: { title: 'Edit Campaign' } },
         { path: '/lists/:listId/subscribers', name: 'list-subscribers', component: ListSubscribersView, meta: { title: 'List Subscribers' } },
         { path: '/bounces', name: 'bounces', component: BouncesView, meta: { title: 'Bounces' } },
+        { path: '/public', name: 'public-pages', component: PublicPagesView, meta: { title: 'Public Pages' } },
+        { path: '/public/create', name: 'public-page-create', component: PublicPageEditView, meta: { title: 'Create Public Page' } },
+        { path: '/public/:pageId/edit', name: 'public-page-edit', component: PublicPageEditView, meta: { title: 'Edit Public Page' } },
         { path: '/:pathMatch(.*)*', redirect: '/' },
     ],
 });

assets/styles/color.css

@@ -0,0 +1,33 @@
+:root {
+    --page-bg: #e5e7eb;
+    --primary-text: #374151;
+
+    --header-bg: #1e1b4b;
+    --logo-color: #c7d2fe;
+
+    --topbar-gradient-start: #312e81;
+    --topbar-gradient-middle: #3730a3;
+    --topbar-gradient-end: #4338ca;
+    --topbar-border: #4f46e5;
+
+    --card-bg: #ffffff;
+    --card-border: #e5e7eb;
+
+    --input-bg: #ffffff;
+    --input-border: #d1d5db;
+
+    --field-frame-bg: #f9fafb;
+    --field-frame-border: #e5e7eb;
+
+    --required-color: #dc2626;
+
+    --error-bg: #fef2f2;
+    --error-border: #fca5a5;
+    --error-text: #dc2626;
+
+    --success-bg: #f0fdf4;
+    --success-border: #86efac;
+    --success-text: #16a34a;
+
+    --footer-border: #e5e7eb;
+}