Baseball Card and Ward leader fixes (#312)

Baseball Card name cutoff fix, Ward leader info text clean up
remove unused npm commands

---------

Co-authored-by: pwolanin <[email protected]>

Author: vvi230714

package.json

@@ -8,8 +8,6 @@
     "dev": "vite",
     "preview": "vite build && vite preview --port 8080",
     "build": "vite build",
-    "test": "jest --testPathIgnorePatterns ./e2e",
-    "lint": "standard --plugin html 'src/**/*.{js,vue}'",
     "format:check": "prettier --check src ./*.js",
     "format": "prettier --write src ./*.js",
     "serve-http": "vite preview --port 8080",

src/components/baseball-card/svg.js

@@ -83,10 +83,11 @@ export function createFront(el, data) {
 
   const nameWidth = config.cardWidth - 19;
   const nameHeight = config.cardHeight - 17;
+  const nameFontSize = data.name.length < 28 ? 22 : 20;
   const nameText = svg.text(nameWidth, nameHeight, data.name).attr({
     "text-anchor": "end",
     fill: config.cardBorderColor,
-    "font-size": 22,
+    "font-size": nameFontSize,
     "font-family": "Arial",
   });
 

src/views/ward-leader.vue

@@ -104,7 +104,7 @@
               <dt>Address</dt>
               <dd v-if="leader.address">{{ leader.address }}</dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail
                   :thePage="feedbackPage"
                   detail="Address"
@@ -114,21 +114,21 @@
               <dt>Phone</dt>
               <dd v-if="leader.phone">{{ leader.phone }}</dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail :thePage="feedbackPage" detail="Phone"></ask-detail>
               </dd>
 
               <dt>Age</dt>
               <dd v-if="age">{{ age }}</dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail :thePage="feedbackPage" detail="Age"></ask-detail>
               </dd>
 
               <dt>Gender</dt>
               <dd v-if="leader.gender">{{ leader.gender }}</dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail
                   :thePage="feedbackPage"
                   detail="Gender"
@@ -138,7 +138,7 @@
               <dt>Occupation</dt>
               <dd v-if="leader.occupation">{{ leader.occupation }}</dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail :thePage="feedbackPage" detail="Occupation">
                 </ask-detail>
               </dd>
@@ -151,7 +151,7 @@
                 <a :href="'mailto:' + leader.email">{{ leader.email }}</a>
               </dd>
               <dd v-else>
-                <span class="unknown">Unknown</span>
+                <span class="unknown">Unknown | </span>
                 <ask-detail :thePage="feedbackPage" detail="Email"></ask-detail>
               </dd>