romm/frontend/src/components/common/Game/AdminMenu.vue

<script setup lang="ts">
import collectionApi from "@/services/api/collection";
import storeAuth from "@/stores/auth";
import storeCollections, { type Collection } from "@/stores/collections";
import storeHeartbeat from "@/stores/heartbeat";
import type { SimpleRom } from "@/stores/roms";
import storeRoms from "@/stores/roms";
import storeScanning from "@/stores/scanning";
import socket from "@/services/socket";
import type { Events } from "@/types/emitter";
import type { Emitter } from "mitt";
import { storeToRefs } from "pinia";
import { inject } from "vue";
import { useI18n } from "vue-i18n";
import romApi from "@/services/api/rom";

const { t } = useI18n();
const props = defineProps<{ rom: SimpleRom }>();
const emitter = inject<Emitter<Events>>("emitter");
const heartbeat = storeHeartbeat();
const auth = storeAuth();
const collectionsStore = storeCollections();
const romsStore = storeRoms();
const { favoriteCollection } = storeToRefs(collectionsStore);
const scanningStore = storeScanning();

async function switchFromFavourites() {
  if (!favoriteCollection.value) {
    await collectionApi
      .createCollection({
        collection: { name: "Favourites" },
      })
      .then(({ data }) => {
        collectionsStore.addCollection(data);
        favoriteCollection.value = data;
        emitter?.emit("snackbarShow", {
          msg: `Collection ${data.name} created successfully!`,
          icon: "mdi-check-bold",
          color: "green",
          timeout: 2000,
        });
      })
      .catch((error) => {
        console.log(error);
        emitter?.emit("snackbarShow", {
          msg: error.response.data.detail,
          icon: "mdi-close-circle",
          color: "red",
        });
        return;
      });
  }
  if (!collectionsStore.isFavorite(props.rom)) {
    favoriteCollection.value?.rom_ids.push(props.rom.id);
  } else {
    if (favoriteCollection.value) {
      favoriteCollection.value.rom_ids =
        favoriteCollection.value.rom_ids.filter((id) => id !== props.rom.id);
      if (romsStore.currentCollection?.name.toLowerCase() == "favourites") {
        romsStore.remove([props.rom]);
      }
    }
  }
  await collectionApi
    .updateCollection({ collection: favoriteCollection.value as Collection })
    .then(({ data }) => {
      emitter?.emit("snackbarShow", {
        msg: `${props.rom.name} ${
          collectionsStore.isFavorite(props.rom) ? "added to" : "removed from"
        } ${favoriteCollection.value?.name} successfully!`,
        icon: "mdi-check-bold",
        color: "green",
        timeout: 2000,
      });
      favoriteCollection.value = data;
      collectionsStore.updateCollection(data);
    })
    .catch((error) => {
      console.log(error);
      emitter?.emit("snackbarShow", {
        msg: error.response.data.detail,
        icon: "mdi-close-circle",
        color: "red",
      });
      return;
    })
    .finally(() => {
      emitter?.emit("showLoadingDialog", { loading: false, scrim: false });
    });
}

async function resetLastPlayed() {
  await romApi
    .updateUserRomProps({
      romId: props.rom.id,
      data: {},
      removeLastPlayed: true,
    })
    .then(() => {
      emitter?.emit("snackbarShow", {
        msg: `${props.rom.name} removed from Continue Playing`,
        icon: "mdi-check-bold",
        color: "green",
        timeout: 2000,
      });

      romsStore.removeFromContinuePlaying(props.rom);
    })
    .catch((error) => {
      console.log(error);
      emitter?.emit("snackbarShow", {
        msg: error.response.data.detail,
        icon: "mdi-close-circle",
        color: "red",
      });
      return;
    });
}

async function onScan() {
  scanningStore.set(true);
  emitter?.emit("snackbarShow", {
    msg: `Refreshing ${props.rom.name} metadata...`,
    icon: "mdi-loading mdi-spin",
    color: "primary",
  });

  if (!socket.connected) socket.connect();
  socket.emit("scan", {
    platforms: [props.rom.platform_id],
    roms_ids: [props.rom.id],
    type: "quick", // Quick scan so we can filter by selected roms
    apis: heartbeat.getAllMetadataOptions().map((s) => s.value),
  });
}
</script>

