mirror of
https://framagit.org/les/gancio.git
synced 2025-01-31 16:42:22 +01:00
cleaning event component
This commit is contained in:
les
parent
5f86239f2c
commit
fe97edc73a
1 changed files with 6 additions and 112 deletions
|
|
@ -5,22 +5,16 @@
|
|||
gradient="to bottom, rgba(0,0,0,.1), rgba(0,0,0,.7)"
|
||||
height="250" position="top top")
|
||||
v-card-title {{event.title}}
|
||||
//- v-list-item
|
||||
v-list-item-content
|
||||
v-list-item-title.headline {{ event.title }}
|
||||
v-list-item-subtitle
|
||||
time(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <v-icon>mdi-date</v-icon> {{ event|when }}
|
||||
v-list-item-subtitle
|
||||
span <v-icon>md-location-outline</v-icon> {{event.place.name}}
|
||||
|
||||
v-card-text
|
||||
time(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <v-icon>mdi-event</v-icon> {{ event|when }}
|
||||
div <v-icon>mdi-location-on</v-icon> {{event.place.name}}
|
||||
//- v-btn.ml-1(type='text' plain rounded size='mini' v-for='tag in event.tags' :key='tag' @click='addTag(tag)') {{tag}} -->
|
||||
|
||||
v-card-actions
|
||||
v-chip.ml-1(v-for='tag in event.tags' link :key='tag' outlined color='primary' small) {{tag}}
|
||||
v-chip.ml-1(v-for='tag in event.tags' link
|
||||
:key='tag' outlined color='primary' small @click='addTag(tag)') {{tag}}
|
||||
v-spacer
|
||||
//- v-btn(icon color='yellow')
|
||||
v-icon mdi-share-variant
|
||||
|
||||
v-menu(offset-y)
|
||||
template(v-slot:activator="{on}")
|
||||
v-btn(icon v-on='on' color='primary')
|
||||
|
|
@ -29,38 +23,6 @@
|
|||
v-list-item
|
||||
v-list-item-title test
|
||||
|
||||
//- <!-- //- v-card.event.h-event.mt-1(max-width="400")
|
||||
//- p ciao
|
||||
//- nuxt-link(:to='`/event/${event.id}`')
|
||||
//- v-list-item
|
||||
//- v-list-item-content
|
||||
//- v-list-item-title(v-text='event.title')
|
||||
//- v-list-item-subtitle
|
||||
//- //- when
|
||||
//- time.d-block.dt-start.mt-0(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <i class='el-icon-date'/> {{event|when}}
|
||||
//- //- place
|
||||
//- .p-location.mt-1.text-warning(plain size='mini' round type='text' @click='addPlace') <i class='el-icon-location-outline'/> {{event.place.name}}
|
||||
|
||||
//- v-img(v-if='showImage && event.image_path' height="194"
|
||||
//- lazy :src='`/media/thumb/${event.image_path}`')
|
||||
//- .float-right
|
||||
//- i.text-danger.el-icon-refresh(v-if='event.parentId')
|
||||
//- .badge.text-info(v-if='settings.enable_resources && event.resources && event.resources.length') {{event.resources.length}}
|
||||
//- //- title
|
||||
//- .p-name.p-summary.title {{event.title}}
|
||||
|
||||
//- .card-body
|
||||
//- //- div.d-flex.justify-content-between
|
||||
//- //- when
|
||||
//- time.d-block.dt-start.mt-0(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <i class='el-icon-date'/> {{event|when}}
|
||||
//- //- place
|
||||
//- .p-location.mt-1.text-warning(plain size='mini' round type='text' @click='addPlace') <i class='el-icon-location-outline'/> {{event.place.name}}
|
||||
|
||||
//- //- description
|
||||
//- //- .p-description.description.mt-3(v-html='description')
|
||||
|
||||
//- .card-footer(v-if='event.tags.length')
|
||||
//- v-btn.ml-1(type='text' plain rounded size='mini' v-for='tag in event.tags' :key='tag' @click='addTag(tag)') {{tag}} -->
|
||||
</template>
|
||||
<script>
|
||||
import { mapState, mapActions } from 'vuex'
|
||||
|
|
@ -123,73 +85,5 @@ export default {
|
|||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
// .title::before {
|
||||
// content: "...";
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// right: 0;
|
||||
// }
|
||||
|
||||
// .title::after {
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// right: 0; /* note: not using bottom */
|
||||
// width: 1rem;
|
||||
// height: 1rem;
|
||||
// background: white;
|
||||
// }
|
||||
}
|
||||
|
||||
// a:hover {
|
||||
// text-decoration: none;
|
||||
// .title {
|
||||
// border-bottom: 1px solid #888;
|
||||
// color: white;
|
||||
// }
|
||||
// }
|
||||
// .title {
|
||||
// margin-left: 1rem;
|
||||
// margin-top: 1rem;
|
||||
// margin-right: 1rem;
|
||||
// border-bottom: 1px solid #333;
|
||||
// transition: border-color .5s;
|
||||
// font-size: 1.2em;
|
||||
// max-height: 3em;
|
||||
// overflow: hidden;
|
||||
// color: white;
|
||||
// font-weight: bold;
|
||||
// }
|
||||
|
||||
// .card-footer {
|
||||
// max-height: 4.5em;
|
||||
// overflow: hidden;
|
||||
// padding: .25rem 0.5rem;
|
||||
// line-height: 1.8rem;
|
||||
// min-height: 2.2rem;
|
||||
// }
|
||||
|
||||
// .card-body {
|
||||
// overflow: hidden;
|
||||
// }
|
||||
|
||||
// .description {
|
||||
// color: #999;
|
||||
// font-size: 0.8em;
|
||||
// overflow: hidden;
|
||||
// max-height: 100%;
|
||||
// }
|
||||
|
||||
// .el-image { width: 100% }
|
||||
// .v-image {
|
||||
// .v-image__image {
|
||||
// height: 250px;
|
||||
// }
|
||||
// height: 250px;
|
||||
// background-position: top;
|
||||
// // width: 100%;
|
||||
// // object-fit: cover;
|
||||
// // object-position: top;
|
||||
// }
|
||||
// }
|
||||
|
||||
</style>
|
||||
</style>
|
||||
Loading…
Reference in a new issue