Commit 802ec5cd authored by les's avatar les
Browse files

[refactoring] remove el-card usage

parent 1c3008c2
<template lang="pug">
el-card
nuxt-link.float-right(to='/')
el-button(circle icon='el-icon-close' type='danger' size='small' plain)
h3 {{$t('common.info')}}
el-main
h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.info')}}
div(v-html='$t("about")')
hr
......
<template lang="pug">
el-main
nuxt-link.float-right(to='/')
el-button(circle icon='el-icon-close' type='danger' size='small' plain)
h5 {{edit?$t('common.edit_event'):$t('common.add_event')}}
h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{edit?$t('common.edit_event'):$t('common.add_event')}}
el-form(v-loading='loading')
client-only
el-tabs.mb-2(v-model='activeTab')
......@@ -60,7 +57,7 @@
el-select.ml-2(v-if='event.type==="recurrent"' v-model='event.recurrent.frequency' placeholder='Frequenza')
el-option(:label="$t('event.each_week')" value='1w' key='1w')
el-option(:label="$t('event.each_2w')" value='2w' key='2w')
el-option(:label="$t('event.each_month')" value='1m' key='1m')
//- el-option(:label="$t('event.each_month')" value='1m' key='1m')
v-date-picker.mb-2.mt-3(
:mode='event.type === "multidate" ? "range" : event.type === "recurrent" ? "multiple" : "single"'
......
<template lang="pug">
el-main
nuxt-link.float-right(to='/')
el-button(circle icon='el-icon-close' type='danger' size='small' plain)
h5 {{$t('common.admin')}}
h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.admin')}}
el-tabs(v-model='tab')
......
<template lang="pug">
el-main#eventDetail
nuxt-link.mr-2(to='/')
img#logo(src='/favicon.ico')
.head
nuxt-link.mr-2(to='/')
img#logo(src='/favicon.ico')
span.title {{event.title}}
span.title {{event.title}}
div.float-right
nuxt-link.mr-1(:to='`/event/${prev}`')
el-button(circle plain size='small' icon='el-icon-arrow-left' :disabled='!prev')
nuxt-link(:to='`/event/${next}`')
el-button(circle plain size='small' :disabled='!next' icon='el-icon-arrow-right')
div.float-right
nuxt-link.mr-1(:to='`/event/${prev}`')
el-button(circle plain size='small' icon='el-icon-arrow-left' :disabled='!prev')
nuxt-link(:to='`/event/${next}`')
el-button(circle plain size='small' :disabled='!next' icon='el-icon-arrow-right')
//- image
el-row.mt-3
el-row
el-col(:md='18')
//- event image
img.main.mb-3(:src='imgPath' v-if='event.image_path')
//- info for mobile screen
div.d-block.d-lg-none
span <b>{{event|when}}</b> - {{event|to}}<br/>
span <b>{{event.place.name}}</b> - {{event.place.address}}
......@@ -24,17 +26,16 @@
el-tag.mr-1.mb-1(v-for='tag in event.tags'
size='mini' :key='tag.tag') {{tag.tag}}
//- info & actions for desktop
el-col.d-none.d-lg-block(:md='6')
el-menu.menu
//- el-divider {{$t('common.when')}}
//- When(:event='event')
el-divider {{$t('common.info')}}
el-menu.menu.mt-2
p <b>{{event|when}}</b> - {{event|to}}
p <b>{{event.place.name}}</b> - {{event.place.address}}
el-divider {{$t('common.actions')}}
el-menu-item(v-clipboard:success='copyLink'
v-clipboard:copy='`${settings.baseurl}/event/${event.id}`') <i class='el-icon-paperclip'></i> {{$t('common.copy_link')}}
el-menu-item
//- TODO (ics of recurrent events)
el-menu-item(v-if='!event.recurrent')
a.d-block(:href='`${settings.baseurl}/api/event/${event.id}.ics`') {{$t('common.add_to_calendar')}}
//- el-button(plain size='mini' type='primary'
//- icon='el-icon-document' ) {{$t('common.send_via_mail')}}
......@@ -196,7 +197,18 @@ export default {
<style lang='less'>
#eventDetail {
background-color: white;
margin-bottom: 30px;
.head {
z-index: 1;
position: sticky;
top: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-color: white;
border-bottom: 1px solid #e6e6e6;
}
.menu {
border-right: none;
border-left: 1px solid #e6e6e6;
......
<template lang="pug">
el-card
nuxt-link.float-right(to='/')
el-button(circle icon='el-icon-close' type='danger' size='small' plain)
h5 {{$t('common.export')}}
el-main
h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.export')}}
p {{$t('export.intro')}}
Search
......
<template lang="pug">
el-main
nuxt-link.float-right(to='/')
el-button(circle icon='el-icon-close' type='danger' size='small' plain)
h5 {{$t('common.settings')}}
h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.settings')}}
el-divider {{$auth.user.email}}
el-form(action='/api/user' method='PUT' @submit.native.prevent='update_settings' inline label-width='200px')
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment