lfk/selfservice
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

🌎 Profile - i18n compatibility

Browse Source 
ref #5
This commit is contained in:
Philipp Dormann
2021-03-02 18:33:36 +01:00
parent 503aafba06
commit b518730fab
3 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Profile.vue
View File

@@ -29,12 +29,13 @@
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line x1="12" y1="15" x2="12" y2="3" />
</svg> Urkunde herunterladen
</svg>
{{ $t('download_certificate') }}
</button>
<button
type="button"
class="inline-flex focus:border-black focus:ring-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md bg-green-600 hover:bg-green-800 hover:shadow-lg opacity-50"
>Änderungen speichern</button>
>{{ $t('save_changes') }}</button>
</div>
</div>
</section>
@@ -48,7 +49,7 @@
:class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'profile') }"
class="tab tab-underline py-4 px-6 block"
type="button"
>Profil</button>
>{{ $t('profile') }}</button>
</div>
<div class="flex-none">
<button
@@ -56,7 +57,7 @@
:class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'laptimes') }"
class="tab tab-underline py-4 px-6 block"
type="button"
>Rundenzeiten</button>
>{{ $t('lap_times') }}</button>
</div>
<div class="flex-none">
<button
@@ -64,7 +65,7 @@
:class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'sponsorings') }"
class="tab tab-underline py-4 px-6 block"
type="button"
>Spender</button>
>{{ $t('sponsoring') }}</button>
</div>
</div>
<div v-if="(activetab === 'profile')" class="tab-content block">
@@ -73,48 +74,48 @@
<form class="form flex flex-wrap w-full">
<div class="w-full">
<div class="form-element">
<div class="form-label">First name</div>
<div class="form-label">{{ $t('vorname') }}</div>
<input
name="first-name"
class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
type="text"
placeholder="first name"
:placeholder="[[$t('vorname')]]"
/>
</div>
<div class="form-element">
<div class="form-label">middle name</div>
<div class="form-label">{{ $t('mittelname') }}</div>
<input
name="middle-name"
class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
type="text"
placeholder="middle name"
:placeholder="[[$t('mittelname')]]"
/>
</div>
<div class="form-element">
<div class="form-label">Last name</div>
<div class="form-label">{{ $t('nachname') }}</div>
<input
name="last-name"
type="text"
class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
placeholder="last name"
:placeholder="[[$t('nachname')]]"
/>
</div>
<div class="form-element">
<div class="form-label">Email address</div>
<div class="form-label">{{ $t('e_mail_adress') }}</div>
<input
name="email"
type="email"
class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
placeholder="email address"
:placeholder="[[$t('e_mail_adress')]]"
/>
</div>
<div class="form-element">
<div class="form-label">phone number</div>
<div class="form-label">{{ $t('phone_number') }}</div>
<input
name="tel"
type="tel"
class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
placeholder="phone number"
:placeholder="[[$t('phone_number')]]"
/>
</div>
</div>