Add FDBS historic cars

src/components/SpecialCarHead.vue

@@ -1,11 +1,26 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    name?: string;
+    type?: string;
+    year?: string;
+    seen?: string;
+  }>(),
+  {
+    name: 'Name',
+    type: 'Typ',
+    year: 'Baujahr',
+    seen: 'Gesehen'
+  }
+);
+</script>
 
 <template>
   <div class="grid grid-cols-2 justify-between px-4 py-2 text-center sm:grid-cols-4">
-    <p class="text-left">Name</p>
-    <p>Typ</p>
-    <p>Baujahr</p>
-    <p class="text-right">Gesehen</p>
+    <p class="text-left">{{ name }}</p>
+    <p>{{ type }}</p>
+    <p>{{ year }}</p>
+    <p class="text-right">{{ seen }}</p>
   </div>
 </template>
 

src/data/specials.ts

@@ -28,10 +28,36 @@ export const specialCars = {
     ['0028', 'Diesel-Unimog', 1999],
     ['0266', 'Diesel-Zugmaschine', 2009],
     ['SF1', 'Sandbefüllfahrzeug', 2019]
+  ] as SpecialCar[],
+  historic: [
+    ['FDBS23', 'bis 1925', 1888, 'Pferdebahnwagen 23'],
+    ['FDBS49', 'bis 1954', 1900, 'Triebwagen 23 "Molly"'],
+    ['FDBS134', 'bis 1954', 1904, 'Triebwagen 134'],
+    ['FDBS701', 'bis 1970', 1947, 'Triebwagen 701'],
+    ['FDBS917', 'bis 1977', 1957, 'Triebwagen 917'],
+
+    ['FDBS811', 'bis 1990', 1954, 'Triebwagen 811'],
+    ['FDBS1806', 'bis 1990', 1954, 'Beiwagen 1806'],
+
+    ['FDBS446', 'bis 1994', 1967, 'Triebwagen 446'],
+    ['FDBS1458', 'bis 1997', 1967, 'Beiwagen 1458'],
+
+    ['FDBS557', 'bis 2009', 1977, 'Triebwagen 557'],
+    ['FDBS747', 'bis 2009', 1977, 'Beiwagen 747'],
+
+    ['FDBS801', 'bis 1998', 1990, 'Triebwagen 801'],
+    ['FDBS3073', 'bis 20.12.2022', 1996, 'Triebwagen 3073'],
+    ['FDBS919', 'bis 2003', 1988, 'Omnibus 919'],
+    ['FDBS225', 'bis 24.10.1983', 1972, 'Hochflurbus 225']
   ] as SpecialCar[]
 } as const;
 
-export const allSpecials = [...specialCars.crash, ...specialCars.work, ...specialCars.help];
+export const allSpecials = [
+  ...specialCars.crash,
+  ...specialCars.work,
+  ...specialCars.help,
+  ...specialCars.historic
+];
 
 export const specialsSchema = z.object({
   bsag: z

src/pages/AboutView.vue

@@ -10,7 +10,12 @@
         href="https://wiki.bre-forum.de/index.php?title=Bremer_Nahverkehrs-Net(z)_-_Fahrzeugliste"
         target="_blank"
         >Bremer Verkehrsforum Wiki</a
-      >, vielen Dank für die Arbeit!
+      >
+      sowie von den
+      <a class="underline" href="https://www.fdbs.net/" target="_blank"
+        >Freunden der Bremer Straßenbahn e.V.</a
+      >
+      , vielen Dank für die Arbeit!
     </p>
   </article>
 </template>

src/pages/SpecialView.vue

@@ -37,6 +37,15 @@ import { VaCard, VaCardContent, VaCardTitle } from 'vuestic-ui';
           </div>
         </VaCardContent>
       </VaCard>
+      <VaCard>
+        <VaCardTitle>Freunde der Bremer Straßenbahn e.V.</VaCardTitle>
+        <VaCardContent>
+          <div class="flex flex-col gap-2">
+            <SpecialCarHead type="Im Einsatz bis" />
+            <SpecialCar v-for="car in specialCars.historic" :key="car[0]" :car="car" />
+          </div>
+        </VaCardContent>
+      </VaCard>
     </div>
   </article>
 </template>

src/pages/StatsView.vue

@@ -143,6 +143,17 @@ async function reset() {
               color="info"
               name="Hilfsfahrzeuge in und für Werkstätten"
             />
+            <StatsBlock
+              :total="specialCars.historic.length"
+              :found="
+                tramStore.specials.bsag.filter((id) =>
+                  specialCars.historic.some((t) => id === t[0])
+                ).length
+              "
+              icon="museum"
+              color="info"
+              name="Freunde der Bremer Straßenbahn e.V."
+            />
           </div>
         </VaCardContent>
       </VaCard>