Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

80 add api and dummy datas to userprofile #89

Closed
wants to merge 2 commits into from
Closed

80 add api and dummy datas to userprofile #89

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ea62514
deleted body tags add userStore to UserProfile
mimibak Jan 10, 2024
5b5dfc9
change UserProfile
mimibak Jan 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/HamburgerMenu.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
</div>
<div id="navigation-host">
<div class="navigation">
<li><router-link to="/personalprofile" id="profile">Profile</router-link></li>
<li><router-link to="/userprofile" id="profile">Profile</router-link></li>
<li><router-link to="/swipe" id="swipe">Save and continue SWOB</router-link></li>
<li><a class="nav-link" href="/SavedJobs">Saved Jobs</a></li>
<li><a class="nav-link" href="/Messenger">Messenger</a></li>
Expand Down
8 changes: 4 additions & 4 deletions src/router/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import StartFilter from '../views/StartFilter.vue'
import SwipeScreen from '../views/SwipeScreen.vue'
import MatchScreen from '../views/MatchScreen.vue'
import UserMessenger from '../views/UserMessenger.vue'
import PersonalProfile from '../views/PersonalProfile.vue'
import UserProfile from '../views/UserProfile.vue'

const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
Expand Down Expand Up @@ -53,9 +53,9 @@ const router = createRouter({
component: UserMessenger
},
{
path: '/personalprofile',
name: 'personalProfile',
component: PersonalProfile
path: '/userprofile',
name: 'userProfile',
component: UserProfile
}
]
})
Expand Down
2 changes: 1 addition & 1 deletion src/stores/company.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { defineStore } from 'pinia'

export const useCompanyStore = defineStore('companyStore', {
state() {
return { companys: [{ id: '', logo: '', name: '' }] }
return { companys: [] }
},
actions: {
initCompany(company) {
Expand Down
0 src/stores/counter.js → src/stores/example.js
View file
Open in desktop
File renamed without changes.
12 changes: 12 additions & 0 deletions src/stores/user.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import { defineStore } from 'pinia'

export const useUserStore = defineStore('userStore', {
state() {
return { users: [] }
},
actions: {
initUsers(user) {
this.users = user
}
}
})
270 changes: 134 additions & 136 deletions src/views/RegisterScreen.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,150 +1,148 @@
<template>
<body>
<div class="grid-merge">
<header>
<img class="nav-logo" src="@/assets/icons/Logo_180x180_light.png" alt="SWOB Logo" />
<HamburgerMenu />
</header>
<div class="main-blurr"></div>
<main>
<form>
<div class="username-and-password">
<label for="username" v-html="chooseUsername"></label>
<input
type="text"
id="username"
name="username"
placeholder="username"
v-model="form.username"
required
/>
<div class="grid-merge">
<header>
<img class="nav-logo" src="@/assets/icons/Logo_180x180_light.png" alt="SWOB Logo" />
<HamburgerMenu />
</header>
<div class="main-blurr"></div>
<main>
<form>
<div class="username-and-password">
<label for="username" v-html="chooseUsername"></label>
<input
type="text"
id="username"
name="username"
placeholder="username"
v-model="form.username"
required
/>

<label for="password" v-html="choosePassword"></label>
<input
type="password"
id="password"
name="password"
placeholder="password"
v-model="form.password"
required
/>
<label for="repeatPassword"></label>
<input
type="password"
id="repeatPassword"
name="repeatPassword"
placeholder="repeat password"
v-model="form.repeatPassword"
required
/>
</div>
<hr class="line" />
<div class="createAccount">
<h1 v-html="createAcc"></h1>
<p>fill the details to create your swob card</p>
</div>
<div class="personal-information">
<label for="password" v-html="choosePassword"></label>
<input
type="password"
id="password"
name="password"
placeholder="password"
v-model="form.password"
required
/>
<label for="repeatPassword"></label>
<input
type="password"
id="repeatPassword"
name="repeatPassword"
placeholder="repeat password"
v-model="form.repeatPassword"
required
/>
</div>
<hr class="line" />
<div class="createAccount">
<h1 v-html="createAcc"></h1>
<p>fill the details to create your swob card</p>
</div>
<div class="personal-information">
<input
type="text"
id="lastname"
name="lastname"
placeholder="last name"
v-model="form.lastname"
required
/>
<input
type="text"
id="firstname"
name="firstname"
placeholder="first name"
v-model="form.firstname"
required
/>
<div class="date-and-gender">
<input
type="text"
id="lastname"
name="lastname"
placeholder="last name"
v-model="form.lastname"
type="date"
id="birthdate"
name="birthdate"
placeholder="birth date"
v-model="form.birthdate"
required
/>
<input
type="text"
id="firstname"
name="firstname"
placeholder="first name"
v-model="form.firstname"
required
/>
<div class="date-and-gender">
<input
type="date"
id="birthdate"
name="birthdate"
placeholder="birth date"
v-model="form.birthdate"
required
/>
<div class="radio-gender">
<label class="custom-radio">
<input
type="radio"
id="female"
name="gender"
value="female"
v-model="form.gender"
required
/>
female
</label>
<label class="custom-radio">
<input type="radio" id="male" name="gender" value="male" v-model="form.gender" />
male
</label>
<label class="custom-radio">
<input
type="radio"
id="diverse"
name="gender"
value="diverse"
v-model="form.gender"
/>
diverse
</label>
</div>
<div class="radio-gender">
<label class="custom-radio">
<input
type="radio"
id="female"
name="gender"
value="female"
v-model="form.gender"
required
/>
female
</label>
<label class="custom-radio">
<input type="radio" id="male" name="gender" value="male" v-model="form.gender" />
male
</label>
<label class="custom-radio">
<input
type="radio"
id="diverse"
name="gender"
value="diverse"
v-model="form.gender"
/>
diverse
</label>
</div>
</div>

<input
type="email"
id="email"
name="email"
placeholder="e-mail"
size="30"
v-model="form.email"
required
/>
<input
type="tel"
id="phone"
name="phone"
placeholder="phone number"
v-model="form.phone"
required
/>
<input
type="text"
id="street"
name="street"
placeholder="street name"
v-model="form.street"
required
/>
<div class="flex-postal-city-country">
<input
type="email"
id="email"
name="email"
placeholder="e-mail"
size="30"
v-model="form.email"
type="number"
id="postalcode"
name="postalcode"
placeholder="Postal"
min="5"
max="5"
v-model="form.postalcode"
required
/>
<input
type="tel"
id="phone"
name="phone"
placeholder="phone number"
v-model="form.phone"
required
/>
<input
type="text"
id="street"
name="street"
placeholder="street name"
v-model="form.street"
required
/>
<div class="flex-postal-city-country">
<input
type="number"
id="postalcode"
name="postalcode"
placeholder="Postal"
min="5"
max="5"
v-model="form.postalcode"
required
/>
<input type="text" id="city" name="city" placeholder="City" v-model="form.city" />
<select name="country" id="country" v-model="form.country" required>
<option value="DE">Deutschland</option>
</select>
</div>
<input type="text" id="city" name="city" placeholder="City" v-model="form.city" />
<select name="country" id="country" v-model="form.country" required>
<option value="DE">Deutschland</option>
</select>
</div>
</form>
<button class="btn-style-1" type="button" @click="goToCategory">Sign Up</button>
</main>
</div>
</body>
</div>
</form>
<button class="btn-style-1" type="button" @click="goToCategory">Sign Up</button>
</main>
</div>
</template>

<script>
Expand Down
Loading