From b3ca6c9d913f5481a67d157902456648f058398b Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 8 Jun 2025 16:55:03 -0600
Subject: [PATCH] remove relative URL references in different target because
 mobile chokes

---
 .env.development                      |  2 +-
 src/components/HiddenDidDialog.vue    |  1 -
 src/components/ProjectIcon.vue        | 10 ++++-----
 src/views/ClaimView.vue               |  3 ---
 src/views/ConfirmGiftView.vue         |  2 --
 src/views/ContactsView.vue            |  3 ++-
 src/views/HelpView.vue                |  9 +++++++--
 src/views/OnboardMeetingSetupView.vue | 29 +++++++++++++--------------
 src/views/ProjectViewView.vue         |  1 -
 9 files changed, 29 insertions(+), 31 deletions(-)

diff --git a/.env.development b/.env.development
index 6989633c..4eb1f744 100644
--- a/.env.development
+++ b/.env.development
@@ -2,7 +2,7 @@
 
 # iOS doesn't like spaces in the app title.
 TIME_SAFARI_APP_TITLE="TimeSafari_Dev"
-VITE_APP_SERVER=http://localhost:3000
+VITE_APP_SERVER=http://localhost:8080
 # This is the claim ID for actions in the BVC project, with the JWT ID on this environment (not production).
 VITE_BVC_MEETUPS_PROJECT_CLAIM_ID=https://endorser.ch/entity/01HWE8FWHQ1YGP7GFZYYPS272F
 VITE_DEFAULT_ENDORSER_API_SERVER=http://localhost:3000
diff --git a/src/components/HiddenDidDialog.vue b/src/components/HiddenDidDialog.vue
index 4356392c..93c76c61 100644
--- a/src/components/HiddenDidDialog.vue
+++ b/src/components/HiddenDidDialog.vue
@@ -50,7 +50,6 @@
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(visDid)">
                       <a
                         :href="`/did/${visDid}`"
-                        target="_blank"
                         class="text-blue-500"
                       >
                         <font-awesome
diff --git a/src/components/ProjectIcon.vue b/src/components/ProjectIcon.vue
index 22345abc..c417223e 100644
--- a/src/components/ProjectIcon.vue
+++ b/src/components/ProjectIcon.vue
@@ -1,17 +1,17 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <a
-    v-if="linkToFull && imageUrl"
+    v-if="linkToFullImage && imageUrl"
     :href="imageUrl"
     target="_blank"
     class="h-full w-full object-contain"
   >
-    <div class="h-full w-full object-contain" v-html="generateIdenticon()" />
+    <div class="h-full w-full object-contain" v-html="generateIcon()" />
   </a>
   <div
     v-else
     class="h-full w-full object-contain"
-    v-html="generateIdenticon()"
+    v-html="generateIcon()"
   />
 </template>
 <script lang="ts">
