diff --git a/pages/index.vue b/pages/index.vue index ce58f379..d909ac8c 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -9,25 +9,28 @@ v-container#home(fluid) v-btn(v-for='cohort in cohorts' text color='primary' :key='cohort.id' :to='`g/${cohort.name}`') {{cohort.name}} //- Calendar and search bar - v-row.pt-0.pt-sm-2.pl-0.pl-sm-2 - #calh.col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12.pa-4.pa-sm-3 + v-row.ma-2 + #calh.col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12.pa-0.ma-0 //- this is needed as v-calendar does not support SSR //- https://github.com/nathanreyes/v-calendar/issues/336 client-only(placeholder='Loading...') - Calendar(@dayclick='dayChange' @monthchange='monthChange' :events='filteredEvents') + Calendar(@dayclick='dayChange' @monthchange='monthChange' :events='events') .col.pt-0.pt-md-2 - Search(@tag:selected="tag => $router.push(`/tag/${tag.tag}`)") - v-chip(v-if='selectedDay' close :close-icon='mdiCloseCircle' @click:close='dayChange()') {{selectedDay}} + //- v-btn(to='/search' color='primary' ) {{$t('common.search')}} + v-form(to='/search' action='/search' method='GET') + v-text-field(:label='$t("common.search")') + v-btn(type='submit') + //- Search(@tag:selected="tag => $router.push(`/tag/${tag.tag}`)") + //- v-chip(v-if='selectedDay' close :close-icon='mdiCloseCircle' @click:close='dayChange()') {{selectedDay}} //- Events #events.mb-2.mt-1.pl-1.pl-sm-2 - Event(:event='event' @destroy='destroy' v-for='(event, idx) in visibleEvents' :lazy='idx>2' :key='event.id' @tagclick='tagClick' @placeclick='placeClick') + Event(:event='event' @destroy='destroy' v-for='(event, idx) in visibleEvents' :lazy='idx>2' :key='event.id')