Differential D3964

Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture
ClosedPublic
Actions

Authored by ieli on Sun, Feb 15, 12:23.

Tags

None

Referenced Files

None

Subscribers

None

Tokens

"Y So Serious" token, awarded by dereckson.

Details

Reviewers

Commits

rSP963afb51a023: Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture

Summary

Replace Foundation CSS with Tailwind CSS v3 (dark mode, status/brand colors)
Add reusable components: StatusBadge, OverallStatus, ServiceGroup, IncidentTimeline, MaintenanceCard
Add composables: useServices, useIncidents, useMaintenances, useAuth
Rewrite API client with axios interceptors and full endpoint coverage
Add views: StatusPage (public), AdminDashboard (CRUD), AdminLogin (JWT)
Add router with auth navigation guard for /admin routes
Add status/impact/incident utility helpers

Diff Detail

Repository

Lint

Lint Not Applicable

Unit

Tests Not Applicable

Event Timeline

ieli requested review of this revision.Sun, Feb 15, 12:23

ieli created this revision.

Harbormaster completed remote builds in B6333: Diff 10273.Sun, Feb 15, 12:23

ieli accepted this revision.Sun, Feb 15, 12:23

This revision is now accepted and ready to land.Sun, Feb 15, 12:23

Closed by commit rSP963afb51a023: Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture (authored by ieli). · Explain WhySun, Feb 15, 12:23

This revision was automatically updated to reflect the committed changes.

ieli added a commit: rSP963afb51a023: Phase 3: Frontend redesign with Tailwind CSS and Vue 3 component architecture.

dereckson awarded a token.Sun, Feb 15, 13:51

Revision Contents
Changeset List

Path

Size

frontend/

9 lines

package-lock.json

1418 lines

4 lines

postcss.config.js

6 lines

src/

14 lines

assets/

59 lines

components/

5 lines

75 lines

IncidentTimeline.vue

48 lines

MaintenanceCard.vue

50 lines

OverallStatus.vue

40 lines

ServiceGroup.vue

33 lines

StatusBadge.vue

35 lines

home/

NavbarSection.vue

composables/

21 lines

useIncidents.js

30 lines

useMaintenances.js

33 lines

32 lines

15 lines

plugins/

51 lines

router/

28 lines

utils/

66 lines

views/

AdminDashboard.vue

383 lines

53 lines

93 lines

tailwind.config.js

35 lines

Diff 10274

frontend/index.html

Loading...

frontend/package-lock.json

Loading...

frontend/package.json

Loading...

frontend/postcss.config.js

Loading...

frontend/src/App.vue

Loading...

frontend/src/assets/base.css

Loading...

frontend/src/assets/main.css

Loading...

frontend/src/components/AppFooter.vue

Loading...

frontend/src/components/AppNavbar.vue

Loading...

frontend/src/components/IncidentTimeline.vue

Loading...

frontend/src/components/MaintenanceCard.vue

Loading...

frontend/src/components/OverallStatus.vue

Loading...

frontend/src/components/ServiceGroup.vue

Loading...

frontend/src/components/StatusBadge.vue

Loading...

frontend/src/components/home/NavbarSection.vue

Loading...

frontend/src/composables/useAuth.js

Loading...

frontend/src/composables/useIncidents.js

Loading...

frontend/src/composables/useMaintenances.js

Loading...

frontend/src/composables/useServices.js

Loading...

frontend/src/main.js

Loading...

frontend/src/plugins/api.js

Loading...

frontend/src/router/index.js

Loading...

frontend/src/utils/status.js

Loading...

frontend/src/views/AdminDashboard.vue

Loading...

frontend/src/views/AdminLogin.vue

Loading...

frontend/src/views/HomeView.vue

Loading...

frontend/src/views/StatusPage.vue

Loading...

frontend/tailwind.config.js

Loading...