Import country & nickname from Kuksa & add fields to UI

src/client/components/ParticipantDetailsPage/ParticipantDetailsPage.jsx

@@ -61,12 +61,14 @@ export function getParticipantDetailsPage(participantStore, participantActions)
         const {
           firstName,
           lastName,
+          nickname,
           dateOfBirth,
           nonScout,
           billedDate,
           paidDate,
           memberNumber,
           homeCity,
+          country,
           email,
           phoneNumber,
           ageGroup,
@@ -89,7 +91,7 @@ export function getParticipantDetailsPage(participantStore, participantActions)
         } = this.state.participantDetails;
 
         const participantName = `${firstName} ${lastName}`;
-        const participantStatus = internationalGuest ? 'KV-osallistuja' : ( nonScout ? 'EVP' : `Partiolainen (jäsennumero: ${memberNumber})` );
+        const participantStatus = internationalGuest ? `KV-osallistuja, ${country}` : ( nonScout ? 'EVP' : `Partiolainen (jäsennumero: ${memberNumber})` );
 
         const formattedBilledDate = billedDate ? moment(billedDate).format('D.M.YYYY') : '–';
         const formattedPaidDate = paidDate ? moment(paidDate).format('D.M.YYYY') : '–';
@@ -115,6 +117,7 @@ export function getParticipantDetailsPage(participantStore, participantActions)
               <Col md={ 12 }>
                 <h2>
                   { participantName }
+                  <small> { nickname || '' } </small>
                   <small> (synt. { moment(dateOfBirth).format('D.M.YYYY') })</small>
                 </h2>
                 <h4 className="text-muted margin-bottom">{ participantStatus }</h4>
@@ -152,7 +155,7 @@ export function getParticipantDetailsPage(participantStore, participantActions)
                     { swimmingSkill ? <dt>Uimataito</dt> : '' }
                     { swimmingSkill ? <dd>{ swimmingSkill }</dd> : '' }
                     <dt>Lippukunta</dt>
-                    <dd>{ localGroup }</dd>
+                    <dd>{ `${localGroup}, ${country}` }</dd>
                     <dt>Leirilippukunta</dt>
                     <dd>{ campGroup }</dd>
                     <dt>Kylä</dt>

src/client/components/ParticipantListPage/ParticipantListPage.jsx

@@ -213,7 +213,9 @@ export function getParticipantListPage(participantStore, participantActions, sea
         email: 'Sähköposti',
         phoneNumber: 'Puhelinnumero',
         ageGroup: 'Ikäkausi',
+        accommodation: 'Majoittuminen',
         localGroup: 'Lippukunta',
+        village: 'Kylä',
         subCamp: 'Alaleiri',
         campGroup: 'Leirilippukunta',
       };

src/client/components/ParticipantListPage/ParticipantRow.jsx

@@ -55,6 +55,8 @@ export class ParticipantRow extends React.Component {
       localGroup,
       subCamp,
       campGroup,
+      village,
+      accommodation,
       presence,
     } = this.props.participant;
 
@@ -87,7 +89,9 @@ export class ParticipantRow extends React.Component {
         <td>{ formatNullableString(email) }</td>
         <td>{ formatNullableString(phoneNumber) }</td>
         <td>{ ageGroup }</td>
+        <td>{ formatNullableString(accommodation) }</td>
         <td>{ localGroup }</td>
+        <td>{ village }</td>
         <td>{ subCamp }</td>
         <td>{ campGroup }</td>
       </tr>

src/client/components/ParticipantListPage/containers/QuickFilterContainer.jsx

@@ -25,7 +25,7 @@ export function getQuickFilterContainer(participantStore, participantActions, se
   }
 
   function QuickFilterContainer(props, context) {
-    const currentSelection = getCurrentSelection(['textSearch', 'ageGroup', 'subCamp', 'localGroup', 'campGroup', 'presence'], props.filter);
+    const currentSelection = getCurrentSelection(['textSearch', 'ageGroup', 'subCamp', 'localGroup', 'campGroup', 'presence', 'village'], props.filter);
 
     function resetFilters(event) {
       event.preventDefault();
@@ -66,6 +66,12 @@ export function getQuickFilterContainer(participantStore, participantActions, se
               label="Alaleiri"
               property="subCamp"
             />
+            <PropertyFilterContainer
+              onChange={ handleChange }
+              currentSelection={ currentSelection }
+              label="Kylä"
+              property="village"
+            />
             <PropertyFilterContainer
               onChange={ handleChange }
               currentSelection={ currentSelection }

src/common/models/kuksa-participant.json

@@ -58,6 +58,18 @@
         "nullable": "YES"
       }
     },
+    "nickname": {
+      "type": "string",
+      "required": false,
+      "postgresql": {
+        "columnName": "nickname",
+        "dataType": "character varying",
+        "dataLength": 255,
+        "dataPrecision": null,
+        "dataScale": null,
+        "nullable": "YES"
+      }
+    },
     "dateOfBirth": {
       "type": "date",
       "postgresql": {

src/common/models/participant.json

@@ -46,6 +46,18 @@
         "nullable": "NO"
       }
     },
+    "nickname": {
+      "type": "string",
+      "required": false,
+      "postgresql": {
+        "columnName": "nickname",
+        "dataType": "character varying",
+        "dataLength": 255,
+        "dataPrecision": null,
+        "dataScale": null,
+        "nullable": "YES"
+      }
+    },
     "nonScout": {
       "type": "boolean",
       "required": true,
@@ -148,6 +160,18 @@
         "nullable": "YES"
       }
     },
+    "country": {
+      "type": "string",
+      "required": false,
+      "postgresql": {
+        "columnName": "country",
+        "dataType": "character varying",
+        "dataLength": 255,
+        "dataPrecision": null,
+        "dataScale": null,
+        "nullable": "YES"
+      }
+    },
     "staffPosition": {
       "type": "string",
       "postgresql": {

src/kuksa-integration/fetch-data.js

@@ -126,6 +126,7 @@ function transferParticipants(eventApi) {
           id: participant.id,
           firstName: participant.firstName || 'x',
           lastName: participant.lastName || 'x',
+          nickname: participant.nickname,
           memberNumber: participant.memberNumber,
           dateOfBirth: new Date(participant.birthDate),
           phoneNumber: participant.phoneNumber,

src/kuksa-integration/rebuild-tables.js

@@ -88,6 +88,7 @@ function rebuildParticipantsTable() {
     participantId: participant.id,
     firstName: participant.firstName,
     lastName: participant.lastName,
+    nickname: participant.nickname,
     memberNumber: participant.memberNumber,
     dateOfBirth: participant.dateOfBirth,
     billedDate: getPaymentStatus(participant.paymentStatus, 'billed'),
@@ -101,6 +102,7 @@ function rebuildParticipantsTable() {
     campGroup: _.get(participant, 'campGroup.name') || 'Muu',
     subCamp: getSubCamp(participant),
     village: _.get(participant, 'village.name') || 'Muu',
+    country: _.get(participant, 'localGroup.country') || 'Suomi',
     ageGroup: getSelectionForGroup(participant, 'Osallistun seuraavan ikäkauden ohjelmaan:') || 'Muu',
     // Not a scout if a) no finnish member number 2) not part of international group ("local group")
     nonScout: !participant.memberNumber && !_.get(participant, 'localGroup.name'),