<template>
  <v-list class="pa-0">
    <template v-if="auth.scopes.includes('roms.write')">
      <v-list-item
        :disabled="!heartbeat.value.METADATA_SOURCES.ANY_SOURCE_ENABLED"
        class="py-4 pr-5"
        @click="emitter?.emit('showMatchRomDialog', rom)"
      >
        <v-list-item-title class="d-flex">
          <v-icon icon="mdi-search-web" class="mr-2" />{{
            t("rom.manual-match")
          }}
        </v-list-item-title>
        <v-list-item-subtitle>
          {{
            !heartbeat.value.METADATA_SOURCES.ANY_SOURCE_ENABLED
              ? t("rom.no-metadata-source")
              : ""
          }}
        </v-list-item-subtitle>
      </v-list-item>
      <v-list-item
        class="py-4 pr-5"
        @click="emitter?.emit('showEditRomDialog', { ...rom })"
      >
        <v-list-item-title class="d-flex">
          <v-icon icon="mdi-pencil-box" class="mr-2" />{{ t("rom.edit") }}
        </v-list-item-title>
      </v-list-item>
      <v-list-item class="py-4 pr-5" @click="onScan">
        <v-list-item-title class="d-flex">
          <v-icon icon="mdi-magnify-scan" class="mr-2" />{{
            t("rom.refresh-metadata")
          }}
        </v-list-item-title>
      </v-list-item>
      <v-divider />
    </template>
    <v-list-item
      v-if="auth.scopes.includes('roms.user.write') && rom.rom_user.last_played"
      class="py-4 pr-5"
      @click="resetLastPlayed"
    >
      <v-list-item-title class="d-flex">
        <v-icon icon="mdi-play-protected-content" class="mr-2" />
        {{ t("rom.remove-from-playing") }}
      </v-list-item-title>
    </v-list-item>
    <v-list-item
      v-if="auth.scopes.includes('collections.write')"
      class="py-4 pr-5"
      @click="switchFromFavourites"
    >
      <v-list-item-title class="d-flex">
        <v-icon
          :icon="
            collectionsStore.isFavorite(rom)
              ? 'mdi-star-remove-outline'
              : 'mdi-star'
          "
          class="mr-2"
        />{{
          collectionsStore.isFavorite(rom)
            ? t("rom.remove-from-fav")
            : t("rom.add-to-fav")
        }}
      </v-list-item-title>
    </v-list-item>
    <v-list-item
      v-if="auth.scopes.includes('collections.write')"
      class="py-4 pr-5"
      @click="emitter?.emit('showAddToCollectionDialog', [{ ...rom }])"
    >
      <v-list-item-title class="d-flex">
        <v-icon icon="mdi-bookmark-plus" class="mr-2" />{{
          t("rom.add-to-collection")
        }}
      </v-list-item-title>
    </v-list-item>
    <v-list-item
      v-if="auth.scopes.includes('collections.write')"
      class="py-4 pr-5"
      @click="emitter?.emit('showRemoveFromCollectionDialog', [{ ...rom }])"
    >
      <v-list-item-title class="d-flex">
        <v-icon icon="mdi-bookmark-remove-outline" class="mr-2" />{{
          t("rom.remove-from-collection")
        }}
      </v-list-item-title>
    </v-list-item>
    <template v-if="auth.scopes.includes('roms.write')">
      <v-divider />
      <v-list-item
        class="py-4 pr-5 text-romm-red"
        @click="emitter?.emit('showDeleteRomDialog', [rom])"
      >
        <v-list-item-title class="d-flex">
          <v-icon icon="mdi-delete" class="mr-2" />{{ t("rom.delete") }}
        </v-list-item-title>
      </v-list-item>
    </template>
  </v-list>
</template>