Go to content
Press enter
Deltag i din afdelings lokale aktiviteter
En kopi af https://www.3f.dk/bjmf/aktuelt/aktiviteter
Aktivitet
|
Hvem kan deltage
|
---|---|
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
12 maj |
Alle
|
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
12 maj |
Alle medlemmer
|
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
| |
Alle medlemmer
|
Code for the table above
<v-table :columns="['Aktivitet', 'Hvem kan deltage']">
<v-row
v-for="(activity, index) in activities"
:key="index"
>
<v-cell width="70%" overflow>
<div class="d-flex align-items-center">
<div class="d-inline-flex flex-column align-items-center mr-4">
<v-text font-size="6" class="text-primary" bold>
<v-date :date="activity.date" format="D"></v-date>
</v-text>
<v-text font-size="1" class="text-uppercase text-gray-dark" bold>
<v-date :date="activity.date" format="MMM"></v-date>
</v-text>
</div>
<v-text tag="a" :href="activity.href" class="text-reset">
{{ activity.title }}
</v-text>
</div>
</v-cell>
<v-cell width="30%" overflow>
<span v-tooltip="activity.participants + ' kan deltage i denne aktivitet'">
{{ activity.participants }}
</span>
</v-cell>
</v-row>
</v-table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27