aknuth/bizmatch-project
1
0
Fork 0
Code Issues 9 Pull Requests Packages Projects 5 Releases Wiki Activity

Umbau zu tailwind + mobile friendly: LandingPage & Footer

Browse Source
This commit is contained in:
Andreas Knuth
2024-07-02 19:17:14 +02:00
parent 3d5b7e3f39
commit 958f0afd9b
32 changed files with 1464 additions and 699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
bizmatch/src/app/pages/subscription/account/account.component.html
View File

@@ -9,15 +9,27 @@
<div class="flex-auto p-fluid">
@if (user){
<div class="grid">
<div class="mb-4 col-12 md:col-6">
<div class="mb-4 col-12 md:col-4">
<label for="state" class="block font-medium text-900 mb-2">E-mail (required)</label>
<input id="state" type="text" [disabled]="true" pInputText [(ngModel)]="user.email" />
<p class="font-italic text-xs line-height-1">You can only modify your email by contacting us at support&#64;bizmatch.net</p>
</div>
<div class="mb-4 col-12 md:col-6">
<div class="mb-4 col-12 md:col-4">
<label for="customerType" class="block font-medium text-900 mb-2">Customer Type</label>
<p-dropdown id="customerType" [options]="selectOptions?.customerTypes" [(ngModel)]="user.customerType" optionLabel="name" optionValue="value" placeholder="State" [style]="{ width: '100%' }"></p-dropdown>
</div>
<div class="mb-4 col-12 md:col-4">
<label for="customerType" class="block font-medium text-900 mb-2">Professional Role</label>
<p-dropdown
id="customerSubType"
[options]="selectOptions?.customerSubTypes"
[(ngModel)]="user.customerSubType"
optionLabel="name"
optionValue="value"
placeholder="State"
[style]="{ width: '100%' }"
></p-dropdown>
</div>
</div>
<div class="grid">
<div class="mb-4 col-12 md:col-6">

14
bizmatch/src/app/pages/subscription/account/account.component.ts
View File

@@ -75,7 +75,17 @@ export class AccountComponent {
try {
this.user = await this.userService.getByMail(email);
} catch (e) {
this.user = { email, firstname: keycloakUser.firstName, lastname: keycloakUser.lastName, areasServed: [], licensedIn: [], companyOverview: '', offeredServices: '', customerType: 'broker' };
this.user = {
email,
firstname: keycloakUser.firstName,
lastname: keycloakUser.lastName,
areasServed: [],
licensedIn: [],
companyOverview: '',
offeredServices: '',
customerType: 'professional',
customerSubType: 'broker',
};
this.user = await this.userService.save(this.user);
}
}
@@ -122,7 +132,7 @@ export class AccountComponent {
this.user.areasServed.splice(this.user.areasServed.length - 1, 1);
}
get isProfessional() {
return this.user.customerType === 'broker' || this.user.customerType === 'professional';
return this.user.customerType === 'professional';
}
select(event: any, type: 'company' | 'profile') {
const imageUrl = URL.createObjectURL(event.files[0]);