Added alert dialog. Fixed image rotation EXIT data being discarded.

assets/components/users/actor-preview.vue

@@ -1,86 +0,0 @@
-<template>
-	<router-link
-		:to="`/actor/${actor.id}/${actor.slug}`"
-		class="actor nolink"
-	>
-		<div class="avatar">
-			<img
-				v-if="actor.avatar"
-				:src="getPath(actor.avatar, 'lazy')"
-				class="avatar-image"
-			>
-
-			<Icon
-				v-else-if="actor.gender"
-				:icon="actor.gender"
-				class="avatar-fallback"
-			/>
-		</div>
-
-		<span class="name">{{ actor.name }}</span>
-	</router-link>
-</template>
-
-<script>
-async function unstashActor(actorId, stashId) {
-	await this.$store.dispatch('unstashActor', { actorId, stashId });
-}
-
-export default {
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-	methods: {
-		unstashActor,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.actor {
-	height: 2.5rem;
-	display: inline-flex;
-	align-items: center;
-	border: solid 1px var(--shadow-hint);
-
-	&:hover {
-		border: solid 1px var(--primary);
-	}
-}
-
-.avatar {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 2rem;
-	height: 100%;
-	border-right: solid 1px var(--shadow-hint);
-}
-
-.avatar-image {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	object-position: 50% 0;
-}
-
-.avatar-fallback {
-	fill: var(--shadow-weak);
-}
-
-.name {
-	display: inline-flex;
-	align-items: center;
-	height: 100%;
-	padding: 0 .5rem;
-	font-size: .8rem;
-	font-weight: bold;
-}
-</style>

assets/components/users/scene-preview.vue

@@ -1,111 +0,0 @@
-<template>
-	<a
-		:href="`/scene/${scene.id}/${scene.slug || ''}`"
-		target="_blank"
-		rel="noopener noreferrer"
-		class="scene nolink"
-	>
-		<img
-			:src="getPath(scene.poster, 'thumbnail')"
-			class="scene-poster"
-		>
-
-		<div class="scene-header">
-			<span class="scene-actors nolist">{{ scene.actors.map(actor => actor.name).join(', ') }}</span>
-		</div>
-
-		<div class="scene-footer">
-			<img
-				:src="`/img/logos/${scene.entity.parent.slug}/favicon_light.png`"
-				class="scene-favicon"
-			>
-
-			<span class="scene-title">{{ scene.title }}</span>
-		</div>
-	</a>
-</template>
-
-<script>
-export default {
-	props: {
-		scene: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.scene {
-	width: 14rem;
-	height: 100%;
-	position: relative;
-	font-size: 0;
-}
-
-.scene-poster {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	object-position: 50% 0;
-}
-
-.scene-header,
-.scene-footer {
-	width: 100%;
-	height: 1.25rem;
-	display: flex;
-	align-items: center;
-	position: absolute;
-	left: 0;
-	background: var(--darken-weak);
-	color: var(--text-light);
-	font-size: .7rem;
-	font-weight: bold;
-	overflow: hidden;
-	text-shadow: 0 0 2px var(--text-dark);
-}
-
-.scene-header {
-	top: 0;
-}
-
-.scene-footer {
-	bottom: 0;
-}
-
-.scene-title {
-	padding: .25rem .5rem;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.scene-actors {
-	padding: 0 .5rem;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-
-.scene-unstash {
-	fill: var(--lighten-strong);
-	padding: .25rem;
-	filter: drop-shadow(0 0 1px var(--shadow));
-
-	&:hover {
-		fill: var(--text-light);
-	}
-}
-
-.scene-favicon {
-	width: 1rem;
-	height: 1rem;
-	padding: .1rem 0 0 .25rem;
-}
-</style>

assets/components/users/stash.vue

@@ -82,8 +82,8 @@
 </template>
 
 <script>
-import ActorPreview from './actor-preview.vue';
-import ScenePreview from './scene-preview.vue';
+import ActorPreview from '../actors/preview.vue';
+import ScenePreview from '../releases/scene-preview.vue';
 import RemoveStash from '../stashes/remove-stash.vue';
 import Toggle from '../form/toggle.vue';