diff --git a/src/components/popup/Movie.vue b/src/components/popup/Movie.vue index 58df504..994f6f2 100644 --- a/src/components/popup/Movie.vue +++ b/src/components/popup/Movie.vue @@ -32,9 +32,7 @@ {{ - !media?.exists_in_plex - ? "Not yet available" - : "Already available 🎉" + !media?.exists_in_plex ? "Not yet available" : "Already available" }} @@ -46,6 +44,11 @@ {{ !requested ? `Request ${type}?` : "Already requested" }} + + + Remove request + + - + Search for torrents {{ numberOfTorrentResults @@ -176,8 +185,9 @@ import IconInfo from "../../icons/IconInfo.vue"; import IconRequest from "../../icons/IconRequest.vue"; import IconRequested from "../../icons/IconRequested.vue"; - import IconBinoculars from "../../icons/IconBinoculars.vue"; + import IconHelm from "../../icons/IconHelm.vue"; import IconPlay from "../../icons/IconPlay.vue"; + import IconTombstone from "../../icons/IconTombstone.vue"; import TorrentList from "../torrent/TruncatedTorrentResults.vue"; import CastList from "../CastList.vue"; import Detail from "./Detail.vue"; @@ -226,6 +236,7 @@ const compact: Ref = ref(); const loading: Ref = ref(); const backdropElement: Ref = ref(); + const helmKey: Ref = ref(0); const store = useStore(); @@ -590,4 +601,30 @@ .fade-leave-to { opacity: 0; } + + .helm-spin-forward { + animation: helm-spin-forward 0.6s ease-in-out; + } + + .helm-spin-reverse { + animation: helm-spin-reverse 0.6s ease-in-out; + } + + @keyframes helm-spin-forward { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } + } + + @keyframes helm-spin-reverse { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-270deg); + } + } diff --git a/src/icons/IconHelm.vue b/src/icons/IconHelm.vue new file mode 100644 index 0000000..00b5e91 --- /dev/null +++ b/src/icons/IconHelm.vue @@ -0,0 +1,7 @@ + \ No newline at end of file