Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
les
gancio
Commits
a448999a
Verified
Commit
a448999a
authored
Apr 27, 2021
by
les
Browse files
improve grid layout
parent
8b6c2684
Changes
5
Hide whitespace changes
Inline
Side-by-side
components/Editor.vue
View file @
a448999a
...
...
@@ -208,6 +208,7 @@ export default {
}
.menubar {
visibility: visible;
opacity: 1 !important;
}
...
...
@@ -220,6 +221,7 @@ export default {
.menubar {
transition: opacity .5s;
opacity: 0;
visibility: hidden;
// position: absolute;
}
...
...
@@ -257,63 +259,5 @@ export default {
}
}
}
// position: relative;
// overflow-y: auto;
// padding-top: 1.7em;
// &.with-border {
// border: 1px solid #ddd;
// border-radius: 5px;
// }
// .content {
// padding: 0px 5px 0px 5px;
// flex: 1;
// scrollbar-width: thin;
// overflow-y: auto;
// }
// .menububble {
// position: absolute;
// display: flex;
// overflow: hidden;
// opacity: 0;
// z-index: 1;
// background: #dddddd;
// transform: translateX(-50%);
// border-radius: 3px;
// padding: 0.07rem;
// transition: opacity 0.2s, visibility 0.2s, left .2s, bottom .2s;
// visibility: hidden;
// &.is-active {
// opacity: 1;
// visibility: visible;
// }
// input {
// padding: 0;
// margin: 1px;
// display: block;
// border: 0;
// color: #444;
// font-size: .8em;
// border-radius: 3px;
// line-height: 100%;
// transition: width .2s;
// padding-left: 5px;
// flex-grow: 1;
// }
// .fa-icon {
// width: auto;
// font-size: 10px;
// height: 1.4em; /* or any other relative font sizes */
// /* You would have to include the following two lines to make this work in Safari */
// // max-width: 100%;
// max-height: 100%;
// }
// }
// }
</
style
>
pages/add/DateInput.vue
View file @
a448999a
<
template
lang=
"pug"
>
.when
v-col(cols=12)
.text-center
v-btn-toggle.v-col-6.flex-column.flex-sm-row(v-model='type' color='primary' @change='type => change("type", type)')
v-btn(value='normal' label="normal")
{{
$t
(
'
event.normal
'
)
}}
...
...
pages/add/ImportDialog.vue
View file @
a448999a
...
...
@@ -90,7 +90,6 @@ export default {
// check if contain an h-event
this
.
$emit
(
'
imported
'
,
ret
[
0
])
}
catch
(
e
)
{
console
.
error
(
e
)
this
.
error
=
true
this
.
errorMessage
=
String
(
e
)
}
...
...
pages/add/WhereInput.vue
View file @
a448999a
<
template
lang=
"pug"
>
v-row
v-combobox.col-md-6(ref='place'
:rules="[$validators.required('common.where')]"
:label="$t('common.where')"
:hint="$t('event.where_description')"
:search-input.sync="placeName"
prepend-icon='mdi-map-marker'
persistent-hint
:value="value.name"
:items="filteredPlaces"
no-filter
item-text='name'
@change='selectPlace')
template(v-slot:item="{ item }")
v-list-item-content(two-line v-if='item.create')
v-list-item-title <v-icon color='primary'>mdi-plus</v-icon>
{{
item
.
name
}}
v-list-item-content(two-line v-else)
v-list-item-title
{{
item
.
name
}}
v-list-item-subtitle
{{
item
.
address
}}
v-col(cols=12 md=6)
v-combobox(ref='place'
:rules="[$validators.required('common.where')]"
:label="$t('common.where')"
:hint="$t('event.where_description')"
:search-input.sync="placeName"
prepend-icon='mdi-map-marker'
persistent-hint
:value="value.name"
:items="filteredPlaces"
no-filter
item-text='name'
@change='selectPlace')
template(v-slot:item="{ item }")
v-list-item-content(two-line v-if='item.create')
v-list-item-title <v-icon color='primary'>mdi-plus</v-icon>
{{
item
.
name
}}
v-list-item-content(two-line v-else)
v-list-item-title
{{
item
.
name
}}
v-list-item-subtitle
{{
item
.
address
}}
v-text-field.col-md-6(ref='address'
prepend-icon='mdi-map'
:disabled='disableAddress'
:rules="[ v => disableAddress ? true : $validators.required('common.address')(v)]"
:label="$t('common.address')"
@change="changeAddress"
:value="value.address")
v-col(cols=12 md=6)
v-text-field(ref='address'
prepend-icon='mdi-map'
:disabled='disableAddress'
:rules="[ v => disableAddress ? true : $validators.required('common.address')(v)]"
:label="$t('common.address')"
@change="changeAddress"
:value="value.address")
</
template
>
<
script
>
...
...
pages/add/_edit.vue
View file @
a448999a
...
...
@@ -14,49 +14,54 @@
v-container
v-row
//- Not logged event
v-col
.col-12
(v-if='!$auth.loggedIn')
v-col(v-if='!$auth.loggedIn'
cols=12
)
p(v-html="$t('event.anon_description')")
//- Title
v-text-field.col-12(
@change='v => event.title = v'
:value = 'event.title'
:rules="[$validators.required('common.title')]"
prepend-icon='mdi-format-title'
:label="$t('common.title')"
autofocus
ref='title')
v-col(cols=12)
v-text-field(
@change='v => event.title = v'
:value = 'event.title'
:rules="[$validators.required('common.title')]"
prepend-icon='mdi-format-title'
:label="$t('common.title')"
autofocus
ref='title')
//- Where
WhereInput.col-12(v-model='event.place')
v-col(cols=12)
WhereInput(v-model='event.place')
//- When
DateInput
.col-12
(v-model='date')
DateInput(v-model='date')
//- Description
Editor.col-12.mb-3(
:label="$t('event.description_description')"
v-model='event.description'
:placeholder="$t('event.description_description')"
max-height='400px')
v-col.px-0(cols='12')
Editor.px-3.ma-0(
:label="$t('event.description_description')"
v-model='event.description'
:placeholder="$t('event.description_description')"
max-height='400px')
//- MEDIA / FLYER / POSTER
v-file-input.col-12.col-sm-6.mt-3(
:label="$t('common.media')"
:hint="$t('event.media_description')"
prepend-icon="mdi-camera"
v-model='event.image'
persistent-hint
accept='image/*')
v-col(cols=12 md=6)
v-file-input(
:label="$t('common.media')"
:hint="$t('event.media_description')"
prepend-icon="mdi-camera"
v-model='event.image'
persistent-hint
accept='image/*')
//- tags
v-combobox.col-12.col-sm-6.mt-3(v-model='event.tags'
prepend-icon="mdi-tag-multiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:delimiters="[',', ' ']"
:items="tags.map(t => t.tag)"
:label="$t('common.tags')")
v-img.col-12.col-sm-2.ml-3(v-if='mediaPreview' :src='mediaPreview')
v-col(cols=12 md=6)
v-combobox(v-model='event.tags'
prepend-icon="mdi-tag-multiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:delimiters="[',', ' ']"
:items="tags.map(t => t.tag)"
:label="$t('common.tags')")
v-img.col-12.col-sm-2.ml-3(v-if='mediaPreview' :src='mediaPreview')
v-card-actions
v-spacer
...
...
@@ -118,7 +123,6 @@ export default {
return
{
valid
:
false
,
openImportDialog
:
false
,
openMediaDialog
:
false
,
event
:
{
place
:
{
name
:
''
,
address
:
''
},
title
:
''
,
...
...
@@ -163,6 +167,7 @@ export default {
fromHour
:
true
,
dueHour
:
true
}
this
.
openImportDialog
=
false
},
cleanFile
()
{
this
.
event
.
image
=
{}
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment