Make picasso schedule entries clickable

ecamp · Aug 15, 2023 · 3d4c73e · 3d4c73e
1 parent ff946b8
commit 3d4c73e
Show file tree

Hide file tree

Showing 3 changed files with 710 additions and 236 deletions.
diff --git a/pdf/src/campPrint/picasso/ScheduleEntry.vue b/pdf/src/campPrint/picasso/ScheduleEntry.vue
@@ -4,9 +4,11 @@
     :style="{ backgroundColor: color, color: textColor }"
   >
     <View class="picasso-schedule-entry-spacer" />
-    <Text class="picasso-schedule-entry-title">
-      {{ category }} {{ scheduleEntry.number }} {{ title }}
-    </Text>
+    <Link class="picasso-schedule-entry-link" :href="linkTarget">
+      <Text class="picasso-schedule-entry-title">
+        {{ category }} {{ scheduleEntry.number }} {{ title }}
+      </Text>
+    </Link>
     <View class="picasso-schedule-entry-spacer" />
     <View class="picasso-schedule-entry-responsibles-container">
       <View class="picasso-schedule-entry-spacer" />
@@ -44,10 +46,17 @@ export default {
     title() {
       return this.scheduleEntry.activity().title
     },
+    linkTarget() {
+      return `#scheduleEntry_${this.scheduleEntry.id}`
+    },
   },
 }
 </script>
 <pdf-style>
+.picasso-schedule-entry-link {
+  text-decoration: none;
+  color: black;
+}
 .picasso-schedule-entry {
   position: absolute;
   padding: 0 4pt;

diff --git a/pdf/src/campPrint/scheduleEntry/ScheduleEntry.vue b/pdf/src/campPrint/scheduleEntry/ScheduleEntry.vue
@@ -4,7 +4,7 @@
       class="schedule-entry-header-title"
       :style="{ borderBottomColor: activity.category().color }"
     >
-      <View class="schedule-entry-title">
+      <View :id="`scheduleEntry_${scheduleEntry.id}`" class="schedule-entry-title">
         <CategoryLabel
           :category="activity.category()"
           class="schedule-entry-category-label"