✨ Trip sharing

Author: itskovacs

src/src/app/app.routes.ts

@@ -6,6 +6,7 @@ import { DashboardComponent } from "./components/dashboard/dashboard.component";
 import { AuthGuard } from "./services/auth.guard";
 import { TripComponent } from "./components/trip/trip.component";
 import { TripsComponent } from "./components/trips/trips.component";
+import { SharedTripComponent } from "./components/shared-trip/shared-trip.component";
 
 export const routes: Routes = [
   {
@@ -15,6 +16,19 @@ export const routes: Routes = [
     title: "TRIP - Authentication",
   },
 
+  {
+    path: "s",
+    children: [
+      {
+        path: "t/:token",
+        component: SharedTripComponent,
+        title: "TRIP - Shared Trip",
+      },
+
+      { path: "**", redirectTo: "/home", pathMatch: "full" },
+    ],
+  },
+
   {
     path: "",
     canActivate: [AuthGuard],

src/src/app/components/shared-trip/shared-trip.component.html

@@ -0,0 +1,20 @@
+@media print {
+  .print-striped-rows tr:nth-child(even) {
+    background-color: #f9f9f9 !important;
+  }
+
+  .print-striped-rows tr:nth-child(even) td:first-child.truncate {
+    //HACK: The "day" column is truncated
+    background-color: white !important;
+  }
+}
+
+.fullscreen-map {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}