profile

Author: kyr0

.env.development

@@ -0,0 +1,2 @@
+ST_SERVICE_API_ENDPOINT=https://service-api.nightly.staging.colivery.app
+ST_MATCHING_API_ENDPOINT=https://matching-api.nightly.staging.colivery.app

.env.production

@@ -0,0 +1,2 @@
+ST_SERVICE_API_ENDPOINT=https://service-api.colivery.app
+ST_MATCHING_API_ENDPOINT=https://matching-api.colivery.app

src/config/endpoints.ts

@@ -1,7 +1,7 @@
 
 // https://colivery-api.s0ra.de/api-docs/swagger-ui/index.html?url=/api-docs/api-docs&validatorUrl=#/
-export const SERVICE_API_ENDPOINT = 'https://colivery-app-gttzwulpia-ew.a.run.app';
-export const MATCHING_API_ENDPOINT = 'https://matching-api-gttzwulpia-ew.a.run.app/';
+export const SERVICE_API_ENDPOINT = process.env.ST_SERVICE_API_ENDPOINT;
+export const MATCHING_API_ENDPOINT = process.env.ST_MATCHING_API_ENDPOINT;
 // temporary access token, expires: Apr 12 2020
 export const ESRI_API_TOKEN = '5S-CKwF1TuE5Lfh-WPEI34H0tDRlBNG8Cqk9pT-Wc3zu4paCFlWr8sQ8LM6ywfrVe5j2ApQA84Ru88ZW5WadxUAEAby9Ly4CHNfcSuUgXGGWs0P8hyCFifyAECaVZMpr29zl3E8b3ZsH-elOTr676_kjDXGr0hQopfy6h4ZVuohkIEUro1ulwIgK_kVtpKfHRdORsKl43CpjjByiSzVbYA..';
 export const REVERSE_GEOCODE_API_ENDPOINT = 'https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/reverseGeocode';

src/index.tsx

@@ -56,9 +56,8 @@ export class App extends st.component implements ILifecycle {
         // example:
         this.i18nService.setLanguage(SupportedLanguages.DE);
 
-        console.log('i18n test', st.t('Hello, world!'));
 
-        console.log('i18n virtualNode (used with render())', <T tag="p" style={{ color: '#cc0000' }}>Hello, world</T>);
+        console.log('endpoint', process.env.ST_SERVICE_API_ENDPOINT);
 
 
         /*

src/page/user-profile/user-profile.tpl.tsx

@@ -6,6 +6,7 @@ import { UserProfilePage } from "./user-profile";
 import { ErrorMessage } from "../../component/error-message/error-message";
 import { MatModal } from "../../component/mat/mat-modal";
 import { MatLoadingIndicator } from "../../component/mat/mat-loading-indicator";
+import { MatCard } from "../../component/mat/mat-card";
 
 export default (component: UserProfilePage) => (
     <fragment>
@@ -21,13 +22,28 @@ export default (component: UserProfilePage) => (
                     </center>
                 </div>
 
-                <div ref={{ formContainer: component}}>
+                <div ref={{ formContainer: component }}>
                 </div>
                 <ErrorMessage ref={{ errorMessage: component }}
                     class={['col', 's12', 'm6', 'offset-m3', 'l4', 'offset-l4']} />
 
                 <a ref={{ submitButton: component }} style={{ marginTop: '10px' }} class={['waves-effect', 'waves-light', 'btn', 'col', 's12', 'm6', 'offset-m3', 'l4', 'offset-l4']}
                     onClick={component.updateUserProfile}>Speichern</a>
+
+            </div>
+            <div class="row">
+                <MatCard>
+                    <center>
+                        <h5>Achtung</h5>
+                        <p>
+                            Diese Aktion kann nicht rückgängig gemacht werden.
+                        <br />
+                        <br />
+                        </p>
+                        <a ref={{ deleteButton: component }} class={['waves-effect', 'waves-light', 'btn', 'cancel-button']}
+                            onClick={component.deleteUserProfile}>Benutzerkonto löschen</a>
+                    </center>
+                </MatCard>
             </div>
         </div>
 

src/page/user-profile/user-profile.tsx

@@ -65,6 +65,9 @@ export class UserProfilePage extends st.component implements ILifecycle {
     @ref
     formContainer: HTMLElement;
 
+    @ref
+    deleteButton: HTMLElement;
+
     userGeoLocation: {
         lat: number;
         lng: number;
@@ -212,4 +215,8 @@ export class UserProfilePage extends st.component implements ILifecycle {
             <MatLoaderCircle ref={{ matLoaderCircle: this }} class={['col', 's12',]} />
         </fragment>
     }
+
+    deleteUserProfile = () => {
+        console.log('deleteUserProfile')
+    }
 }

src/service/user.ts

@@ -14,7 +14,29 @@ export class UserService {
     @inject(StorageService)
     storageService: StorageService;
 
-    async getUserProfile(): Promise<IUserProfileResponse | undefined> {
+    async deleteOwnUser(): Promise<void> {
+
+        try {
+            await fetch(`${SERVICE_API_ENDPOINT}/user/own/delete`, {
+                method: 'GET',
+                mode: 'cors', // no-cors, *cors, same-origin
+                cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+                credentials: 'same-origin', // include, *same-origin, omit
+                headers: {
+                    'Content-Type': 'application/json',
+                    "Accept": "application/json",
+                    'Authorization': `Bearer ${await window.authService.getIdToken()}`
+                },
+                redirect: 'follow',
+                referrerPolicy: 'no-referrer', // no-referrer, *client
+            });
+
+        } catch (e) {
+            st.error('error in deleting user profile', e)
+        }
+    }
+
+    async getUserProfile(): Promise<IUserProfileResponse | void> {
 
         if (this.userProfile) {
             return this.userProfile;