{
+ modal_open = false;
+ }}>
+
+{/if}
diff --git a/src/components/AddRunnerModal.svelte b/src/components/AddRunnerModal.svelte
index 32c0da99..fe4cc642 100644
--- a/src/components/AddRunnerModal.svelte
+++ b/src/components/AddRunnerModal.svelte
@@ -36,7 +36,7 @@
$: firstname_input_value = "";
$: processed_last_submit = true;
$: isPhoneValidOrEmpty =
- isMobilePhone(
+ phone_input_value.includes("+")&&isMobilePhone(
phone_input_value
.replaceAll("(", "")
.replaceAll(")", "")
@@ -258,7 +258,7 @@
{#if !isPhoneValidOrEmpty}
- {$_('the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number')}
+ {@html $_('the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number')}
{/if}
diff --git a/src/components/ContactDetail.svelte b/src/components/ContactDetail.svelte
new file mode 100644
index 00000000..6e8888d9
--- /dev/null
+++ b/src/components/ContactDetail.svelte
@@ -0,0 +1,385 @@
+
+
+{#await promise}
+ {$_('loading-contact-details')}
+{:then}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {$_('create-a-new-contact')} +
+{selected_team}
+
+
+ + Please provide the required information to add a new contact. +
+
+
+
+
+
+ {#if !isFirstnameValid}
+
+ {$_('first-name-is-required')}
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if !isLastnameValid}
+
+ {$_('last-name-is-required')}
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if !isPhoneValidOrEmpty}
+
+ {@html $_('the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number')}
+
+ {/if}
+
+
+
+
+ {#if !isEmailValidOrEmpty}
+
+ {$_('valid-email-is-required')}
+
+ {/if}
+
+
+
+ {#if address_checked === true}
+
+
+
+
+
+
+
+
+
+ {#if !isAddress1Valid}
+
+ Address is required
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if !iszipcodevalid}
+
+ Valid zipcode/ postal code is required
+
+ {/if}
+
+
+
+
+ {#if !iscityvalid}
+
+ Valid city is required
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {original_data.firstname}
+ {original_data.middlename || ''}
+ {original_data.lastname}
+
+ {#if store.state.jwtinfo.userdetails.permissions.includes('CONTACT:DELETE')}
+ {#if delete_triggered}
+
+
+ {/if}
+ {#if !delete_triggered}
+
+ {/if}
+ {/if}
+ {#if !delete_triggered}
+
+ {/if}
+
+
+
+
+
+
+ {#if !isFirstnameValid}
+
+ {$_('first-name-is-required')}
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if !isLastnameValid}
+
+ {$_('last-name-is-required')}
+
+ {/if}
+
+
+
+
+ {#if !isEmailValid}
+
+ {$_('valid-email-is-required')}
+
+ {/if}
+
+
+
+
+ {#if !isPhoneValidOrEmpty}
+
+ {$_('valid-international-phone-number-is-required')}
+
+ {/if}
+
+
+ {$_('groups')}
+
+
+
+
+
+ {#if editable.address_checked === true}
+
+
+
+
+
+
+
+
+
+ {#if !isAddress1Valid}
+
+ {$_('address-is-required')}
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if !iszipcodevalid}
+
+ {$_('valid-zipcode-postal-code-is-required')}
+
+ {/if}
+
+
+
+
+ {#if !iscityvalid}
+
+ {$_('valid-city-is-required')}
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+ {$_('there-are-no-contacts-added-yet')}
+ {$_('add-your-first-contact')}
+
+
+ {:then}
+ {#if current_contacts.length === 0}
+ contacts are being loaded...
+{$_('this-might-take-a-moment')}
+
+
+
+
+
+ {/if}
+ {:catch error}
+ | + Name + | ++ Groups + | ++ Address + | ++ Action + | +|
|---|---|---|---|---|
|
+
+
+
+
+
+ {t.firstname}
+ {t.middlename || ''}
+ {t.lastname}
+
+ |
+
+
+
+
+
+
+ {#if t.groups.length > 0}
+ {#each t.groups as g}
+ {#if g.responseType === 'RUNNERORGANIZATION'}
+ {g.name}
+ {:else}
+ {g.parentGroup.name}
+ >
+ {g.name}
+ {/if}
+ {/each}
+ {:else}
+ {$_('contact-is-not-a-member-in-any-group')}
+ {/if}
+
+ |
+
+
+
+
+
+
+ {#if t.address.address1 !== null}
+ {t.address.address1}
+ + {t.address.address2 || ''} + {t.address.postalcode} + {t.address.city} + {t.address.country} + {/if} + |
+ {#if active_deletes[t.id] === true}
+ + + + | + {:else} ++ {$_('edit')} + {#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:DELETE')} + + {/if} + | + {/if} +
+
+ {$_('general_promise_error')}
+ {error}
+
+
+ {/await}
+{/if}
diff --git a/src/components/Dashboard.svelte b/src/components/Dashboard.svelte
index 23de2d92..72ffc38d 100644
--- a/src/components/Dashboard.svelte
+++ b/src/components/Dashboard.svelte
@@ -122,6 +122,13 @@
{$_('tracks')}
{/if}
+
+
+ {$_('contacts')}
+
- import { RunnerOrganizationService } from "@odit/lfk-client-js";
+ import {
+ GroupContactService,
+ RunnerOrganizationService,
+ } from "@odit/lfk-client-js";
import { _ } from "svelte-i18n";
import Toastify from "toastify-js";
import store from "../store";
@@ -11,15 +14,24 @@
export let params;
let orgdata = {};
let original = {};
+ let contacts = [];
$: data_loaded = false;
$: data_changed = JSON.stringify(orgdata) === JSON.stringify(original);
const promise = RunnerOrganizationService.runnerOrganizationControllerGetOne(
params.orgid
).then((value) => {
data_loaded = true;
+ if (value.contact) {
+ if (value.contact !== "null") {
+ value.contact = value.contact.id;
+ }
+ }
orgdata = Object.assign(orgdata, value);
original = Object.assign(original, value);
});
+ GroupContactService.groupContactControllerGetAll().then((val) => {
+ contacts = val;
+ });
let modal_open = false;
let delete_org = {};
function deleteOrganization() {
@@ -46,9 +58,11 @@
text: "updating organization",
duration: 2500,
}).showToast();
+ let postdata = orgdata;
+ postdata.contact = postdata.contact === "null" ? null : postdata.contact;
RunnerOrganizationService.runnerOrganizationControllerPut(
original.id,
- orgdata
+ postdata
)
.then((resp) => {
Object.assign(original, orgdata);
@@ -209,13 +223,19 @@
-
+ bind:value={orgdata.contact}
+ class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2">
+
+ {#each contacts as c}
+
+ {/each}
+