TEST UPD
- tranlation My Points - front works
This commit is contained in:
Alexandrina-Kuzeleva
@@ -9,17 +9,17 @@
|
||||
</header>
|
||||
|
||||
<div class="p-5 pb-10">
|
||||
<h2 class="text-lg text-ink-gray-9 font-semibold">Мои баллы</h2>
|
||||
<h2 class="text-lg text-ink-gray-9 font-semibold">{{__('My points')}}</h2>
|
||||
|
||||
<!-- Загрузка -->
|
||||
<div v-if="energyPoints.loading" class="text-center py-16 text-gray-600">
|
||||
Загружаем баллы...
|
||||
{{__('Loading points...')}}
|
||||
</div>
|
||||
|
||||
<!-- Нет баллов -->
|
||||
<div v-else-if="!energyPoints.data?.length" class="bg-white rounded-xl shadow-xl mt-4 p-12 text-center">
|
||||
<p class="text-xl text-gray-800">У вас пока нет баллов</p>
|
||||
<p class="text-sm text-gray-700 mt-2">Участвуйте в активностях — баллы появятся!</p>
|
||||
<p class="text-xl text-gray-800">{{__('You don`t have any points yet')}}</p>
|
||||
<p class="text-sm text-gray-700 mt-2">{{__('Participate in the activities — the points will appear!')}}</p>
|
||||
</div>
|
||||
|
||||
<!-- Есть баллы -->
|
||||
@@ -40,7 +40,7 @@
|
||||
|
||||
<div>
|
||||
<p class="font-medium text-gray-900">
|
||||
{{ item.rule || 'Начисление баллов' }}
|
||||
{{__( item.rule || 'Accrual of points' )}}
|
||||
</p>
|
||||
<p class="text-sm text-gray-500">
|
||||
{{ dayjs(item.creation).format('DD MMMM YYYY в HH:mm') }}
|
||||
@@ -54,7 +54,7 @@
|
||||
<button
|
||||
@click="showAll = true"
|
||||
class="px-4 py-2 bg-gray-2 text-gray rounded-lg shadow-xl hover:bg-gray-3 transition">
|
||||
Показать ещё
|
||||
{{__('Load more')}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -63,32 +63,32 @@
|
||||
<div class="space-y-6 text-teal-900">
|
||||
<!-- БЛОК "Ты сегодня получил баллы" -->
|
||||
<div class="bg-teal-600/20 rounded-xl p-6 shadow-xl mt-4">
|
||||
<p class="text-lg opacity-80">Твоя статистика</p>
|
||||
<p class="text-lg opacity-80">{{__('Your stats')}}</p>
|
||||
<p class="text-sm opacity-80 mt-1">
|
||||
За сегодня ты заработал: <strong>{{ todayPoints }}</strong>
|
||||
{{__('You`ve earned a lot today:')}}<strong>{{ todayPoints }}</strong>
|
||||
</p>
|
||||
<p class="text-sm opacity-80 mt-3">
|
||||
{{ todayPoints > 0 ? 'Так держать!' : 'Нужно немного позаниматься!' }}
|
||||
{{ todayPoints > 0 ? __('Keep it up !') : __('You need to work out a little!') }}
|
||||
</p>
|
||||
<p class="text-sm opacity-80 mt-3">
|
||||
{{ differencePoints > 0 ? `Это на ${ differencePoints } больше, чем вчера `
|
||||
: differencePoints < 0 ? `Это на ${ differencePoints } меньше, чем вчера`
|
||||
: 'Это столько же, сколько вчера' }}
|
||||
{{ differencePoints > 0 ? `${__('This is')} ${differencePoints} ${__('more than yesterday')}`
|
||||
: differencePoints < 0 ? `${__('This is')} ${Math.abs(differencePoints)} ${__('less than yesterday')}`
|
||||
: __('This is the same as yesterday') }}
|
||||
</p>
|
||||
<p class="text-sm opacity-80 mt-3">
|
||||
За последнюю неделю ты заработал: <strong>{{ weeklyPoints }}</strong>
|
||||
{{__('You`ve earned a lot in the last week:')}}<strong>{{ weeklyPoints }}</strong>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-teal-600/30 rounded-xl p-6 shadow-xl mt-4">
|
||||
<p class="text-lg opacity-80">Всего баллов</p>
|
||||
<p class="text-lg opacity-80">{{__('Total points')}}</p>
|
||||
<p class="text-5xl font-bold mt-3">{{ totalPoints }}</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-teal-600/40 rounded-xl p-6 shadow-xl mt-4">
|
||||
<p class="text-lg font-semibold opacity-90">Дополнительно при поступлении в МПГУ</p>
|
||||
<p class="text-lg font-semibold opacity-90">{{__('Additionally, upon admission to the MPSU')}}</p>
|
||||
<p class="text-5xl font-bold mt-3">+{{ additionalPoints }}</p>
|
||||
<p class="text-sm opacity-70 mt-3">максимум 10 баллов</p>
|
||||
<p class="text-sm opacity-70 mt-3">{{__('maximum of 10 points')}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
|
||||
<div v-else-if="profile.data">
|
||||
<header class="sticky top-0 z-10 flex items-center justify-between border-b border-gray-200 bg-white px-6 py-4 shadow-sm">
|
||||
<header class="sticky top-0 z-10 flex items-center justify-between bg-white px-6 py-4">
|
||||
<Breadcrumbs class="h-7" :items="breadcrumbs" />
|
||||
</header>
|
||||
|
||||
@@ -48,8 +48,8 @@
|
||||
<div v-else-if="schoolProfile.data" class="space-y-6">
|
||||
<!-- Основная информация -->
|
||||
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden">
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-gray-50">
|
||||
<h3 class="text-xl font-semibold text-gray-900">Основная информация</h3>
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-teal-400">
|
||||
<h3 class="text-xl font-semibold text-white">Основная информация</h3>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
@@ -132,8 +132,8 @@
|
||||
<!-- О себе -->
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden lg:col-span-2">
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-gray-50">
|
||||
<h3 class="text-xl font-semibold text-gray-900">Коротко о своих интересах</h3>
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-teal-400">
|
||||
<h3 class="text-xl font-semibold text-white">Коротко о своих интересах</h3>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<p class="text-gray-700 leading-relaxed whitespace-pre-line">{{ schoolProfile.data.interests || 'Информация не указана' }}</p>
|
||||
@@ -142,8 +142,8 @@
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden">
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-gray-50">
|
||||
<h3 class="text-xl font-semibold text-gray-900">О себе</h3>
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-teal-400">
|
||||
<h3 class="text-xl font-semibold text-white">О себе</h3>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<p class="text-gray-700 leading-relaxed whitespace-pre-line">{{ schoolProfile.data.about_me || 'Информация не указана' }}</p>
|
||||
@@ -151,8 +151,8 @@
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden">
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-gray-50">
|
||||
<h3 class="text-xl font-semibold text-gray-900">О мечтах</h3>
|
||||
<div class="px-6 py-4 border-b border-gray-100 bg-teal-400">
|
||||
<h3 class="text-xl font-semibold text-white">О мечтах</h3>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<p class="text-gray-700 leading-relaxed whitespace-pre-line">{{ schoolProfile.data.dreams || 'Информация не указана' }}</p>
|
||||
|
||||
Reference in New Issue
Block a user