@@ -35,9 +35,9 @@ export default class ProjectIcon extends Vue {
   @Prop entityId = "";
   @Prop iconSize = 0;
   @Prop imageUrl = "";
-  @Prop linkToFull = false;
+  @Prop linkToFullImage = false;
 
-  generateIdenticon() {
+  generateIcon() {
     if (this.imageUrl) {
       return `<img src="${this.imageUrl}" class="w-full h-full object-contain" />`;
     } else {
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index 2aeab8f6..0aeba0fa 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -294,7 +294,6 @@
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(confirmerId)">
                       <a
                         :href="`/did/${confirmerId}`"
-                        target="_blank"
                         class="text-blue-500"
                       >
                         <font-awesome
@@ -335,7 +334,6 @@
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(confsVisibleTo)">
                       <a
                         :href="`/did/${confsVisibleTo}`"
-                        target="_blank"
                         class="text-blue-500"
                       >
                         <font-awesome
@@ -453,7 +451,6 @@
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(visDid)">
                       <a
                         :href="`/did/${visDid}`"
-                        target="_blank"
                         class="text-blue-500"
                       >
                         <font-awesome
diff --git a/src/views/ConfirmGiftView.vue b/src/views/ConfirmGiftView.vue
index 9ec3dfae..63c4288f 100644
--- a/src/views/ConfirmGiftView.vue
+++ b/src/views/ConfirmGiftView.vue
@@ -105,7 +105,6 @@
                     encodeURIComponent(giveDetails?.fulfillsPlanHandleId || '')
                   "
                   class="text-blue-500 mt-2 cursor-pointer"
-                  target="_blank"
                 >
                   This fulfills a bigger plan
                   <font-awesome
@@ -129,7 +128,6 @@
                     encodeURIComponent(giveDetails?.fulfillsHandleId || '')
                   "
                   class="text-blue-500 mt-2 cursor-pointer"
-                  target="_blank"
                 >
                   This fulfills
                   {{
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 943dee74..1c7c746b 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -12,7 +12,7 @@
       <span />
       <span>
         <a
-          href="/help-onboarding"
+          :href="APP_SERVER + '/help-onboarding'"
           target="_blank"
           class="text-xs uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md ml-1"
         >
@@ -443,6 +443,7 @@ export default class ContactsView extends Vue {
   showGiveConfirmed = true;
   showLargeIdenticon?: Contact;
 
+  APP_SERVER = APP_SERVER;
   AppString = AppString;
   libsUtil = libsUtil;
 
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index 9f002f07..8ad8c484 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -211,7 +211,7 @@
 
       <h2 class="text-xl font-semibold">How do I add someone else?</h2>
       <p>
-        <a href="/help-onboarding" target="_blank" class="text-blue-500">
+        <a :href="APP_SERVER + '/help-onboarding'" target="_blank" class="text-blue-500">
           Use these instructions.
         </a>
         To start scanning, go to the
@@ -579,7 +579,7 @@ import { useClipboard } from "@vueuse/core";
 
 import * as Package from "../../package.json";
 import QuickNav from "../components/QuickNav.vue";
-import { NotificationIface, USE_DEXIE_DB } from "../constants/app";
+import { APP_SERVER, NotificationIface, USE_DEXIE_DB } from "../constants/app";
 import * as databaseUtil from "../db/databaseUtil";
 import {
   retrieveSettingsForActiveAccount,
@@ -601,6 +601,11 @@ export default class HelpView extends Vue {
   showDidCopy = false;
   showVerifiable = false;
 
+  APP_SERVER = APP_SERVER;
+
+  // Ideally, we put no functionality in here, especially in the setup,
+  // because we never want this page to have a chance of throwing an error.
+
   // call fn, copy text to the clipboard, then redo fn after 2 seconds
   doCopyTwoSecRedo(text: string, fn: () => void) {
     fn();
diff --git a/src/views/OnboardMeetingSetupView.vue b/src/views/OnboardMeetingSetupView.vue
index 8edde0ff..38156ad2 100644
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -215,27 +215,26 @@
       v-if="!isLoading && currentMeeting != null && !!currentMeeting.password"
       class="mt-8 p-4 border rounded-lg bg-white shadow"
     >
-      <div class="flex items-center justify-between mb-4">
+      <div class="flex items-center justify-between">
         <h2 class="text-2xl">Meeting Members</h2>
       </div>
-      <div
-        class="flex items-center gap-2 cursor-pointer text-blue-600"
-        title="Click to copy link for members"
-        @click="copyMembersLinkToClipboard"
-      >
-        <span>
-          &bull; Page for Members
+      <div class="mt-4">
+        &bull; Page for Members
+        <span
+          class="ml-4 cursor-pointer text-blue-600"
+          title="Click to copy link for members"
+          @click="copyMembersLinkToClipboard"
+        >
           <font-awesome icon="link" />
         </span>
-        <router-link
+        <a
           v-if="!!currentMeeting.password"
-          :to="onboardMeetingMembersLink()"
-          class="inline-block text-blue-600 ml-4"
+          :href="onboardMeetingMembersLink()"
+          class="ml-4 text-blue-600"
           target="_blank"
-          @click.stop
         >
           <font-awesome icon="external-link" />
-        </router-link>
+        </a>
       </div>
 
       <MembersList
@@ -286,7 +285,7 @@ import {
 } from "../libs/endorserServer";
 import { encryptMessage } from "../libs/crypto";
 import { logger } from "../utils/logger";
-import { USE_DEXIE_DB } from "@/constants/app";
+import { APP_SERVER, USE_DEXIE_DB } from "@/constants/app";
 interface ServerMeeting {
   groupId: number; // from the server
   name: string; // to & from the server
@@ -721,7 +720,7 @@ export default class OnboardMeetingView extends Vue {
 
   onboardMeetingMembersLink(): string {
     if (this.currentMeeting) {
-      return `/onboard-meeting-members/${this.currentMeeting?.groupId}?password=${encodeURIComponent(
+      return `${APP_SERVER}/onboard-meeting-members/${this.currentMeeting?.groupId}?password=${encodeURIComponent(
         this.currentMeeting?.password || "",
       )}`;
     }
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 2b9c47b7..24fdcf10 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -56,7 +56,6 @@
                 <span v-if="!serverUtil.isEmptyOrHiddenDid(issuer)">
                   <a
                     :href="`/did/${issuer}`"
-                    target="_blank"
                     class="text-blue-500"
                   >
                     <font-awesome