forked from MapComplete/MapComplete
Chore: remove obsolete class and very old code
This commit is contained in:
parent
5127609120
commit
2efd0fb906
2 changed files with 1 additions and 82 deletions
|
@ -1,74 +0,0 @@
|
||||||
import { Store } from "../../Logic/UIEventSource"
|
|
||||||
import Translations from "../i18n/Translations"
|
|
||||||
import Toggle, { ClickableToggle } from "../Input/Toggle"
|
|
||||||
import Combine from "../Base/Combine"
|
|
||||||
import { Tag } from "../../Logic/Tags/Tag"
|
|
||||||
import ChangeTagAction from "../../Logic/Osm/Actions/ChangeTagAction"
|
|
||||||
import { Changes } from "../../Logic/Osm/Changes"
|
|
||||||
import { OsmConnection } from "../../Logic/Osm/OsmConnection"
|
|
||||||
import ThemeConfig from "../../Models/ThemeConfig/ThemeConfig"
|
|
||||||
import SvelteUIElement from "../Base/SvelteUIElement"
|
|
||||||
import Delete_icon from "../../assets/svg/Delete_icon.svelte"
|
|
||||||
|
|
||||||
export default class DeleteImage extends Toggle {
|
|
||||||
constructor(
|
|
||||||
key: string,
|
|
||||||
tags: Store<any>,
|
|
||||||
state: { theme: ThemeConfig; changes?: Changes; osmConnection?: OsmConnection }
|
|
||||||
) {
|
|
||||||
const oldValue = tags.data[key]
|
|
||||||
const isDeletedBadge = Translations.t.image.isDeleted
|
|
||||||
.Clone()
|
|
||||||
.SetClass("rounded-full p-1")
|
|
||||||
.SetStyle("color:white;background:#ff8c8c")
|
|
||||||
.onClick(async () => {
|
|
||||||
await state?.changes?.applyAction(
|
|
||||||
new ChangeTagAction(tags.data.id, new Tag(key, oldValue), tags.data, {
|
|
||||||
changeType: "delete-image",
|
|
||||||
theme: state.theme.id,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
})
|
|
||||||
|
|
||||||
const deleteButton = Translations.t.image.doDelete
|
|
||||||
.Clone()
|
|
||||||
.SetClass("block w-full pl-4 pr-4")
|
|
||||||
.SetStyle(
|
|
||||||
"color:white;background:#ff8c8c; border-top-left-radius:30rem; border-top-right-radius: 30rem;"
|
|
||||||
)
|
|
||||||
.onClick(async () => {
|
|
||||||
await state?.changes?.applyAction(
|
|
||||||
new ChangeTagAction(tags.data.id, new Tag(key, ""), tags.data, {
|
|
||||||
changeType: "answer",
|
|
||||||
theme: state.theme.id,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
})
|
|
||||||
|
|
||||||
const cancelButton = Translations.t.general.cancel
|
|
||||||
.Clone()
|
|
||||||
.SetClass("bg-white pl-4 pr-4")
|
|
||||||
.SetStyle("border-bottom-left-radius:30rem; border-bottom-right-radius: 30rem;")
|
|
||||||
const openDelete = new SvelteUIElement(Delete_icon).SetStyle(
|
|
||||||
"width: 2em; height: 2em; display:block;"
|
|
||||||
)
|
|
||||||
const deleteDialog = new ClickableToggle(
|
|
||||||
new Combine([deleteButton, cancelButton]).SetClass("flex flex-col background-black"),
|
|
||||||
openDelete
|
|
||||||
)
|
|
||||||
|
|
||||||
cancelButton.onClick(() => deleteDialog.isEnabled.setData(false))
|
|
||||||
openDelete.onClick(() => deleteDialog.isEnabled.setData(true))
|
|
||||||
|
|
||||||
super(
|
|
||||||
new Toggle(
|
|
||||||
deleteDialog,
|
|
||||||
isDeletedBadge,
|
|
||||||
tags.map((tags) => (tags[key] ?? "") !== "")
|
|
||||||
),
|
|
||||||
undefined /*Login (and thus editing) is disabled*/,
|
|
||||||
state?.osmConnection?.isLoggedIn
|
|
||||||
)
|
|
||||||
this.SetClass("cursor-pointer")
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,14 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Store, UIEventSource } from "../../Logic/UIEventSource.js"
|
import { Store } from "../../Logic/UIEventSource.js"
|
||||||
import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider"
|
import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider"
|
||||||
import AttributedImage from "../Image/AttributedImage.svelte"
|
|
||||||
import type { SpecialVisualizationState } from "../SpecialVisualization"
|
import type { SpecialVisualizationState } from "../SpecialVisualization"
|
||||||
import ToSvelte from "../Base/ToSvelte.svelte"
|
|
||||||
import DeleteImage from "./DeleteImage"
|
|
||||||
import Popup from "../Base/Popup.svelte"
|
|
||||||
import TitledPanel from "../Base/TitledPanel.svelte"
|
|
||||||
import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
|
|
||||||
import NextButton from "../Base/NextButton.svelte"
|
|
||||||
import DeletableImage from "./DeletableImage.svelte"
|
import DeletableImage from "./DeletableImage.svelte"
|
||||||
|
|
||||||
export let images: Store<ProvidedImage[]>
|
export let images: Store<ProvidedImage[]>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue