edit-meta: make location accessible
parent
b8125a2ff3
commit
08deed1e39
|
@ -1,13 +1,30 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="outer">
|
<div class="outer">
|
||||||
<div class="lat-lon">
|
<div class="lat-lon">
|
||||||
<span>{{ loc }}</span> {{ dirty ? "*" : "" }}
|
<div class="coords">
|
||||||
|
<span>{{ loc }}</span> {{ dirty ? "*" : "" }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="action">
|
<div class="action">
|
||||||
<UndoIcon :size="20" v-if="dirty" @click="reset" />
|
<NcActions :inline="2">
|
||||||
</div>
|
<NcActionButton
|
||||||
<div class="action">
|
v-if="dirty"
|
||||||
<CloseIcon :size="20" v-if="lat && lon" @click="clear" />
|
:aria-label="t('memories', 'Reset')"
|
||||||
|
@click="reset()"
|
||||||
|
>
|
||||||
|
{{ t("memories", "Reset") }}
|
||||||
|
<template #icon> <UndoIcon :size="20" /> </template>
|
||||||
|
</NcActionButton>
|
||||||
|
|
||||||
|
<NcActionButton
|
||||||
|
v-if="lat && lon"
|
||||||
|
:aria-label="t('memories', 'Remove location')"
|
||||||
|
@click="clear()"
|
||||||
|
>
|
||||||
|
{{ t("memories", "Remove location") }}
|
||||||
|
<template #icon> <CloseIcon :size="20" /> </template>
|
||||||
|
</NcActionButton>
|
||||||
|
</NcActions>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -43,6 +60,8 @@
|
||||||
v-for="option in options"
|
v-for="option in options"
|
||||||
:key="option.osm_id"
|
:key="option.osm_id"
|
||||||
@click="select(option)"
|
@click="select(option)"
|
||||||
|
@keypress.enter="select(option)"
|
||||||
|
tabindex="0"
|
||||||
>
|
>
|
||||||
{{ option.display_name }}
|
{{ option.display_name }}
|
||||||
</li>
|
</li>
|
||||||
|
@ -57,6 +76,8 @@ import { IPhoto } from "../../types";
|
||||||
import axios from "@nextcloud/axios";
|
import axios from "@nextcloud/axios";
|
||||||
import { showError } from "@nextcloud/dialogs";
|
import { showError } from "@nextcloud/dialogs";
|
||||||
|
|
||||||
|
import NcActions from "@nextcloud/vue/dist/Components/NcActions";
|
||||||
|
import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
|
||||||
const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
|
const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
|
||||||
const NcListItem = () => import("@nextcloud/vue/dist/Components/NcListItem");
|
const NcListItem = () => import("@nextcloud/vue/dist/Components/NcListItem");
|
||||||
import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
|
import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
|
||||||
|
@ -76,6 +97,8 @@ type NLocation = {
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
|
NcActions,
|
||||||
|
NcActionButton,
|
||||||
NcTextField,
|
NcTextField,
|
||||||
NcListItem,
|
NcListItem,
|
||||||
NcLoadingIcon,
|
NcLoadingIcon,
|
||||||
|
@ -201,14 +224,20 @@ export default defineComponent({
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.lat-lon {
|
.lat-lon {
|
||||||
|
display: flex;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
margin-bottom: -10px;
|
||||||
|
|
||||||
> span {
|
> .coords {
|
||||||
user-select: all;
|
> span {
|
||||||
|
user-select: all;
|
||||||
|
}
|
||||||
|
display: inline-block;
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .action {
|
> .action {
|
||||||
float: right;
|
margin-top: -10px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
> * {
|
> * {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in New Issue