feat: Update UI
This commit is contained in:
+31
-16
@@ -84,16 +84,21 @@
|
||||
x-text='formatDate(userNow)'></time>
|
||||
</p>
|
||||
<p>
|
||||
<span class='salath-name'
|
||||
lang='tr'
|
||||
x-text='todayTimes.currentSalath.name("tr")'></span>
|
||||
<span class='salath-name'
|
||||
lang='de'
|
||||
x-text='todayTimes.currentSalath.name("de")'></span>
|
||||
<span class='salath-name text--arabic'
|
||||
lang='ar'
|
||||
x-text='todayTimes.currentSalath.name("ar")'></span>
|
||||
</p>
|
||||
<div class='salath-name-group salath-name-group--center'>
|
||||
<span class='salath-name salath-name--primary'
|
||||
:class="{'text--arabic': salathNameDisplay(todayTimes.currentSalath.salath).primary.lang === 'ar'}"
|
||||
:lang='salathNameDisplay(todayTimes.currentSalath.salath).primary.lang'
|
||||
x-text='salathNameDisplay(todayTimes.currentSalath.salath).primary.text'></span>
|
||||
<div class="salath-name-alternatives">
|
||||
<template x-for='item in salathNameDisplay(todayTimes.currentSalath.salath).secondary'
|
||||
:key='item.lang'>
|
||||
<span class='salath-name salath-name--secondary'
|
||||
:class="{'text--arabic': item.lang === 'ar'}"
|
||||
:lang='item.lang'
|
||||
x-text='item.text'></span>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<time :datetime='todayTimes.nextSalath.startsAt'
|
||||
class='text--numeric text--time'
|
||||
@@ -110,12 +115,22 @@
|
||||
<tr class='salath'
|
||||
:class='{current: it.salath === todayTimes.currentSalath.salath}'>
|
||||
<td class='cell-names'>
|
||||
<span class='salath-name'
|
||||
x-text='it.name("tr")'></span>
|
||||
<span class='salath-name'
|
||||
x-text='it.name("de")'></span>
|
||||
<span class='salath-name text--arabic'
|
||||
x-text='it.name("ar")'></span>
|
||||
<div class='salath-name-group'>
|
||||
<span class='salath-name salath-name--primary'
|
||||
:class="{'text--arabic': salathNameDisplay(it.salath).primary.lang === 'ar'}"
|
||||
:lang='salathNameDisplay(it.salath).primary.lang'
|
||||
x-text='salathNameDisplay(it.salath).primary.text'></span>
|
||||
<div class="salath-name-alternatives">
|
||||
|
||||
<template x-for='item in salathNameDisplay(it.salath).secondary'
|
||||
:key='item.lang'>
|
||||
<span class='salath-name salath-name--secondary'
|
||||
:class="{'text--arabic': item.lang === 'ar'}"
|
||||
:lang='item.lang'
|
||||
x-text='item.text'></span>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class='cell-times'>
|
||||
<span class='salath-time text--time text--numeric'
|
||||
|
||||
Reference in New Issue
Block a user