Files
freeplanet/src/components/CListNationality/CListNationality.vue
Paolo Arena 3fb1de9b70 AGGIORNAMENTO SITO
👉🏻 E' possibile ora visualizzare la Posizione Reale d'imbarco di quando si verrà aggiunti alle prossime Navi Definitive.
Le posizioni verranno aggiornate ogni ora in automatico!

👉🏻 Ora gli imbarchi comprendono anche le navi provvisorie, pertanto è possibile annullarli oppure cambiare l'Invitante, dalla lista imbarchi.

 👉🏻 E' ora possibile spostare gli invitati solo se si hanno piu' di 2 invitati per ogni Nave già partita.

👨🏻‍💻 Per i Tutor:
👉🏻- Sostituzioni : Cliccando su "Cerca il Primo Disponibile" vi suggerirà in automatico il primo passeggero disponibile per la sostituzione.

2020-05-19 00:18:55 +02:00

46 lines
1.5 KiB
Vue
Executable File

<template>
<div class="row">
<div class="column animazione">
<div class="text-center">{{$t('pages.statusreg.nationality')}}</div>
<transition-group name="fade" mode="out-in"
appear
enter-active-class="animazione fadeIn"
leave-active-class="animazione fadeOut">
<q-item v-for="(nat, index) in mydata" :key="nat._id" class="clitemnat">
<q-item-section avatar class="clitemnat">
<q-avatar v-if="tools.geticon(nat._id)"
:class="tools.geticon(nat._id)" class="flag_icon">
</q-avatar>
<q-avatar v-else color="primary" text-color="white" class="text-center clitemnat">
{{ tools.capitalize(nat._id) }}
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>{{ tools.getNationsByNationality(nat._id, false) }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-item-label class="label_count">
<div class="justify-center">{{ nat.count }}
<q-chip outline color="green" text-color="white" icon-right="fas fa-user-plus" size="xs"></q-chip>
</div>
</q-item-label>
</q-item-section>
</q-item>
</transition-group>
</div>
</div>
</template>
<script lang="ts" src="./CListNationality.ts">
</script>
<style lang="scss" scoped>
@import './CListNationality.scss';
</style>