#74 (style) - Add float btn for go ticketing

mobile/src/i18n/en/index.ts

@@ -48,6 +48,7 @@ const en = {
 	Talk_details: `Talk details`,
 	Close_talk_details: `Close talk details`,
 	Speakers: `Speakers`,
+	Go_To_Ticketing: `Go to ticketing`,
 	Like_Speaker: `Like speaker`,
 	Big_list_mode: `Big list mode`,
 	Compact_list_mode: `Compact list mode`,

mobile/src/i18n/i18n-types.ts

@@ -203,6 +203,10 @@ type RootTranslation = {
 	 * S​p​e​a​k​e​r​s
 	 */
 	Speakers: string
+	/**
+	 * G​o​ ​t​o​ ​t​i​c​k​e​t​i​n​g
+	 */
+	Go_To_Ticketing: string
 	/**
 	 * L​i​k​e​ ​s​p​e​a​k​e​r
 	 */
@@ -786,6 +790,10 @@ export type TranslationFunctions = {
 	 * Speakers
 	 */
 	Speakers: () => LocalizedString
+	/**
+	 * Go to ticketing
+	 */
+	Go_To_Ticketing: () => LocalizedString
 	/**
 	 * Like speaker
 	 */

mobile/src/views/event/SpeakersDirectoryPage.vue

@@ -16,6 +16,11 @@
       </ion-header>
 
       <SpeakerCard></SpeakerCard>
+      <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+        <ion-fab-button class="btnGoToTicketing" :aria-label="LL.Go_To_Ticketing()">
+          <ion-icon :icon="ticket" aria-hidden="true"></ion-icon>
+        </ion-fab-button>
+      </ion-fab>
       <PoweredVoxxrin></PoweredVoxxrin>
     </ion-content>
   </ion-page>
@@ -29,6 +34,8 @@
   import {useSharedConferenceDescriptor} from "@/state/useConferenceDescriptor";
   import {typesafeI18n} from "@/i18n/i18n-vue";
   import {managedRef as ref} from "@/views/vue-utils";
+  import {IonFab, IonFabButton} from "@ionic/vue";
+  import {ticket} from "ionicons/icons";
   import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
   import SpeakerCard from "@/components/speaker-card/SpeakerCard.vue";
   import ListModeSwitch from "@/components/ui/ListModeSwitch.vue";
@@ -48,4 +55,9 @@
       gap: var(--app-gutters);
     }
   }
+
+  .btnGoToTicketing {
+    --background: var(--voxxrin-event-theme-colors-secondary-hex);
+    --background-activated: var(--voxxrin-event-theme-colors-secondary-hex);
+  }
 </style>