|
|
@@ -1,81 +1,82 @@
|
|
|
<template>
|
|
|
- <v-container fluid class="inner-container">
|
|
|
- <v-row>
|
|
|
- <!-- Bloc événements -->
|
|
|
- <v-col cols="12" md="7">
|
|
|
- <v-card>
|
|
|
- <v-tabs v-model="tab" class="tabs-title">
|
|
|
- <v-tab value="future">{{$t('futur_event')}}</v-tab>
|
|
|
- <v-tab value="past">{{$t('past_event')}}</v-tab>
|
|
|
- </v-tabs>
|
|
|
-
|
|
|
- <v-btn color="primary" to="events/new" class="ml-5 mt-5">{{$t('add_event')}}</v-btn>
|
|
|
-
|
|
|
- <v-tabs-window v-model="tab">
|
|
|
- <v-tabs-window-item value="future">
|
|
|
- <UiLoadingPanel v-if="statusUpcomingEvents == FETCHING_STATUS.PENDING" />
|
|
|
-
|
|
|
- <span v-if="upcomingEvents.items.length == 0" class="no_event">
|
|
|
- {{$t('no_future_event')}}
|
|
|
- </span>
|
|
|
- <UiEventList
|
|
|
- v-if="statusUpcomingEvents == FETCHING_STATUS.SUCCESS && upcomingEvents?.items"
|
|
|
- :events="upcomingEvents.items"
|
|
|
- :pagination="upcomingEvents.pagination"
|
|
|
- @load="loadUpcomingEvents"
|
|
|
- @edit="editEvent"
|
|
|
- />
|
|
|
-
|
|
|
- </v-tabs-window-item>
|
|
|
- <v-tabs-window-item value="past">
|
|
|
- <UiLoadingPanel v-if="statusPastEvents == FETCHING_STATUS.PENDING" />
|
|
|
- <span v-if="pastEvents.items.length == 0" class="no_event">
|
|
|
- {{$t('no_past_event')}}
|
|
|
- </span>
|
|
|
- <UiEventList
|
|
|
- v-if="statusPastEvents == FETCHING_STATUS.SUCCESS && pastEvents?.items"
|
|
|
- :events="pastEvents.items"
|
|
|
- :pagination="pastEvents.pagination"
|
|
|
- @load="loadPastEvents"
|
|
|
- @edit="editEvent"
|
|
|
- />
|
|
|
- </v-tabs-window-item>
|
|
|
- </v-tabs-window>
|
|
|
-
|
|
|
- </v-card>
|
|
|
- </v-col>
|
|
|
-
|
|
|
- <!-- Bloc structure -->
|
|
|
- <v-col cols="12" md="5">
|
|
|
- <v-card v-if="statusOrganization == FETCHING_STATUS.SUCCESS" class="pa-5">
|
|
|
- <v-card-title class="text-h6" >
|
|
|
- <v-icon icon="fa fa-hotel" class="text-button icon-hotel" />
|
|
|
- <span class="organization_title">{{$t('my_organization')}}</span>
|
|
|
- </v-card-title>
|
|
|
- <v-card-text>
|
|
|
- <div><strong>{{$t('name')}} :</strong> {{ organization?.name }}</div>
|
|
|
- <div><strong>{{$t('email')}} :</strong> {{ organization?.email }}</div>
|
|
|
- </v-card-text>
|
|
|
- </v-card>
|
|
|
-
|
|
|
- <v-btn block class="mb-2 btn btn_edit_orga" to="organization">
|
|
|
- <i class="fa fa-pen mr-2" />{{$t('edit_organization')}}
|
|
|
- </v-btn>
|
|
|
-
|
|
|
- <v-btn block class="text-black btn btn_trial" @click="startTrial">
|
|
|
- <span><v-icon icon="fa fa-ticket" /> {{$t('try_premium_light')}}<br /> {{$t('30_days_free')}}</span>
|
|
|
- </v-btn>
|
|
|
-
|
|
|
- </v-col>
|
|
|
- </v-row>
|
|
|
-
|
|
|
- </v-container>
|
|
|
-
|
|
|
- <LayoutDialogTrialAlreadyDid
|
|
|
- :show="showDialogTrialAlReadyDid"
|
|
|
- @close-dialog="showDialogTrialAlReadyDid = false"
|
|
|
- />
|
|
|
-
|
|
|
+ <div>
|
|
|
+ <v-container fluid class="inner-container">
|
|
|
+ <v-row>
|
|
|
+ <!-- Bloc événements -->
|
|
|
+ <v-col cols="12" md="7">
|
|
|
+ <v-card>
|
|
|
+ <v-tabs v-model="tab" class="tabs-title">
|
|
|
+ <v-tab value="future">{{$t('futur_event')}}</v-tab>
|
|
|
+ <v-tab value="past">{{$t('past_event')}}</v-tab>
|
|
|
+ </v-tabs>
|
|
|
+
|
|
|
+ <v-btn color="primary" to="events/new" class="ml-5 mt-5">{{$t('add_event')}}</v-btn>
|
|
|
+
|
|
|
+ <v-tabs-window v-model="tab">
|
|
|
+ <v-tabs-window-item value="future">
|
|
|
+ <UiLoadingPanel v-if="statusUpcomingEvents == FETCHING_STATUS.PENDING" />
|
|
|
+
|
|
|
+ <span v-if="upcomingEvents.items.length == 0" class="no_event">
|
|
|
+ {{$t('no_future_event')}}
|
|
|
+ </span>
|
|
|
+ <UiEventList
|
|
|
+ v-if="statusUpcomingEvents == FETCHING_STATUS.SUCCESS && upcomingEvents?.items"
|
|
|
+ :events="upcomingEvents.items"
|
|
|
+ :pagination="upcomingEvents.pagination"
|
|
|
+ @load="loadUpcomingEvents"
|
|
|
+ @edit="editEvent"
|
|
|
+ />
|
|
|
+
|
|
|
+ </v-tabs-window-item>
|
|
|
+ <v-tabs-window-item value="past">
|
|
|
+ <UiLoadingPanel v-if="statusPastEvents == FETCHING_STATUS.PENDING" />
|
|
|
+ <span v-if="pastEvents.items.length == 0" class="no_event">
|
|
|
+ {{$t('no_past_event')}}
|
|
|
+ </span>
|
|
|
+ <UiEventList
|
|
|
+ v-if="statusPastEvents == FETCHING_STATUS.SUCCESS && pastEvents?.items"
|
|
|
+ :events="pastEvents.items"
|
|
|
+ :pagination="pastEvents.pagination"
|
|
|
+ @load="loadPastEvents"
|
|
|
+ @edit="editEvent"
|
|
|
+ />
|
|
|
+ </v-tabs-window-item>
|
|
|
+ </v-tabs-window>
|
|
|
+
|
|
|
+ </v-card>
|
|
|
+ </v-col>
|
|
|
+
|
|
|
+ <!-- Bloc structure -->
|
|
|
+ <v-col cols="12" md="5">
|
|
|
+ <v-card v-if="statusOrganization == FETCHING_STATUS.SUCCESS" class="pa-5">
|
|
|
+ <v-card-title class="text-h6" >
|
|
|
+ <v-icon icon="fa fa-hotel" class="text-button icon-hotel" />
|
|
|
+ <span class="organization_title">{{$t('my_organization')}}</span>
|
|
|
+ </v-card-title>
|
|
|
+ <v-card-text>
|
|
|
+ <div><strong>{{$t('name')}} :</strong> {{ organization?.name }}</div>
|
|
|
+ <div><strong>{{$t('email')}} :</strong> {{ organization?.email }}</div>
|
|
|
+ </v-card-text>
|
|
|
+ </v-card>
|
|
|
+
|
|
|
+ <v-btn block class="mb-2 btn btn_edit_orga" to="organization">
|
|
|
+ <i class="fa fa-pen mr-2" />{{$t('edit_organization')}}
|
|
|
+ </v-btn>
|
|
|
+
|
|
|
+ <v-btn block class="text-black btn btn_trial" @click="startTrial">
|
|
|
+ <span><v-icon icon="fa fa-ticket" /> {{$t('try_premium_light')}}<br /> {{$t('30_days_free')}}</span>
|
|
|
+ </v-btn>
|
|
|
+
|
|
|
+ </v-col>
|
|
|
+ </v-row>
|
|
|
+
|
|
|
+ </v-container>
|
|
|
+
|
|
|
+ <LayoutDialogTrialAlreadyDid
|
|
|
+ :show="showDialogTrialAlReadyDid"
|
|
|
+ @close-dialog="showDialogTrialAlReadyDid = false"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|